urigo/ionic-meteorcli-whatsapp

WhatsApp Clone tutorial with Ionic 1.0 and Meteor CLI

WhatsApp Clone with Ionic & Meteor CLI

WhatsApp Clone with Meteor CLI and Ionic

• Start the tutorial @ angular-meteor.com

}: # {: (footer) {: (nav_step)

Begin Tutorial >
}: #
}: #

ionic-meteorcli-whatsapp's Issues

Step 1.3 - Add platform cannot find module 'dezalgo'

Step 3 of the Whatsapp tutorial doesn't work regardless of whether I try to install the iOS simulator or the Android emulator. Keep getting the above error. I even 'meteor npm install'ed that module and it still doesn't work. Google was also no help.

Anyone know what's going on?

EDIT: This link would be helpful to have in the tutorial... Especially since meteor is only compatible with certain versions. I already have Android Studio installed so I will try to replace the tools folder and check the other pre-reqs to see if I can get it working. Will update if I do.

EDIT2: Nothing worked 😢 Still getting the same error. Added ANDROID_HOME paths and everything.

Broken Link

The link to the website in the readme file: https://www.angular-meteor.com/tutorials/whatsapp/meteor/bootstrapping is broken and the angular-meteor website does not seem to have Whatsapp tutorial anymore.

Bootstrapping steps in tutorial may need updating

It seems before doing:

meteor npm install ionic-scripts --save

You may need to do the following:

meteor npm install angular-animate --save
meteor npm install angular-sanitize --save
meteor npm install angular-ui-router@^0.2.13 --save

Also though, I get this error when installing ionic-scripts:

npm WARN deprecated [email protected]: Wrong dependency

npm ERR! version not found: [email protected]

It looks like ionic-scripts declares a dependency on ionic-sdk version 1.3.1. But the latest version of ionic-sdk appears to be 1.2.4.

Section 1 in tutorial, empty page

Hello, I've followed the tutorial up to just below 1.7. Upon starting the app and viewing in a web browser (running MacOS), I only get a blank page with a blank top nav - no buttons. I've checked all code is identical to the tutorial...Any ideas? Thanks.

This code doesn't work in production mode

meteor run --production gives Error: [ng:areq] Argument 'LoginCtrl' is not a function, got undefined on every route change (with different controllers).

Check read chats.

Change the message status like in "whatsapp".

Tabs not working on IOS

For some reason the tabs are not working on the ios version of the application. As soon as I reach step 4. And this is even after I have made sure that the app is identical to the most current version. Another thing to notice is the fact that the web portion of the application does indeed work, just not the ios version.

Command 'meteor npm install ionic-scripts --save' gets this error

