javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Very basic back and forth and splash for Toderp

Browse Source
This commit is contained in:
Max Lynch
2013-09-10 21:16:26 -05:00
parent 1ca594b0cc
commit ccf90871f1
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
example/toderp/index.html
View File

@ -27,7 +27,9 @@
</head> </head>
<body ng-controller="ToderpCtrl"> <body ng-controller="ToderpCtrl">
<div ng-switch on="display.screen" class="reveal-animation"> <div ng-switch on="display.screen" class="reveal-animation">
<div id="login" ng-switch-when="login"ng-controller="LoginCtrl" class="pane"> <div id="start" ng-switch-when="splash" class="pane">
</div>
<div id="login" ng-switch-when="login" ng-controller="LoginCtrl" class="pane">
<main class="content content-padded has-header"> <main class="content content-padded has-header">
<div class="container" style="text-align: center"> <div class="container" style="text-align: center">
<h1>ToDerp</h1> <h1>ToDerp</h1>
@ -55,7 +57,7 @@
<div id="signup" ng-switch-when="signup" ng-controller="SignupCtrl" class="pane"> <div id="signup" ng-switch-when="signup" ng-controller="SignupCtrl" class="pane">
<header class="bar bar-header bar-danger"> <header class="bar bar-header bar-danger">
<a href="#" class="button">Back</a> <a href="#" class="button" ng-click="setScreen('login')">Back</a>
<h1 class="title">Sign up (it's free!)</h1> <h1 class="title">Sign up (it's free!)</h1>
</header> </header>
<main class="content content-padded has-header"> <main class="content content-padded has-header">

9
example/toderp/js/toderp.js
View File

@ -1,14 +1,15 @@
angular.module('toderp', ['firebase', 'ngRoute', 'ngAnimate']) angular.module('toderp', ['firebase', 'ngRoute', 'ngAnimate'])
.controller('ToderpCtrl', function($scope, $rootScope) { .controller('ToderpCtrl', function($scope, $rootScope, AuthService) {
$scope.display = { $scope.display = {
screen: 'login' screen: 'splash'
}; };
$rootScope.$on('angularFireAuth:login', function(evt, user) { $rootScope.$on('angularFireAuth:login', function(evt, user) {
$scope.display.screen = 'tasks'; $scope.display.screen = 'tasks';
}); });
$rootScope.$on('angularFireAuth:logout', function(evt, user) { $rootScope.$on('angularFireAuth:logout', function(evt, user) {
console.log('Logged out!', evt, user); console.log('Logged out!', evt, user);
$scope.display.screen = 'login';
}); });
$rootScope.$on('angularFireAuth:error', function(evt, err) { $rootScope.$on('angularFireAuth:error', function(evt, err) {
console.log('Login Error!', evt, err); console.log('Login Error!', evt, err);
@ -23,6 +24,9 @@ angular.module('toderp', ['firebase', 'ngRoute', 'ngAnimate'])
var ref = new Firebase('https://ionic-todo-demo.firebaseio.com/'); var ref = new Firebase('https://ionic-todo-demo.firebaseio.com/');
angularFireAuth.initialize(ref, { angularFireAuth.initialize(ref, {
scope: $rootScope, scope: $rootScope,
callback: function(user, err) {
console.log('AUTH CHANGED', err, user);
},
name: 'user' name: 'user'
}); });
@ -63,7 +67,6 @@ angular.module('toderp', ['firebase', 'ngRoute', 'ngAnimate'])
.then(function(e) { .then(function(e) {
$scope.loginError = false; $scope.loginError = false;
}, function(e) { }, function(e) {
$scope.display.screen = 'signup';
$scope.loginError = true; $scope.loginError = true;
}); });
} }