From ada596a7d4e70a8bd59c79b6b7b2ecfe0a8c4f38 Mon Sep 17 00:00:00 2001
From: arzynik <github@arzynik.com>
Date: Mon, 8 Jul 2013 14:23:00 -0700
Subject: [PATCH] added a global routing function for legacy redirects.
 App.go()

---
 .../crunchbutton/frontend/signin.phtml        | 13 ++-
 www/assets/css/style.css                      | 31 +------
 www/assets/js/accounts.js                     | 15 ++--
 www/assets/js/app.js                          | 86 +++++++++++--------
 www/assets/js/cart.js                         |  3 +-
 5 files changed, 72 insertions(+), 76 deletions(-)

diff --git a/include/views/default/crunchbutton/frontend/signin.phtml b/include/views/default/crunchbutton/frontend/signin.phtml
index 6ffd9e947..f66fd492f 100644
--- a/include/views/default/crunchbutton/frontend/signin.phtml
+++ b/include/views/default/crunchbutton/frontend/signin.phtml
@@ -1,19 +1,18 @@
 <div class="signin-container zoom-anim-dialog small-container mfp-hide">
 	<div class="signin-form-container">	
 
-
-
 		<div class="signin-form-options" ng-hide="account.help">
 			<form class="signin-form">
 				<div class="sign-form-links">
-					<h1 class="signin active">Sign in</h1>
+					<h1 ng-class="account.tab == 'signin' ? 'tab-active' : 'link'" ng-tap="account.setTab('signin')">Sign in</h1>
 					<div class="divisor">|</div>
-					<h1 class="signup-link link signup">Sign up</h1>
+					<h1 ng-class="{account.tab == 'signup' ? 'tab-active' : 'link'}" ng-tap="account.setTab('signup')">Sign up</h1>
 					<div class="divider"></div>
 				</div>
-				<input type="text" maxlength="250" name="signin-email" placeholder="email or phone" tabindex="10" ng-model="account.email" />
+
+				<input type="text" maxlength="250" name="signin-email" placeholder="email or phone" tabindex="10" ng-model="account.email" autofocus>
 				<div class="divider"></div>
-				<input type="password" maxlength="250" name="signin-password" placeholder="password" tabindex="10" ng-model="account.password" />
+				<input type="password" maxlength="250" name="signin-password" placeholder="password" tabindex="10" ng-model="account.password">
 				<div class="divider"></div>
 				<div class="signin-error">
 					Your email or password were incorrect.
@@ -39,7 +38,7 @@
 		<div ng-show="account.help">
 			<form class="signin-help-form">
 				<h1>Password help?</h1>
-				<input type="text" maxlength="250" name="password-help-email" placeholder="email or phone" tabindex="10" ng-model="account.email" />
+				<input type="text" maxlength="250" name="password-help-email" placeholder="email or phone" tabindex="10" ng-model="account.email" autofocus>
 				<div class="divider"></div>
 				<div class="password-help-error"></div>
 				<a class="signin-password-help-back" ng-tap="account.setHelp(false)">Never mind</a>
diff --git a/www/assets/css/style.css b/www/assets/css/style.css
index cdda3b693..08ee930aa 100644
--- a/www/assets/css/style.css
+++ b/www/assets/css/style.css
@@ -2152,12 +2152,6 @@ html[xmlns] .clearfix {
 	margin-top: 10px;
 	padding-top: 10px;
 }
