From 564fe48051bc62d1dceb6634d35b0e0c227cc832 Mon Sep 17 00:00:00 2001
From: Benny M <benny@spideroak.com>
Date: Mon, 31 Aug 2015 17:56:10 -0500
Subject: [PATCH] Added access-options view

---
 mobileapp/www/css/index.css | 10 ++++++++++
 mobileapp/www/index.html    |  8 +++++++-
 mobileapp/www/js/index.js   | 13 ++++++++-----
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/mobileapp/www/css/index.css b/mobileapp/www/css/index.css
index 81686b7..d2fb1dc 100755
--- a/mobileapp/www/css/index.css
+++ b/mobileapp/www/css/index.css
@@ -685,3 +685,13 @@ body {
     margin-bottom: 1em;
 }
 
+#access-options {
+    margin 0 auto;
+    padding-top: 25%;
+    text-align: center;
+}
+
+#access-options > button {
+    display: block;
+    margin: 10px auto;
+}
diff --git a/mobileapp/www/index.html b/mobileapp/www/index.html
index 80a509f..ce5cbc0 100755
--- a/mobileapp/www/index.html
+++ b/mobileapp/www/index.html
@@ -165,8 +165,14 @@
 	  </div>
 	</form>
       </div>
+
+      <div id="access-options" class="view">
+        <button id="has-account-btn" class="btn btn-primary">I Have an Account</button>
+        <br>
+        <button id="register-btn2" class="btn btn-primary">Create an Account</button>
+    </div>
       
-      <div id="account-login" class="view active">
+      <div id="account-login" class="view">
 	<form id="login-form" class="input-group input-group-lg">
 	  <input placeholder="Username"
 		 autocapitalize="off"
diff --git a/mobileapp/www/js/index.js b/mobileapp/www/js/index.js
index f51e066..7823650 100755
--- a/mobileapp/www/js/index.js
+++ b/mobileapp/www/js/index.js
@@ -53,9 +53,7 @@ var app = {
     
     this.card =  new crypton.Card();
     this.bindEvents();
-    $('#password-login').show();
-    $('#username-login').show();
-    
+
     function defaultLoginBehavior () {
       app.enableLoginButtons();
       app.switchView('#account-login');
@@ -101,7 +99,7 @@ var app = {
       });
     } else {
       // check if keychain is supported
-      defaultLoginBehavior();
+      app.switchView('#access-options');
     }
    // Offline
     window.Offline.options = {
@@ -181,11 +179,16 @@ var app = {
       app.about();
     });
     
-    $("#register-btn").click(function (e) {
+    $("#register-btn, #register-btn2").click(function (e) {
       e.preventDefault();
       app.beginRegistration();
     });
 
+    $("#has-account-btn").click(function(e) {
+      e.preventDefault();
+      app.switchView('#account-login');
+    });
+
     $("#register-generate-cancel-btn").click(function (e) {
       e.preventDefault();
       app.switchView('#account-login', app.APPNAME);