www/index.html

@@ -21,6 +21,10 @@

                     <!-- your app's js -->
              

                     <script src="js/app.js"></script>
              

                     <script src="js/controllers.js"></script>
              

                +    <script src="js/controllers/login-ctrl.js"></script>
              

                +    <script src="js/services/data-service.js"></script>
              

                +    <script src="js/services/oauth-service.js"></script>
              

                +    <script src="js/services/realtime-service.js"></script>
              

                     <script src="js/missionData.js"></script>
              

                   </head>
              

                 
              

www/js/app.js

@@ -9,7 +9,14 @@ window.ionic.Platform.ready(function() {

                     angular.bootstrap(document, ['avalanche3mobile']);
              

                 });
              

                 
              

                -angular.module('avalanche3mobile', ['ionic', 'ngCordova', 'avalanche3mobile.controllers', 'avalanche3mobile.missionData'])
              

                +angular.module('avalanche3mobile', [
              

                +  'ionic',
              

                +  'ngCordova',
              

                +  'avalanche3mobile.controllers',
              

                +  'avalanche3mobile.missionData',
              

                +  'avalanche3mobile.LoginCtrl',
              

                +  'avalancheServices.Oauth'
              

                +])
              

                 
              

                 .run(function($ionicPlatform) {
              

                   $ionicPlatform.ready(function() {
              
@@ -36,11 +43,30 @@ angular.module('avalanche3mobile', ['ionic', 'ngCordova', 'avalanche3mobile.cont

                     controller: 'AppCtrl'
              

                   })
              

                 
              

                +  .state('simple', {
              

                +    url: "/simple",
              

                +    abstract: true,
              

                +    templateUrl: "templates/simple.html",
              

                +    controller: 'AppCtrl'
              

                +  })
              

                +
              

                +  .state('simple.login', {
              

                +    url: "/login",
              

                +    views: {
              

                +      'menuContent': {
              

                +        templateUrl: "templates/login.html",
              

                +        controller: 'LoginCtrl'
              

                +      }
              

                +    }
              

                +
              

                +  })
              

                +
              

                   .state('app.search', {
              

                     url: "/search",
              

                     views: {
              

                       'menuContent': {
              

                -        templateUrl: "templates/search.html"
              

                +        templateUrl: "templates/search.html",
              

                +        controller: 'MissionBriefingCtrl'
              

                       }
              

                     }
              

                   })
              
@@ -122,5 +148,5 @@ angular.module('avalanche3mobile', ['ionic', 'ngCordova', 'avalanche3mobile.cont

                     }
              

                   })
              

                   // if none of the above states are matched, use this as the fallback
              

                -  $urlRouterProvider.otherwise('/app/playlists');
              

                +  $urlRouterProvider.otherwise('/simple/login');
              

                 });
              

www/js/controllers.js

@@ -2,6 +2,8 @@ angular.module('avalanche3mobile.controllers', [])

                 
              

                 .controller('AppCtrl', function($scope, $rootScope, $location, $ionicModal, $timeout, missionData, $ionicSideMenuDelegate, $cordovaStatusbar) {
              

                 
              

                +
              

                +
              

                   // With the new view caching in Ionic, Controllers are only called
              

                   // when they are recreated or on app start, instead of every page change.
              

                   // To listen for when this page is active (for example, to refresh data),
              

www/js/controllers/login-ctrl.js

@@ -0,0 +1,50 @@

                +angular.module('avalanche3mobile.LoginCtrl', ['avalancheServices'])
              

                +
              

                +  .controller('LoginCtrl', ['$scope', '$rootScope', '$location', '$ionicModal', '$timeout', '$ionicSideMenuDelegate', '$cordovaStatusbar', 'OAuthService', '$state', function($scope, $rootScope, $location, $ionicModal, $timeout, $ionicSideMenuDelegate, $cordovaStatusbar, OAuthService, $state) {
              

                +
              

                +    // Initialize variables
              

                +    $scope.login = { email : "", password: ""};
              

                +
              

                +    $ionicModal.fromTemplateUrl('templates/modals/login.html', {
              

                +      scope: $scope,
              

                +      animation: 'slide-in-up'
              

                +    }).then(function(modal) {
              

                +      $scope.modal = modal;
              

                +    });
              

                +    $scope.openLogin = function() {
              

                +      $scope.modal.show();
              

                +    };
              

                +    $scope.closeLogin = function() {
              

                +      $scope.modal.hide();
              

                +    };
              

                +    //Cleanup the modal when we're done with it!
              

                +    $scope.$on('$destroy', function() {
              

                +      $scope.modal.remove();
              

                +    });
              

                +    // Execute action on hide modal
              

                +    $scope.$on('modal.hidden', function() {
              

                +      // Execute action
              

                +    });
              

                +    // Execute action on remove modal
              

                +    $scope.$on('modal.removed', function() {
              

                +      // Execute action
              

                +    });
              

                +
              

                +    $scope.authorizeUser = function(){
              

                +      console.log("Authorizing user...");
              

                +      OAuthService.authorizeUser($scope.login.email, $scope.login.password);
              

                +    }
              

                +
              

                +    $rootScope.$on('auth:success', function() {
              

                +      if(!$scope.$$phase) {
              

                +        $scope.$apply(function(){
              

                +          $scope.modal.hide();
              

                +          $state.go("app.search");
              

                +        });
              

                +      } else {
              

                +        $scope.modal.hide();
              

                +        $state.go("app.search");
              

                +      }
              

                +    });
              

                +
              

                +  }]);
              

www/js/services/data-service.js

@@ -0,0 +1,70 @@

                +angular.module('avalancheServices', [])
              

                +.service('DataService', [ '$rootScope', '$http',  function($rootScope, $http) {
              

                +  var response = {};
              

                +
              

                +  // GET
              

                +  this.get = function(url, inputs, token){
              

                +    console.log("Requesting data from " + url);
              

                +    console.log(inputs);
              

                +    console.log(token);
              

                +    $http({
              

                +      method: 'GET',
              

                +      url: url,
              

                +      headers: { 'Authorization' : "Bearer " + token },
              

                +      params: inputs
              

                +    }).then(function(data, status, headers, config) {
              

                +      console.log("GET Request SUCCESSFULL")
              

                +      response.data = data.data;
              

                +      response.status = data.status;
              

                +      response.headers = data.headers;
              

                +      response.config = data.config;
              

                +      console.log(response)
              

                +      $rootScope.$broadcast('get-data:finished');
              

                +    },
              

                +    function(data, status) {
              

                +      console.log("GET Request FAILED")
              

                +      response.data = data.data;
              

                +      response.status = data.status;
              

                +      response.headers = data.headers;
              

                +      response.config = data.config;
              

                +      console.log(response)
              

                +      $rootScope.$broadcast('get-data:finished');
              

                +    });
              

                +  }
              

                +
              

                +  // POST
              

                +  this.post = function(url, inputs, token){
              

                +    console.log("Posting data to " + url);
              

                +    console.log(inputs);
              

                +    console.log(token);
              

                +    $http({
              

                +      method: 'POST',
              

                +      url: url,
              

                +      headers: { 'Authorization' : "Bearer " + token },
              

                +      params: inputs
              

                +    }).then(function(data, status, headers, config) {
              

                +      console.log("POST Request SUCCESSFULL")
              

                +      response.data = data.data;
              

                +      response.status = data.status;
              

                +      response.headers = data.headers;
              

                +      response.config = data.config;
              

                +      console.log(response)
              

                +      $rootScope.$broadcast('get-data:finished');
              

                +    },
              

                +    function(data, status) {
              

                +      console.log("POST Request FAILED")
              

                +      response.data = data.data;
              

                +      response.status = data.status;
              

                +      response.headers = data.headers;
              

                +      response.config = data.config;
              

                +      console.log(response)
              

                +      $rootScope.$broadcast('get-data:finished');
              

                +    });
              

                +  }
              

                +
              

                +  // RESPONSE
              

                +  this.getResponse = function() {
              

                +    return response;
              

                +  }
              

                +
              

                +}])
              

www/js/services/oauth-service.js

@@ -0,0 +1,52 @@

                +angular.module('avalancheServices.Oauth', [])
              

                +.service('OAuthService', [ '$rootScope', '$http', '$location',  function($rootScope, $http, $location) {
              

                +  var code = {};
              

                +  //var token = $cookies.get('avalanche_docs_token');
              

                +  var token = "";
              

                +
              

                +  this.authorizeApplication = function(code){
              

                +    $http({
              

                +      method: 'POST',
              

                +      url: 'http://localhost:5000/oauth/token?client_id=d514f58c234d69ce1405f00dbef842bd785c09201b35a746d87306f5e69fd02b&client_secret=de63eb190485179d713df3e15339eb618e78e94ab96185621112dd0e5215997c&grant_type=authorization_code&redirect_uri=http://localhost:9000/&code=' + code
              

                +    }).then(function(data) {
              

                +      token = data.data.access_token;
              

                +      //$cookies.put('avalanche_docs_token', token);
              

                +      console.log("Application Authorization Flow SUCCESSFULL")
              

                +      console.log(data.data);
              

                +      $rootScope.$broadcast('auth:success');
              

                +    },
              

                +    function(data) {
              

                +      console.log("Application Authorization Flow FAILED")
              

                +      console.log(data);
              

                +      $rootScope.$broadcast('auth:failed');
              

                +    });
              

                +  }
              

                +
              

                +  this.authorizeUser = function(username, password){
              

                +    $http({
              

                +      method: 'POST',
              

                +      url: 'http://localhost:5000/oauth/token',
              

                +      params: {
              

                +        "grant_type"    : "password",
              

                +        "username"      : username,
              

                +        "password"      : password
              

                +      }
              

                +    }).then(function(data) {
              

                +      token = data.data.access_token;
              

                +      //$cookies.put('avalanche_docs_token', token);
              

                +      console.log("Resource Owner Password Credentials flow SUCCESSFULL")
              

                +      console.log(data.data);
              

                +      $rootScope.$broadcast('auth:success');
              

                +    },
              

                +    function(data) {
              

                +      console.log("Resource Owner Password Credentials flow FAILED")
              

                +      console.log(data);
              

                +      $rootScope.$broadcast('auth:failed');
              

                +    });
              

                +  }
              

                +
              

                +  this.getToken = function() {
              

                +    return token;
              

                +  }
              

                +
              

                +}])
              

www/js/services/realtime-service.js

@@ -0,0 +1,37 @@

                +angular.module('avalancheServices', [])
              

                +.factory('RealtimeService', [ '$rootScope', '$http',  function($rootScope, $http) {
              

                +  var FayeServerURL = 'https://avalanche-realtime.herokuapp.com/faye'
              

                +
              

                +  var client = new Faye.Client(FayeServerURL);
              

                +
              

                +  client.on('transport:down', function() {
              

                +    console.log("offline");
              

                +    $rootScope.$broadcast('realtime:offline');
              

                +  });
              

                +
              

                +  client.on('transport:up', function() {
              

                +    console.log("online");
              

                +    $rootScope.$broadcast('realtime:online');
              

                +  });
              

                +
              

                +  return {
              

                +    publish: function(channel, message) {
              

                +      client.publish(channel, message);
              

                +    },
              

                +
              

                +    subscribe: function(channel, callback) {
              

                +      client.subscribe(channel, callback).then(function() {
              

                +        console.log("subscribing to " + channel)
              

                +      });
              

                +    },
              

                +    disconect: function() {
              

                +      console.log("Disconecting...")
              

                +      client.disconnect();
              

                +      $rootScope.$broadcast('realtime:offline');
              

                +    },
              

                +    connect: function() {
              

                +      client = new Faye.Client(FayeServerURL);
              

                +      $rootScope.$broadcast('realtime:online');
              

                +    }
              

                +  }
              

                +}]);
              

www/templates/login.html

@@ -1,25 +1,10 @@

                -<ion-modal-view>
              

                -  <ion-header-bar>
              

                -    <h1 class="title">Login</h1>
              

                -    <div class="buttons">
              

                -      <button class="button button-clear" ng-click="closeLogin()">Close</button>
              

                -    </div>
              

                -  </ion-header-bar>
              

                -  <ion-content>
              

                -    <form ng-submit="doLogin()">
              

                -      <div class="list">
              

                -        <label class="item item-input">
              

                -          <span class="input-label">Username</span>
              

                -          <input type="text" ng-model="loginData.username">
              

                -        </label>
              

                -        <label class="item item-input">
              

                -          <span class="input-label">Password</span>
              

                -          <input type="password" ng-model="loginData.password">
              

                -        </label>
              

                -        <label class="item">
              

                -          <button class="button button-block button-positive" type="submit">Log in</button>
              

                -        </label>
              

                -      </div>
              

                -    </form>
              

                -  </ion-content>
              

                -</ion-modal-view>
              

                +<ion-view name="login" style="background-image: url('img/mount-everest.jpg')">
              

                +  <p style="text-align: center; margin-top: 250px">
              

                +    <button class="button button-outline button-light" ng-click="openLogin()" style="margin-right:5px;">
              

                +      Log in
              

                +    </button>
              

                +    <button class="button button-outline button-light" ng-click="openLogin()" style="margin-left:5px;">
              

                +      Sign up
              

                +    </button>
              

                +  </p>
              

                +</ion-view>
              

www/templates/modals/login.html

@@ -0,0 +1,25 @@

                +<ion-modal-view>
              

                +  <ion-header-bar>
              

                +    <h1 class="title">Login</h1>
              

                +    <div class="buttons">
              

                +      <button class="button button-clear" ng-click="closeLogin()">Close</button>
              

                +    </div>
              

                +  </ion-header-bar>
              

                +  <ion-content>
              

                +    <form ng-submit="doLogin()">
              

                +      <div class="list">
              

                +        <label class="item item-input">
              

                +          <span class="input-label">Email</span>
              

                +          <input type="text" ng-model="login.email">
              

                +        </label>
              

                +        <label class="item item-input">
              

                +          <span class="input-label">Password</span>
              

                +          <input type="password" ng-model="login.password">
              

                +        </label>
              

                +        <label class="item">
              

                +          <button class="button button-block button-positive" type="submit" ng-click="authorizeUser()">Log in</button>
              

                +        </label>
              

                +      </div>
              

                +    </form>
              

                +  </ion-content>
              

                +</ion-modal-view>
              

www/templates/simple.html

@@ -0,0 +1 @@

                +<ion-nav-view name="menuContent"></ion-nav-view>