-/*
-.small-container-content {
-	height: 250px;
-	overflow: auto;
-}
-*/
 .small-container h1 {
 	color:#D74924;
 	font-size: 1.4em;
@@ -3088,6 +3082,9 @@ strong {
 
 
 
+/**
+ * unused blurs
+
 .dialog-open-effect-a {
 	-webkit-filter: blur(1px);
 	-moz-filter: blur(1px);
@@ -3095,24 +3092,4 @@ strong {
 	-o-filter: blur(1px);
 	filter: blur(1px);
 }
-.dialog-open-effect-b {
-	-webkit-filter: blur(2px);
-	-moz-filter: blur(2px);
-	-ms-filter: blur(2px);
-	-o-filter: blur(2px);
-	filter: blur(2px);
-}
-.dialog-open-effect-c {
-	-webkit-filter: blur(3px);
-	-moz-filter: blur(3px);
-	-ms-filter: blur(3px);
-	-o-filter: blur(3px);
-	filter: blur(3px);
-}
-.dialog-open-effect-d {
-	-webkit-filter: blur(4px);
-	-moz-filter: blur(4px);
-	-ms-filter: blur(4px);
-	-o-filter: blur(4px);
-	filter: blur(4px);
-}
\ No newline at end of file
+ */
\ No newline at end of file
diff --git a/www/assets/js/accounts.js b/www/assets/js/accounts.js
index 14ea6bee7..4c1df000d 100644
--- a/www/assets/js/accounts.js
+++ b/www/assets/js/accounts.js
@@ -248,17 +248,18 @@ App.signin.facebook.processStatus = function( session ){
  */
 App.signin.facebook.login = function() {
 	App.signin.facebook.shouldAuth = true;
-	FB.login( App.signin.facebook.processStatus,{ scope: App.facebookScope } );
+	FB.login( App.signin.facebook.processStatus,{
+		scope: App.facebookScope
+	});
 };
 
 /**
  * show the signin modal
  */
-App.signin.show = function(){
-
+App.signin.show = function() {
+	// @todo: bind hide and show dom manipulation to scope variables
 	$('.signin-facebook-message').hide();
 	$('.signin-facebook').show();
-
 	$('.signin-error').hide();
 
 	App.rootScope.$apply(function($scope) {
@@ -266,12 +267,16 @@ App.signin.show = function(){
 		$scope.account.password = '';
 		$scope.account.message = '';
 		$scope.account.help = false;
+		$scope.account.tab = 'signin';
 	});
 
 	App.dialog.show('.signin-container');
 
+	
+
+
 	// $( '.signin-email' ).focus();
-}
+};
 
 App.signin.checkUser = function(){
 	// If the user is logged
diff --git a/www/assets/js/app.js b/www/assets/js/app.js
index 2d3f17141..66a971537 100644
--- a/www/assets/js/app.js
+++ b/www/assets/js/app.js
@@ -44,7 +44,7 @@ var App = {
 	touchOffset: null,
 	crunchSoundAlreadyPlayed : false,
 	useCompleteAddress : false, /* if true it means the address field will be fill with the address found by google api */
-	completeAddressWithZipCode : true, 
+	completeAddressWithZipCode : true,
 	boundingBoxMeters : 8000
 };
 
@@ -54,6 +54,12 @@ App.alert = function(txt) {
 	});
 };
 
+App.go = function(url) {
+	App.rootScope.$apply(function($location) {
+		$location.path(url);
+	});
+};
+
 
 /**
  * Loads up "community" keyword pages
@@ -69,7 +75,7 @@ App.routeAlias = function(id, success, error) {
 		var loc = App.locations[alias.id_community];
 
 		if (loc.loc_lat && loc.loc_lon) {
-			
+
 			var res = new Location({
 				lat: loc.loc_lat,
 				lon: loc.loc_lon,
@@ -84,7 +90,7 @@ App.routeAlias = function(id, success, error) {
 			return;
 		}
 	}
-	
+
 	error();
 };
 
@@ -103,11 +109,11 @@ App.NGinit = function() {
 	if (!App.isMobile()) {
 		App.support.init();
 	}
-	
+
 	if (App.config.env == 'live') {
 		$('.footer').addClass('footer-hide');
 	}
-	
+
 	setTimeout( function(){ App.signin.checkUser(); }, 300 );
 };
 
@@ -188,41 +194,51 @@ NGApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $l
 // global route change items
 NGApp.controller('AppController', function ($scope, $route, $routeParams, $rootScope, $location) {
 	App.rootScope = $rootScope;
+	App.location = $location;
 
 	$rootScope.link = function(link) {
 		$location.path(link || '/');
 	};
-	
+
 	$rootScope.back = function() {
 		history.back();
 	};
-	
+
 	$rootScope.nl2br = function(t) {
 		return App.nl2br(t);
 	};
-	
+
 	$rootScope.formatPhone = function(t) {
 		return App.phone.format(t);
 	};
-	
+
 	$rootScope.formatPrice = function(t) {
 		return parseFloat(t).toFixed(2);
 	};
-	
+
 	$rootScope.account = {
 		setHelp: function(t) {
 			$rootScope.account.help = t;
+		},
+		setTab: function(t) {
+			$rootScope.account.tab = t;
 		}
 	};
 
+	App.rootScope.$watch('account.help', function(val) {
+		setTimeout(function() {
+			$('input[name="' + (val ? 'password-help-email' : 'signin-email') + '"]').focus();
+		},100);
+	});
+
 
 	$scope.$on(
 		'$routeChangeSuccess',
 		function ($currentRoute, $previousRoute) {
-		
+
 			var renderAction = $route.current.action;
 			var renderPath = renderAction.split('.');
-	
+
 			$scope.renderAction = renderAction;
 			$scope.renderPath = renderPath;
 
@@ -231,7 +247,7 @@ NGApp.controller('AppController', function ($scope, $route, $routeParams, $rootS
 			if (App.isChromeForIOS()){
 				App.message.chrome();
 			}
-			
+
 			setTimeout(function() {
 				scrollTo(0, 1);
 			}, 80);
@@ -263,11 +279,11 @@ NGApp.controller('AppController', function ($scope, $route, $routeParams, $rootS
 					$( '.config-icon' ).addClass( 'right' );
 					break;
 			}
-			
+
 
 			$('.content').addClass('smaller-width');
 			$('.main-content').css('width','auto');
-			
+
 
 	$( '.config-icon' ).addClass( 'config-icon-mobile-hide' );
 	$( '.nav-back' ).addClass( 'nav-back-show' );
@@ -284,12 +300,12 @@ NGApp.controller('AppController', function ($scope, $route, $routeParams, $rootS
  */
 App.track = function() {
 	if (App.config.env != 'live') {
-		// return;
+		return;
 	}
 	if (arguments[0] == 'Ordered') {
 		$('img.conversion').remove();
 		mixpanel.people.track_charge(arguments[1].total);
-		var i = $('<img class="conversion" src="https://www.googleadservices.com/pagead/conversion/996753959/?value=' + Math.floor(arguments[1].total) + '&amp;label=-oawCPHy2gMQp4Sl2wM&amp;guid=ON&amp;script=0&url=' + History.getState().url + '">').appendTo($('body'));
+		var i = $('<img class="conversion" src="https://www.googleadservices.com/pagead/conversion/996753959/?value=' + Math.floor(arguments[1].total) + '&amp;label=-oawCPHy2gMQp4Sl2wM&amp;guid=ON&amp;script=0&url=' + location.href + '">').appendTo($('body'));
 	}
 	if (arguments[1]) {
 		mixpanel.track(arguments[0],arguments[1]);
@@ -307,10 +323,10 @@ App.trackProperty = function(prop, value) {
 	if (!App.config) {
 		return;
 	}
-	
+
 	var params = {};
 	params[prop] = value;
-	
+
 	mixpanel.register_once(params);
 };
 
@@ -521,7 +537,7 @@ $(function() {
 		// detect location from the browser
 		$('.location-detect-loader').show();
 		$('.location-detect-icon').hide();
-		
+
 		var error = function() {
 			$('.location-address').val('Oh no! We couldn\'t locate you');
 			$('.location-detect-loader').hide();
@@ -534,10 +550,10 @@ $(function() {
 //			$('.location-detect-icon').show();
 //			$('.button-letseat-form').click();
 		};
-		
+
 		App.loc.getLocationByBrowser(success, error);
 	});
-	
+
 	$(document).on({
 		mousedown: function() {
 			$(this).addClass('location-detect-click');
@@ -552,7 +568,7 @@ $(function() {
 			$(this).removeClass('location-detect-click');
 		}
 	}, '.location-detect');
-	
+
 
 
 	if (App.isMobile()) {
@@ -569,7 +585,7 @@ $(function() {
 			e.preventDefault();
 			$(this).checkToggle();
 		});
-		
+
 		// manually rebind labels
 		$('label[for]').tap(function(e) {
 			e.stopPropagation();
@@ -601,7 +617,7 @@ $(function() {
 			if (!href || e.defaultPrevented) {
 				return;
 			}
-			
+
 			if ($(this).attr('target')) {
 				window.open($(this).attr('href'), $(this).attr('target'));
 			} else {
@@ -617,7 +633,7 @@ $(function() {
 			e.preventDefault();
 		});
 		*/
-	
+
 
 	}
 
@@ -679,7 +695,7 @@ $(function() {
 		var checkbox = $(this);
 		setTimeout( function(){
 			if( !App.isMobile() ){
-				checkbox.checkToggle();	
+				checkbox.checkToggle();
 			}
 			App.cart.customizeItem( checkbox );
 		}, 1 );
@@ -737,7 +753,7 @@ $(function() {
 			}
 		});
 	});
-	
+
 	// hide the top bar when any input is focused
 	if (App.isMobile() && !App.isAndroid()) {
 		setInterval(function() {
@@ -756,7 +772,7 @@ $(function() {
 			}
 		}, 100);
 	}
-	
+
 	$(document).on({
 		blur: function() {
 			clearTimeout(App.checkForDistance);
@@ -789,7 +805,7 @@ $(function() {
 });
 
 App.getCommunityById = function( id ){
-	for (x in App.communities) {	
+	for (x in App.communities) {
 		if( App.communities[x].id_community == id ){
 			return App.communities[x];
 		}
@@ -802,7 +818,7 @@ App.getCommunityById = function( id ){
  */
 App.dialog = {
 	show: function() {
-		
+
 		if (arguments[1]) {
 			// its a title and message
 			var src = '<div class="zoom-anim-dialog small-container">' +
@@ -813,7 +829,7 @@ App.dialog = {
 		} else if ($(arguments[0]).length) {
 			// its a dom element
 			var src = $(arguments[0]);
-			
+
 		} else {
 			console.log('ERROR WITH DIALOG');
 			return;
@@ -855,12 +871,12 @@ App.message = {
 			'Just tap "Request Desktop Site.' +
 			'</p>' +
 			'<p align="center">' +
-			'<img style="border:1px solid #000" src="/assets/images/chrome-options.png" />' + 
+			'<img style="border:1px solid #000" src="/assets/images/chrome-options.png" />' +
 			'</p>';
 		App.dialog.show(title, message);
 	}
 };
-	
+
 
 /**
  * play crunch audio sound
@@ -869,7 +885,7 @@ App.playAudio = function(audio){
 	var audio = $('#' + audio).get(0);
 	if (!audio) { return };
 	try {
-		audio.play();	
+		audio.play();
 	} catch(e){}
 }
 
diff --git a/www/assets/js/cart.js b/www/assets/js/cart.js
index f7d6bfc2c..e2f555e50 100644
--- a/www/assets/js/cart.js
+++ b/www/assets/js/cart.js
@@ -729,8 +729,7 @@ App.isDeliveryAddressOk = true;
 						App.order.cardChanged = false;
 						App.loc.changeLocationAddressHasChanged = false;
 						delete App.order.tipHasChanged;
-						var loc = '/order/' + this.uuid;
-						History.pushState({},loc,loc);
+						App.go('/order/' + this.uuid);
 
 					});
 				}