Merge remote-tracking branch 'origin/new_device'

src/js/app.js

@@ -3,6 +3,7 @@ window.name = 'NG_DEFER_BOOTSTRAP!';
 
 require([
     'angular',
+    'js/controller/account',
     'js/controller/login',
     'js/controller/login-initial',
     'js/controller/login-new-device',
@@ -13,10 +14,10 @@ require([
     'js/controller/navigation',
     'angularRoute',
     'angularTouch'
-], function(angular, LoginCtrl, LoginInitialCtrl, LoginNewDeviceCtrl, LoginExistingCtrl, MailListCtrl, ReadCtrl, WriteCtrl, NavigationCtrl) {
+], function(angular, AccountCtrl, LoginCtrl, LoginInitialCtrl, LoginNewDeviceCtrl, LoginExistingCtrl, MailListCtrl, ReadCtrl, WriteCtrl, NavigationCtrl) {
     'use strict';
 
-    var app = angular.module('mail', ['ngRoute', 'ngTouch', 'navigation', 'mail-list', 'write', 'read']);
+    var app = angular.module('mail', ['ngRoute', 'ngTouch', 'navigation', 'mail-list', 'write', 'read', 'login-new-device']);
 
     // set router paths
     app.config(function($routeProvider) {
@@ -49,6 +50,7 @@ require([
     app.controller('ReadCtrl', ReadCtrl);
     app.controller('WriteCtrl', WriteCtrl);
     app.controller('MailListCtrl', MailListCtrl);
+    app.controller('AccountCtrl', AccountCtrl);
 
     // manually bootstrap angular due to require.js
     angular.element().ready(function() {

src/js/controller/account.js

@@ -0,0 +1,58 @@
+define(function(require) {
+    'use strict';
+
+    var appController = require('js/app-controller'),
+        emailDao;
+
+    //
+    // Controller
+    //
+
+    var AccountCtrl = function($scope) {
+        emailDao = appController._emailDao;
+
+        //
+        // scope functions
+        //
+
+        $scope.hideAccountView = function() {
+            $scope.$parent.$parent.accountOpen = false;
+        };
+
+        $scope.exportKeyFile = function() {
+            emailDao._crypto.exportKeys(function(err, keys) {
+                if (err) {
+                    console.error(err);
+                    return;
+                }
+
+                var id = keys.keyId.substring(8,keys.keyId.length);
+                download(keys.publicKeyArmored + keys.privateKeyArmored, id + '.asc', 'text/plain');
+            });
+        };
+
+        //
+        // helper functions
+        //
+
+        function download(content, filename, contentType) {
+            contentType = contentType || 'application/octet-stream';
+            chrome.fileSystem.chooseEntry({
+                type: 'saveFile',
+                suggestedName: filename
+            }, function(file) {
+                if (!file) {
+                    return;
+                }
+                file.createWriter(function(writer) {
+                    writer.onerror = console.error;
+                    writer.onwriteend = function() {};
+                    writer.write(new Blob([content], { type: contentType }));
+                }, console.error);
+            });
+        }
+
+    };
+
+    return AccountCtrl;
+});

src/js/controller/login-new-device.js

@@ -1,13 +1,98 @@
-define(function() {
+define(function(require) {
     'use strict';
 
-    var LoginExistingCtrl = function($scope) {
+    var angular = require('angular'),
+        appController = require('js/app-controller');
 
+    var LoginExistingCtrl = function($scope, $location) {
         $scope.confirmPassphrase = function() {
-            window.alert('Not implemented yet!');
+            var passphrase = $scope.passphrase,
+                emailDao = appController._emailDao;
+
+            if (!passphrase) {
+                return;
+            }
+
+            unlockCrypto(imapLogin);
+
+            function unlockCrypto(callback) {
+                var userId = emailDao._account.emailAddress;
+                emailDao._keychain.getUserKeyPair(userId, function(err, keypair) {
+                    if (err) {
+                        callback(err);
+                        return;
+                    }
+
+                    keypair.privateKey = {
+                        _id: keypair.publicKey._id,
+                        userId: userId,
+                        encryptedKey: $scope.key.privateKeyArmored
+                    };
+                    emailDao.unlock(keypair, passphrase, function(err) {
+                        if (err) {
+                            callback(err);
+                            return;
+                        }
+
+                        emailDao._keychain.putUserKeyPair(keypair, callback);
+                    });
+                });
+            }
+
+            function imapLogin(err) {
+                if (err) {
+                    console.error(err);
+                    return;
+                }
+
+                // login to imap backend
+                appController._emailDao.imapLogin(function(err) {
+                    if (err) {
+                        console.error(err);
+                        return;
+                    }
+                    onLogin();
+                });
+            }
         };
 
+        function onLogin() {
+            $location.path('/desktop');
+            $scope.$apply();
+        }
     };
 
+    var ngModule = angular.module('login-new-device', []);
+    ngModule.directive('fileReader', function() {
+        return function(scope, elm) {
+            elm.bind('change', function(e) {
+                var files = e.target.files,
+                    reader = new FileReader();
+
+                if (files.length === 0) {
+                    return;
+                }
+
+                reader.onload = (function(scope) {
+                    return function(e) {
+                        var rawKeys = e.target.result,
+                            index = rawKeys.indexOf('-----BEGIN PGP PRIVATE KEY BLOCK-----');
+                        
+                        if (index === -1) {
+                            console.error('Erroneous key file format!');
+                            return;
+                        }
+
+                        scope.key = {
+                            publicKeyArmored: rawKeys.substring(0,index),
+                            privateKeyArmored: rawKeys.substring(index,rawKeys.length)
+                        };
+                    };
+                })(scope);
+                reader.readAsText(files[0]);
+            });
+        };
+    });
+
     return LoginExistingCtrl;
 });

src/js/controller/login.js

@@ -40,7 +40,7 @@ define(function(require) {
 
         function redirect(availableKeys) {
             // redirect if needed
-            if (!availableKeys.publicKey) {
+            if (typeof availableKeys === 'undefined') {
                 // no public key available, start onboarding process
                 $location.path('/login-initial');
             } else if (!availableKeys.privateKey) {

src/js/controller/navigation.js

@@ -13,6 +13,7 @@ define(function(require) {
     var NavigationCtrl = function($scope) {
         $scope.navOpen = false;
         $scope.writerOpen = false;
+        $scope.accountOpen = false;
 
         emailDao = appController._emailDao;
 
@@ -42,6 +43,10 @@ define(function(require) {
             $scope.closeNav();
         };
 
+        $scope.showAccountView = function() {
+            $scope.accountOpen = true;
+        };
+
         $scope.remove = function(email) {
             var trashFolder = _.findWhere($scope.folders, {
                 type: 'Trash'

src/js/dao/cloudstorage-dao.js

@@ -19,6 +19,9 @@ define(['jquery', 'js/app-config'], function($, app) {
 			url: uri,
 			type: 'GET',
 			dataType: 'json',
+			headers: {
+				'Accept': 'application/json',
+			},
 			success: function(res) {
 				callback(null, res);
 			},

src/manifest.json

@@ -7,7 +7,9 @@
   "icons": {
     "128": "img/icon.png"
   },
-  "permissions": [
+  "permissions": [{
+      "fileSystem": ["write"]
+    },
     "https://keys.whiteout.io/",
     "identity", {
       "socket": [

src/tpl/account.html

@@ -0,0 +1,10 @@
+<div class="lightbox-body" ng-controller="AccountCtrl">
+  <header>
+    <h2>Account</h2>
+    <button class="close" ng-click="hideAccountView()" data-action="lightbox-close">&#xe007;</button>
+  </header>
+
+  <div class="content">
+    <button ng-click="exportKeyFile()" class="btn" >Download encrypted key file</button>
+  </div>
+</div>

src/tpl/desktop.html

@@ -21,4 +21,8 @@
 <!-- lightbox  -->
 <div class="lightbox-overlay" ng-class="{'show': writerOpen}">
   <div class="lightbox lightbox-effect" ng-include="'tpl/write.html'"></div>
-</div><!--/.lightbox-overlay-->
+</div>
+<div class="lightbox-overlay" ng-class="{'show': accountOpen}">
+  <div class="lightbox lightbox-effect" ng-include="'tpl/account.html'"></div>
+</div>
+<!--/.lightbox-overlay-->

src/tpl/login-new-device.html

@@ -1 +1,18 @@
-<p>not implemented yet...</p>
+<div class="view-login">
+
+  <div class="logo-wrapper">
+    <div class="logo"></div>
+  </div><!--/logo-->
+
+  <div class="content">
+    <h1>Import keyfile</h1>
+
+    <p>You are already registered on another device. To access your communication on this device, please import the encrypted key file.</p>
+    
+    <form>
+      <div><input type="file" file-reader tabindex="1"></div>
+      <div><input type="password" ng-model="passphrase" placeholder="Passphrase" tabindex="2"></div>
+      <div><button type="submit" ng-click="confirmPassphrase()" class="btn" ng-disabled="!key" tabindex="3">Import</button>
+    </form>
+  </div>
+</div>

src/tpl/navigation.html

@@ -13,7 +13,7 @@
   </ul>
 
   <ul class="nav-secondary">
-    <li><a href="#">Account</a></li>
+    <li><a href="#" ng-click="showAccountView(); $event.preventDefault()">Account</a></li>
     <li><a href="#">About whiteout.io</a></li>
     <li><a href="#">Help</a></li>
   </ul>