ToeJamson/1.bash

## 1.bash
$ npm install -g cordova

## 10.js
$rootScope.$on(PubNub.ngPrsEv($scope.channel), function(ngEvent, payload) {
    $scope.$apply(function() {
        $scope.users = PubNub.ngListPresence($scope.channel);
    });
});

## 11.js
PubNub.ngHereNow({
    channel: $scope.channel
});
PubNub.ngHistory({
    channel: $scope.channel,
    count: 500
});

## 12.js
$scope.publish = function() {
    PubNub.ngPublish({
        channel: $scope.channel,
        message: "[" + $scope.userId + "] " + $scope.newMessage
    });
    $scope.newMessage = '';
};

## 13.bash
$ cordova platform add android
$ cordova build android

## 14.bash
$ cordova emulate android

## 15.bash
$ adb install {project_root}/platforms/android/ant-build/CordovaApp_debug.apk

## 2.bash
$ brew update
$ brew install ant

## 3.bash
export ANDROID_HOME={path/to/android/sdk}/
export ANDROID_TOOLS={path/to/android/sdk}/tools/
export ANDROID_PLATFORM_TOOLS={path/to/android/sdk}/platform-tools/
PATH=$PATH:$ANDROID_HOME:$ANDROID_TOOLS:$ANDROID_PLATFORM_TOOLS:.

## 4.bash
$ cordova create [folder name] [com.example.appname] [application name]

## 5.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection"
              content="telephone=no" />
        <meta name="msapplication-tap-highlight"
              content="no" />
        <meta name="viewport"
              content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <!-- Required libraries for the chat -->
        <script src="https://cdn.pubnub.com/pubnub.min.js"></script>
        <script src="https://cdn.pubnub.com/pubnub-crypto.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
        <script src="http://pubnub.github.io/pubnub-angular/lib/pubnub-angular.js"></script>
        <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
        <title>PubNub Angular Mobile Chat</title>
    </head>

## 6.html
   <body>
        <div class="container" ng-app="PubNubAngularApp" ng-controller="ChatCtrl">
            <br />
            <h4>Online Users</h4>
            <ul>
                <li ng-repeat="user in users">{{user}}</li>
            </ul>
            <br />
            <h4>Chat History ({{messages.length}})</h4>
            <form ng-submit='publish()'>
                <input type="text" ng-model='newMessage' />
                <input type="submit" value="Send" />
            </form>
            <br />
            <div class="well">
                <ul>
                    <li ng-repeat="message in messages">{{message}}</li>
                </ul>
            </div>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/pubnubAngularApp.js"></script>
    </body>
</html>

## 7.js
PubNub.init({
    subscribe_key: 'pubnub subscribe key here',
    publish_key: 'pubnub publish key here',
    uuid:$scope.userId
});

## 8.js
PubNub.ngSubscribe({ channel: $scope.channel });

## 9.js
$rootScope.$on(PubNub.ngMsgEv($scope.channel), function(ngEvent, payload) {
    scope.$apply(function() {
        $scope.messages.push(payload.message);
    });
});
	$rootScope.$on(PubNub.ngPrsEv($scope.channel), function(ngEvent, payload) {
	$scope.$apply(function() {
	$scope.users = PubNub.ngListPresence($scope.channel);
	});
	});
	PubNub.ngHereNow({
	channel: $scope.channel
	});
	PubNub.ngHistory({
	channel: $scope.channel,
	count: 500
	});
	$scope.publish = function() {
	PubNub.ngPublish({
	channel: $scope.channel,
	message: "[" + $scope.userId + "] " + $scope.newMessage
	});
	$scope.newMessage = '';
	};
	export ANDROID_HOME={path/to/android/sdk}/
	export ANDROID_TOOLS={path/to/android/sdk}/tools/
	export ANDROID_PLATFORM_TOOLS={path/to/android/sdk}/platform-tools/
	PATH=$PATH:$ANDROID_HOME:$ANDROID_TOOLS:$ANDROID_PLATFORM_TOOLS:.
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="format-detection"
	content="telephone=no" />
	<meta name="msapplication-tap-highlight"
	content="no" />
	<meta name="viewport"
	content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
	<!-- Required libraries for the chat -->
	<script src="https://cdn.pubnub.com/pubnub.min.js"></script>
	<script src="https://cdn.pubnub.com/pubnub-crypto.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
	<script src="http://pubnub.github.io/pubnub-angular/lib/pubnub-angular.js"></script>
	<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
	<title>PubNub Angular Mobile Chat</title>
	</head>
	<body>
	<div class="container" ng-app="PubNubAngularApp" ng-controller="ChatCtrl">
	<br />
	<h4>Online Users</h4>
	<ul>
	<li ng-repeat="user in users">{{user}}</li>
	</ul>
	<br />
	<h4>Chat History ({{messages.length}})</h4>
	<form ng-submit='publish()'>
	<input type="text" ng-model='newMessage' />
	<input type="submit" value="Send" />
	</form>
	<br />
	<div class="well">
	<ul>
	<li ng-repeat="message in messages">{{message}}</li>
	</ul>
	</div>
	</div>
	<script type="text/javascript" src="cordova.js"></script>
	<script type="text/javascript" src="js/pubnubAngularApp.js"></script>
	</body>
	</html>
	PubNub.init({
	subscribe_key: 'pubnub subscribe key here',
	publish_key: 'pubnub publish key here',
	uuid:$scope.userId
	});
	$rootScope.$on(PubNub.ngMsgEv($scope.channel), function(ngEvent, payload) {
	scope.$apply(function() {
	$scope.messages.push(payload.message);
	});
	});