Hello, I am following the tutotial of Whatssap Project with Meteor and Ionic(http://www.angular-meteor.com/tutorials/whatsapp/meteor/bootstrapping), but at the moment when I run the command 'meteor npm install ionic-scripts --save' I get this bug:

+-- UNMET PEER DEPENDENCY angular@^1.5.0
+-- UNMET PEER DEPENDENCY angular-animate@^1.4.3
+-- UNMET PEER DEPENDENCY angular-sanitize@^1.4.3
+-- UNMET PEER DEPENDENCY angular-ui-router@^0.2.13
`-- [email protected]

I don´t know if someone can help me, I will really appreciate it.
Thanks

How can i use Ionic Scss and Fonts using this Structure ?

I am building an app using your tutorial and facing 2 minour issue about fonts and Scss.
see screenshot

and second thing is how can i access ionic Scss ? let say i want to change fonts path using scss variable.

How to do "For now, let’s remove unnecessary files: $ rm -rf server client"?

This is in the first page in the WhatsApp tutorial whenever I put in "$ rm -rf server client" I get an error saying this is not an internal or external command. How would I fix this? Thanks!

Fix for bootstrap.js to insert default users

In Meteor.startup() new users are inserted, this leads to errors when starting a second time.

I think instead of if (Chats.find().count() !== 0) return;
it should check if (Meteor.users.find().count() !== 0) return;
before inserting the same default users

The app does not build.

Not sure what is happening but I suspect that perhaps with the new version of Meteor the app does not work. Here is the error that I get:
=> Started proxy.
=> Errors prevented startup:

While building the application:
error: Could not resolve meteor.mainModule "server/main.js" in package.json (os)
error: Could not resolve meteor.mainModule "client/main.js" in package.json (web.browser)
error: Could not resolve meteor.mainModule "client/main.js" in package.json (web.browser.legacy)
error: Could not resolve meteor.mainModule "client/main.js" in package.json (web.cordova)

=> Your application has errors. Waiting for file change.
=> Started MongoDB.

Of course the main.js files are not in the tutorial.

Step 1.10 controllerAs section

Hi,

Great tutorial, I'm new to Ionic and AngularJS development and found while using this tutorial the section regarding "controllerAs" syntax was not very clear.

While following the tutorial and creating the chats view I was unable to populate data in the view.

I followed the hint:

From now on we will use our controller as the view model using the controllerAs syntax, which basically means that instead of defining data models on the $scope we will define them on the controller itself using the this argument. For more information, see AngularJS's docs about ngController.

And added this to the ion-view and it worked.

<ion-view view-title="Chats" ng-controller="ChatsCtrl as chats">

Is this the correct way to use controllerAs with Meteor/Ionic/Angular? Should the examples in the tutorial and repository be updated to include this line?

Thanks,

Tim Obezuk

Errors in build for IOS mobile

I just build a very simple app based on meteor-ionic-angular using this official whatsapp tutorial:

Upto this step:
https://angular-meteor.com/tutorials/whatsapp/meteor/meteor-server-methods

I am using the latest version of meteor i.e Meteor 1.4.2.6
Also patched using:

meteor update --patch

Now when I run my app for ios using this command:

meteor run ios-device

It opens my code in Xcode and when I run the build, it gives too many errors:

Here is the screenshot of errors:
https://cdn-enterprise.discourse.org/meteor/uploads/default/optimized/2X/6/6ff6e47367249d9c95b977ab4d1a105fb55aa027_1_516x500.png

My XCode version is: 7.3.1

It works perfect for android. But for IOS I get all these errors.

Is there any workaround to fix these errors?

Missing image

Broken image, user-default.svg is used a lot, but missing from the repository.

There is a bug in ionic code in chats.html href in the main tutorial and in the repository.

There is a bug in the official tutorial and main repository of angular-meteor-ionic whatsapp.

The bug is on chats.html. When you tap on a specific chat, it does not go to the desired chat. Nothing happens in that case. There is no exception in browser on meteor console either.

The current code is:

<ion-item ng-repeat="chat in chats.data | orderBy:'-lastMessage.timestamp'"
                class="item-chat item-remove-animate item-avatar item-icon-right"
                type="item-text-wrap"
                href="#/tab/chats/{{ chat._id }}">

So I have a solution for this issue:

In href there should be a ! after the #
Like this:

<ion-item ng-repeat="chat in chats.data | orderBy:'-lastMessage.timestamp'"
                class="item-chat item-remove-animate item-avatar item-icon-right"
                type="item-text-wrap"
                href="#!/tab/chats/{{ chat._id }}">

If anyone has a better solution, please suggest.

Thanks

LICENSE?

Steps comparison not working

There should be a branch added for each step

No icon on Android

Hi guys,
I known that this issue has been fixed for awhile, but in my case it's still here.
I tried to get the whole project from here and build it at my local, still no show icon on my android device.
I tried to update meteor to newest version, still the same.
I tried some other method from internet, still error.

Could anyone give a fixable method? The app work great but the icon is not. It's showed on web, but not on my android device and ios simulation.

Please help.

Global styles

Hello! I would like to add some custom styles to the nav bar in "index.html". How would I go about adding an "index.scss" to the project? Thank you :)

Log-in with accounts-phone not working

I had forked the repo, ran meteor update, and deployed on localhost:3000. The log in screen never shows up. The app will eventually throw an exception when I click on "New Chat", and it complained about "Error: Must be logged to create a chat. [not-logged-in]".

Firebug presents quite a few warnings but the notable ones are as follow:

mutating the [[Prototype]] of an object will cause your code to run very slowly; instead create the object with the correct initial [[Prototype]] value using Object.create lai_collection-extensions.js:93:5

"[angular-meteor.$rootScope.currentUser/loggingIn] Please note that this functionality has migrated to a separate package and will be deprecated in 1.4.0.  For more info: http://www.angular-meteor.com/api/1.3.2/auth" angular-meteor-data.js:1229:3
Exception while simulating the effect of invoking 'newChat' Error: Must be logged to create a chat. [not-logged-in]
Stack trace:
Meteor.makeErrorType/errorClass@http://localhost:3000/packages/meteor.js?9730f4ff059088b3f7f14c0672d155218a1802d4:525:15
newChat@http://localhost:3000/app/lib/methods.js?3f456a720b826d4b3832248c1fc995ee4936d60f:39:1
.apply/stubReturnValue<@http://localhost:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:3911:20
.withValue@http://localhost:3000/packages/meteor.js?9730f4ff059088b3f7f14c0672d155218a1802d4:971:17
.apply@http://localhost:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:3902:31
.call@http://localhost:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:3780:12
newChat@http://localhost:3000/app/client/scripts/controllers/new-chat.controller.js?f26bada04ad7cb4c0de823971e34648803951aed:29:5
anonymous/fn@http://localhost:3000/packages/angular_angular.js?6d4ee2c049f945acd899d01d101da60606fc5cc8 line 13388 > Function:2:350
@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:20518:9
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:3000/packages/angular_angular.js?6d4ee2c049f945acd899d01d101da60606fc5cc8:16075:16
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:3000/packages/angular_angular.js?6d4ee2c049f945acd899d01d101da60606fc5cc8:16175:20
@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:20517:7
jQuery.event.dispatch@http://localhost:3000/packages/jquery.js?1015953f785c9b76503e2ecb391507dce965f357:4690:15
jQuery.event.add/elemData.handle@http://localhost:3000/packages/jquery.js?1015953f785c9b76503e2ecb391507dce965f357:4359:6
triggerMouseEvent@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:2889:3
tapClick@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:2878:3
tapMouseUp@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:2951:5
 Meteor.makeErrorType/errorClass@http://localhost:3000/packages/meteor.js?9730f4ff059088b3f7f14c0672d155218a1802d4:525:15
newChat@http://localhost:3000/app/lib/methods.js?3f456a720b826d4b3832248c1fc995ee4936d60f:39:1
.apply/stubReturnValue<@http://localhost:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:3911:20
.withValue@http://localhost:3000/packages/meteor.js?9730f4ff059088b3f7f14c0672d155218a1802d4:971:17
.apply@http://localhost:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:3902:31
.call@http://localhost:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:3780:12
newChat@http://localhost:3000/app/client/scripts/controllers/new-chat.controller.js?f26bada04ad7cb4c0de823971e34648803951aed:29:5
anonymous/fn@http://localhost:3000/packages/angular_angular.js?6d4ee2c049f945acd899d01d101da60606fc5cc8 line 13388 > Function:2:350
@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:20518:9
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:3000/packages/angular_angular.js?6d4ee2c049f945acd899d01d101da60606fc5cc8:16075:16
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:3000/packages/angular_angular.js?6d4ee2c049f945acd899d01d101da60606fc5cc8:16175:20
@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:20517:7
jQuery.event.dispatch@http://localhost:3000/packages/jquery.js?1015953f785c9b76503e2ecb391507dce965f357:4690:15
jQuery.event.add/elemData.handle@http://localhost:3000/packages/jquery.js?1015953f785c9b76503e2ecb391507dce965f357:4359:6
triggerMouseEvent@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:2889:3
tapClick@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:2878:3
tapMouseUp@http://localhost:3000/packages/driftyco_ionic.js?f0e7607505630482b5c0b3c252b33ceeb136c4af:2951:5
 meteor.js:882:11

"meteor list" shows the following packages.

$ meteor list

angular                       1.3.2  Everything you need to use AngularJS in your Meteor app
check                         1.1.0  Check whether a value matches a pattern
driftyco:ionic                1.1.0_2  Ionic Framework official Meteor package
es5-shim                      4.1.14  Shims and polyfills to improve ECMAScript 5 support
fourseven:scss                3.4.1  Style with attitude. Sass and SCSS support for Meteor.js (with autoprefixer and sourcemaps).
jasonaibrahim:angular-moment  0.10.2  AngularJS directive and filters for Moment.JS
jquery                        1.11.4  Manipulate the DOM using CSS selectors
meteor-base                   1.0.1  Packages that every Meteor app needs
mobile-experience             1.0.1  Packages for a great mobile user experience
momentjs:moment               2.10.6  Moment.js (official): parse, validate, manipulate, and display dates - official Meteor packaging
mongo                         1.1.3  Adaptor for using MongoDB and Minimongo over DDP
okland:accounts-phone         0.0.21  A login service based on mobile phone number, For Meteor.
okland:camera-ui              0.0.2  Take photos with UI one function call on desktop and mobile. Choose between camera to photoLibrary.
reywood:publish-composite     1.4.2  Publish a set of related documents from multiple collections with a reactive join
session                       1.1.1  Session variable
standard-minifiers            1.0.2  Standard minifiers used with Meteor apps by default.
tracker                       1.0.9  Dependency tracker to allow reactive callbacks

Step 3 - infinite loop when clicking on list item

When I try to click on one of the item to go to that conversation I get an infinite loop error.

On some forums they suggest it is a router bug and to downgrade angular-ui-router to version 0.2.7. Unfortunately this is not possible here because ionic-scripts depends on a higher version.

There is another workaround with rewriting the otherwise part of the router, but that is not helping either.

Is anyone else having this problem?

Meteor, Angular, and Ionic WhatsApp tutorial issue step 3

I was going through the tutorial yesterday, and have noticed the new updates today that included ES6 classes.

I was on step 3 of the tutorial, but am now unable to access it. I can get to everything else, but step 3.
I get a blank screen when entering this URL into my browser:
http://www.angular-meteor.com/tutorials/whatsapp/meteor/methods

The error I see when I inspect the console is this:
Uncaught Error: Multiple files in patch. Must specify filename which is one of: client/scripts/controllers/chat.controller.js, client/templates/chat.html

is there any option to use accounts-password instead of accounts-phone

Does not build due to angular-templates package (mac)

While trying to build the project, I got started coming with angular-template.

saad@SE-C02KVEB9F6T6:~/Development/git/angular-meteor-whatsapp$ meteor
[[[[[ ~/Development/git/angular-meteor-whatsapp ]]]]]

=> Started proxy.
=> Started MongoDB.

=> Meteor 1.3.4: [email protected], .babelrc support, improved import declarations,
DDP update batching, and more: https://github.com/meteor/meteor/blob/master/History.md#v134

This release is being downloaded in the background. Update your app to
Meteor 1.3.4 by running 'meteor update'.

Unable to resolve some modules:

"angular-animate" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/lib/app.js (web.browser)
"angular-meteor" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/lib/app.js (web.browser)
"angular-meteor-auth" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/lib/app.js (web.browser)
"angular-moment" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/lib/app.js (web.browser)
"angular-sanitize" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/lib/app.js (web.browser)
"angular-ui-router" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/lib/app.js (web.browser)
"ionic-scripts" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/controllers/chat.controller.js
(web.browser)
"angular" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/lib/app.js (web.browser)
"angular-ecmascript/module-loader" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/lib/app.js
(web.browser)
"angular-ecmascript/module-helpers" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/routes.js
(web.browser)
"moment" in /Users/saad/Development/git/angular-meteor-whatsapp/client/scripts/filters/calendar.filter.js (web.browser)

Consider running: meteor npm install --save angular-animate angular-meteor angular-meteor-auth angular-moment
angular-sanitize angular-ui-router ionic-scripts angular angular-ecmascript moment

=> Started your app.

=> App running at: http://localhost:3000/

It seems like angular-templates (https://atmospherejs.com/meteor/angular-templates) package is already Flagged which seems to be the bottleneck for running this app.

Tried to update the packages but no fix,

saad@SE-C02KVEB9F6T6:~/Development/git/angular-meteor-whatsapp$ meteor update

Changes to your project's package version selections from updating the release:

accounts-base upgraded from 1.2.4 to 1.2.8
allow-deny upgraded from 1.0.2 to 1.0.5
autoupdate upgraded from 1.2.6 to 1.2.10
babel-compiler upgraded from 6.5.2 to 6.8.3
babel-runtime upgraded from 0.1.6 to 0.1.9_1
base64 upgraded from 1.0.6 to 1.0.9
binary-heap upgraded from 1.0.6 to 1.0.9
blaze upgraded from 2.1.5 to 2.1.8
blaze-tools upgraded from 1.0.6 to 1.0.9
boilerplate-generator upgraded from 1.0.6 to 1.0.9
caching-compiler upgraded from 1.0.2 to 1.0.5_1
caching-html-compiler upgraded from 1.0.4 to 1.0.6
callback-hook upgraded from 1.0.6 to 1.0.9
check upgraded from 1.1.2 to 1.2.3
ddp upgraded from 1.2.3 to 1.2.5
ddp-client upgraded from 1.2.3 to 1.2.8_1
ddp-common upgraded from 1.2.3 to 1.2.6
ddp-rate-limiter upgraded from 1.0.2 to 1.0.5
ddp-server upgraded from 1.2.4 to 1.2.8_1
deps upgraded from 1.0.10 to 1.0.12
diff-sequence upgraded from 1.0.3 to 1.0.6
ecmascript upgraded from 0.4.1 to 0.4.6_1
ecmascript-runtime upgraded from 0.2.8 to 0.2.11_1
ejson upgraded from 1.0.9 to 1.0.12
email upgraded from 1.0.10 to 1.0.14_1
es5-shim upgraded from 4.5.8 to 4.5.12_1
fastclick upgraded from 1.0.9 to 1.0.12
geojson-utils upgraded from 1.0.6 to 1.0.9
hot-code-push upgraded from 1.0.2 to 1.0.4
html-tools upgraded from 1.0.7 to 1.0.10
htmljs upgraded from 1.0.7 to 1.0.10
http upgraded from 1.1.3 to 1.1.7
id-map upgraded from 1.0.5 to 1.0.8
jquery upgraded from 1.11.6 to 1.11.9
launch-screen upgraded from 1.0.8 to 1.0.12
less upgraded from 2.5.6 to 2.6.3_1
livedata upgraded from 1.0.16 to 1.0.18
localstorage upgraded from 1.0.7 to 1.0.11
logging upgraded from 1.0.10 to 1.0.13_1
meteor upgraded from 1.1.12 to 1.1.15_1
meteor-base upgraded from 1.0.2 to 1.0.4
minifier-css upgraded from 1.1.9 to 1.1.12_1
minifier-js upgraded from 1.1.9 to 1.1.12_1
minimongo upgraded from 1.0.12 to 1.0.17
mobile-experience upgraded from 1.0.2 to 1.0.4
mobile-status-bar upgraded from 1.0.10 to 1.0.12
modules upgraded from 0.5.1 to 0.6.4
modules-runtime upgraded from 0.6.1 to 0.6.4_1
mongo upgraded from 1.1.5 to 1.1.9_1
mongo-id upgraded from 1.0.2 to 1.0.5
npm-mongo upgraded from 1.4.41 to 1.4.44_1
observe-sequence upgraded from 1.0.9 to 1.0.12
ordered-dict upgraded from 1.0.5 to 1.0.8
promise upgraded from 0.6.5 to 0.7.2_1
random upgraded from 1.0.7 to 1.0.10
rate-limit upgraded from 1.0.2 to 1.0.5
reactive-dict upgraded from 1.1.5 to 1.1.8
reactive-var upgraded from 1.0.7 to 1.0.10
reload upgraded from 1.1.6 to 1.1.10
retry upgraded from 1.0.5 to 1.0.8
routepolicy upgraded from 1.0.8 to 1.0.11
service-configuration upgraded from 1.0.7 to 1.0.10
session upgraded from 1.1.3 to 1.1.6
sha upgraded from 1.0.5 to 1.0.8
spacebars upgraded from 1.0.9 to 1.0.12
spacebars-compiler upgraded from 1.0.9 to 1.0.12
srp upgraded from 1.0.6 to 1.0.9
standard-minifier-css upgraded from 1.0.4 to 1.0.7_1
standard-minifier-js upgraded from 1.0.4 to 1.0.7_1
templating upgraded from 1.1.7 to 1.1.12_1
templating-tools upgraded from 1.0.2 to 1.0.4
tracker upgraded from 1.0.11 to 1.0.14
ui upgraded from 1.0.9 to 1.0.11
underscore upgraded from 1.0.6 to 1.0.9
url upgraded from 1.0.7 to 1.0.10
webapp upgraded from 1.2.6 to 1.2.9_1
webapp-hashing upgraded from 1.0.7 to 1.0.9

angular-meteor-whatsapp: updated to Meteor 1.3.4.1.
=> Errors while upgrading packages:

While checking for [email protected]:
error: No compatible binary build found for this package. Contact the package author and ask them to publish it for your
platform.

Is there any other work around?

`$timeout.cancel()` called with a promise that was not generated by `$timeout()`

I've cloned the repo as is and trying to set up the code. I'm not able to bypass the authentication error, with the following error in the console.

[$timeout:badprom] `$timeout.cancel()` called with a promise that was not generated by `$timeout()`.
https://errors.angularjs.org/1.7.2/$timeout/badprom
    at modules.js?hash=7d2cde3d5a9395943d47321127f2c573534476e7:16340
    at Function.timeout.cancel (modules.js?hash=7d2cde3d5a9395943d47321127f2c573534476e7:37145)
    at Object.showLoader [as show] (ionic-angular.js:2401)
    at login.controller.js:22
    at processQueue (modules.js?hash=7d2cde3d5a9395943d47321127f2c573534476e7:33598)
    at modules.js?hash=7d2cde3d5a9395943d47321127f2c573534476e7:33646
    at Scope.$digest (modules.js?hash=7d2cde3d5a9395943d47321127f2c573534476e7:34759)
    at ChildScope.$apply (modules.js?hash=7d2cde3d5a9395943d47321127f2c573534476e7:35147)
    at HTMLButtonElement.<anonymous> (ionic-angular.js:12248)
    at HTMLButtonElement.dispatch (jquery.js:4665) "Possibly unhandled rejection: {}"

Any pointers on resolving this?

@DAB0mB

No icons - double tap on iOS devices

Hi,

I tried to fix this but can't get my head throw it.
Icons (ionic fonts) works well in browser but don't show up on iOS device or simulator. There's also an issue with tap actions on those, only the double tap works. I think it is related to the way ionic is included.
Could you provide some help here ?

Thx

Cannot read property '@' of undefined

I have some javascript code that gives this error

modules.js?hash=749a121…:60852TypeError: Cannot read property '@' of undefined

modules.js?hash=749a121…:60852TypeError: Cannot read property '@' of undefined
    at updateView (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:44855:69)
    at Object.<anonymous> (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:44850:9)
    at http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:48179:18
    at invokeLinkFn (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:56866:9)
    at nodeLinkFn (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:56267:11)
    at compositeLinkFn (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:55552:13)
    at compositeLinkFn (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:55555:13)
    at compositeLinkFn (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:55555:13)
    at compositeLinkFn (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:55555:13)
    at publicLinkFn (http://localhost:3000/packages/modules.js?hash=749a1216b1191e5dda1e8ad0945d43d86fd6b7f0:55432:30) <ion-nav-view class="view-container" nav-view-transition="ios">

What does this error mean? How to deal with？

this.$ionicLoading throws error

http://www.angular-meteor.com/tutorials/whatsapp/meteor/userprofile

this.$ionicLoading

should be

this.$ionicPopup

i think

Fix download links on the Meteor blog

All download links for the ZIP files are broken in the "Build a WhatsApp clone with Meteor and Ionic - Meteor Platform version" blog post. Would be nice to get them fixed or link to this GitHub project.

Nexmo SMS integration

Hi,
does anybody have an idea of integrating nexmo with this?

Please help: how to make angular-ecmascript work with $ionicpopup

Dear all,
First of all, sorry to put this here because this is not an issue. But I don't know where to ask.
Since my current app is a little twist from this whatsapp, so I hope that there are more expert, more experience developer here to get help.

I'm trying to use $ionicpopup to get input data from user, I've been following the docs from ionic website and stuck at getting data back.
Here are my controller:

import {Settings} from '../../../lib/collections';
import {Controller} from 'angular-ecmascript/module-helpers';

export default class SettingCtrl extends Controller {
    constructor() {
        super(...arguments);
        this.helpers({
            loginData() {
                var temp = null;
                if (Session.get('user_info')) {
                    temp = Session.get('user_info');
                    temp.password = '';
                }
                return temp;
            }
        });
    }

    editUserFullname() {
        this.$ionicPopup.show({
            template: '<input type="text" ng-model="setting.loginData.fullname">',
            title: 'Please input your fullname',
            subTitle: 'Clear empty to user default login name',
            //scope: this.$scope,
            buttons: [
                {text: 'Cancel'},
                {
                    text: '<b>Save</b>',
                    type: 'button-positive',
                    onTap: function (e) {
                        if (!this.loginData.fullname) {
                            //don't allow the user to close unless he enters wifi password
                            e.preventDefault();
                        } else {
                            return this.loginData.fullname;
                        }
                    }
                }
            ]
        });
    }
}

Here is part of my html file (using Controller as technique).

<div class="item item-icon-left item-icon-right">
    <i class="icon ion-person" ng-click="setting.editUserFullname()"></i>
    <div ng-if="setting.loginData.fullname">
        Hello <strong>{{ setting.loginData.fullname }}</strong>
    </div>
    <div ng-if="!setting.loginData.fullname">
        Hello <strong>{{ setting.loginData.username }}</strong>
    </div>
    <i class="icon ion-edit"></i>
</div>

This is what I got so far, still faced the error that loginData is undefined.
Here the doc and examples from Ionic: http://ionicframework.com/docs/api/service/$ionicPopup/

// An elaborate, custom popup
  var myPopup = $ionicPopup.show({
    template: '<input type="password" ng-model="data.wifi">',
    title: 'Enter Wi-Fi Password',
    subTitle: 'Please use normal things',
    scope: $scope,
    buttons: [
      { text: 'Cancel' },
      {
        text: '<b>Save</b>',
        type: 'button-positive',
        onTap: function(e) {
          if (!$scope.data.wifi) {
            //don't allow the user to close unless he enters wifi password
            e.preventDefault();
          } else {
            return $scope.data.wifi;
          }
        }
      }
    ]
  });

I'm still not so sure about angular-ecmascript, don't know where to get $scope variable.

Suggestion: write some code, then suggest user how to run this app to see their progress.

right now, if you just head into the tutorial, it's just telling you how to write or change the code.

Update: but i don't think i would be the only newbie who has the problem who wanna try some hotness

Error: [angular-meteor][err][404] client/templates/tabs.html - HTML template does not exists! You can disable this error by following this guide

Angular cannot find any of the templates when built with meteor 1.3.4.4.
Did a git clone of the repository app was working, then upgraded to 1.3.4.4 and now I get template not found messages in the browser's console.

How can i fix this error?

Cannot find missing module, tried everything possible! Help me out!

Cannot find module '../controllers/chats.controller'
at makeMissingError (modules-runtime.js?hash=8587d188e038b75ecd27ed2469a52b269e38fb62:231)
at require (modules-runtime.js?hash=8587d188e038b75ecd27ed2469a52b269e38fb62:241)
at app.js (app.js:1)

I have added the chats.controller.js in the proper folders as instructed, also, my architecture matches the file structure of Ionic-MeteorCLI-WhatsApp.
I am still getting this error in my console, and my app is blank.

On Step 4: no chat is visible

Hey!
I have followed the tutorial till the end of step 4 (chat view and send messages).
But unfortunately I can only see the chats but chat, and view and send messages I can't.
So I downloaded you Ionic-MeteorCLI-WhatsApp-step3.zip and created a new folder and installed the missing packages via "meteor npm install...".
Finally the built succeeded but there are no chat view too.
After the "meteor update --patch" it said that underscore is deprecated.

Maybe there is something old, not working anymore in the code?

MS not sent; to enable sending, set the TWILIO_CREDENTIALS environment variable

Hi,
Application looks great. However, I was getting this in my terminal when I inputted my phone number, and I didn't get an SMS. How exactly do I set the environment variable?
Thanks

Templates throw 404

Doing step 1, client/templates/tabs.html and chats.html are not being loaded

With angular-templates 1.0.8_1
angular 1.5.x
angular-meteor 1.3.11

It works using angular-templates 1.0.3

ReferenceError: angular is not defined

I have been following this tutorial exactly but in the middle of step 1 'Layout, coding style & structure' am getting a bunch of errors:

W20160229-17:26:22.502(0)? (STDERR)
W20160229-17:26:22.503(0)? (STDERR) C:\Users\a\AppData\Local\.meteor\packages\meteor-tool\1.1.10\mt-os.windows.x86_32\dev_bundle\server-lib\node_modules\fibers\future.js:245
W20160229-17:26:22.504(0)? (STDERR)                                             throw(ex);
W20160229-17:26:22.504(0)? (STDERR)                                                   ^
W20160229-17:26:22.504(0)? (STDERR) ReferenceError: angular is not defined
W20160229-17:26:32.164(0)? (STDERR)
W20160229-17:26:32.164(0)? (STDERR) C:\Users\a\AppData\Local\.meteor\packages\meteor-tool\1.1.10\mt-os.windows.x86_32\dev_bundle\server-lib\node_modules\fibers\future.js:245
W20160229-17:26:32.165(0)? (STDERR)                                             throw(ex);
W20160229-17:26:32.165(0)? (STDERR)                                                   ^
W20160229-17:26:32.165(0)? (STDERR) ReferenceError: angular is not defined
=> Exited with code: 8
W20160229-17:26:44.819(0)? (STDERR)
W20160229-17:26:44.820(0)? (STDERR) C:\Users\a\AppData\Local\.meteor\packages\meteor-tool\1.1.10\mt-os.windows.x86_32\dev_bundle\server-lib\node_modules\fibers\future.js:245
W20160229-17:26:44.820(0)? (STDERR)                                             throw(ex);
W20160229-17:26:44.821(0)? (STDERR)                                                   ^
W20160229-17:26:44.821(0)? (STDERR) ReferenceError: angular is not defined

Any ideas on how to fix this?

setHost and animationRunner issue

Hi, I'm getting these errors:

1. angular_angular.js?hash=c17a5a9…:12535 TypeError: runner.setHost is not a function
   and
2. angular_angular.js?hash=c17a5a9…:12535 TypeError: animationRunner.done is not a function

I'm running it with following versions:
Meteor 1.3
NPM 3.10.7

Any idea what this might be?

Step 2.5 'this.data.remove is not a function'

I get this error in step 2.5.