reorganize project folder structure and remove asp.net dependency

src/app/settings/settingsChangeEmailController.js

@@ -0,0 +1,69 @@
+angular
+    .module('bit.settings')
+
+    .controller('settingsChangeEmailController', function ($scope, $state, apiService, $uibModalInstance, cryptoService, cipherService, authService, $q, toastr, $analytics) {
+        $analytics.eventTrack('settingsChangeEmailController', { category: 'Modal' });
+        var _masterPasswordHash,
+            _newMasterPasswordHash,
+            _newKey;
+
+        $scope.token = function (model) {
+            _masterPasswordHash = cryptoService.hashPassword(model.masterPassword);
+            var newEmail = model.newEmail.toLowerCase();
+
+            var request = {
+                newEmail: newEmail,
+                masterPasswordHash: _masterPasswordHash
+            };
+
+            $scope.tokenPromise = apiService.accounts.emailToken(request, function () {
+                _newKey = cryptoService.makeKey(model.masterPassword, newEmail);
+                _newMasterPasswordHash = cryptoService.hashPassword(model.masterPassword, _newKey);
+
+                $scope.tokenSent = true;
+            }).$promise;
+        };
+
+        $scope.confirm = function (model) {
+            $scope.processing = true;
+
+            var reencryptedSites = [];
+            var sitesPromise = apiService.sites.list({ dirty: false }, function (encryptedSites) {
+                var unencryptedSites = cipherService.decryptSites(encryptedSites.Data);
+                reencryptedSites = cipherService.encryptSites(unencryptedSites, _newKey);
+            }).$promise;
+
+            var reencryptedFolders = [];
+            var foldersPromise = apiService.folders.list({ dirty: false }, function (encryptedFolders) {
+                var unencryptedFolders = cipherService.decryptFolders(encryptedFolders.Data);
+                reencryptedFolders = cipherService.encryptFolders(unencryptedFolders, _newKey);
+            }).$promise;
+
+            $q.all([sitesPromise, foldersPromise]).then(function () {
+                var request = {
+                    token: model.token,
+                    newEmail: model.newEmail.toLowerCase(),
+                    masterPasswordHash: _masterPasswordHash,
+                    newMasterPasswordHash: _newMasterPasswordHash,
+                    ciphers: reencryptedSites.concat(reencryptedFolders)
+                };
+
+                $scope.confirmPromise = apiService.accounts.email(request, function () {
+                    $uibModalInstance.dismiss('cancel');
+                    $analytics.eventTrack('Changed Email');
+                    authService.logOut();
+                    $state.go('frontend.login.info').then(function () {
+                        toastr.success('Please log back in.', 'Email Changed');
+                    });
+                }, function () {
+                    // TODO: recovery mode
+                    $uibModalInstance.dismiss('cancel');
+                    toastr.error('Something went wrong.', 'Oh No!');
+                }).$promise;
+            });
+        };
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('cancel');
+        };
+    });

src/app/settings/settingsChangePasswordController.js

@@ -0,0 +1,67 @@
+angular
+    .module('bit.settings')
+
+    .controller('settingsChangePasswordController', function ($scope, $state, apiService, $uibModalInstance,
+        cryptoService, authService, cipherService, validationService, $q, toastr, $analytics) {
+        $analytics.eventTrack('settingsChangePasswordController', { category: 'Modal' });
+        $scope.save = function (model, form) {
+            var error = false;
+
+            if ($scope.model.newMasterPassword.length < 8) {
+                validationService.addError(form, 'NewMasterPasswordHash',
+                    'Master password must be at least 8 characters long.', true);
+                error = true;
+            }
+            if ($scope.model.newMasterPassword !== $scope.model.confirmNewMasterPassword) {
+                validationService.addError(form, 'ConfirmNewMasterPasswordHash',
+                    'New master password confirmation does not match.', true);
+                error = true;
+            }
+
+            if (error) {
+                return;
+            }
+
+            $scope.processing = true;
+
+            var profile = authService.getUserProfile();
+            var newKey = cryptoService.makeKey(model.newMasterPassword, profile.email.toLowerCase());
+
+            var reencryptedSites = [];
+            var sitesPromise = apiService.sites.list({ dirty: false }, function (encryptedSites) {
+                var unencryptedSites = cipherService.decryptSites(encryptedSites.Data);
+                reencryptedSites = cipherService.encryptSites(unencryptedSites, newKey);
+            }).$promise;
+
+            var reencryptedFolders = [];
+            var foldersPromise = apiService.folders.list({ dirty: false }, function (encryptedFolders) {
+                var unencryptedFolders = cipherService.decryptFolders(encryptedFolders.Data);
+                reencryptedFolders = cipherService.encryptFolders(unencryptedFolders, newKey);
+            }).$promise;
+
+            $q.all([sitesPromise, foldersPromise]).then(function () {
+                var request = {
+                    masterPasswordHash: cryptoService.hashPassword(model.masterPassword),
+                    newMasterPasswordHash: cryptoService.hashPassword(model.newMasterPassword, newKey),
+                    ciphers: reencryptedSites.concat(reencryptedFolders)
+                };
+
+                $scope.savePromise = apiService.accounts.putPassword(request, function () {
+                    $uibModalInstance.dismiss('cancel');
+                    authService.logOut();
+                    $analytics.eventTrack('Changed Password');
+                    $state.go('frontend.login.info').then(function () {
+                        toastr.success('Please log back in.', 'Master Password Changed');
+                    });
+                }, function () {
+                    // TODO: recovery mode
+                    $uibModalInstance.dismiss('cancel');
+                    toastr.error('Something went wrong.', 'Oh No!');
+                }).$promise;
+            });
+        };
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('cancel');
+        };
+    });

src/app/settings/settingsController.js

@@ -0,0 +1,85 @@
+angular
+    .module('bit.settings')
+
+    .controller('settingsController', function ($scope, $uibModal, apiService, toastr, authService) {
+        $scope.model = {};
+
+        apiService.accounts.getProfile({}, function (user) {
+            $scope.model = {
+                name: user.Name,
+                email: user.Email,
+                masterPasswordHint: user.MasterPasswordHint,
+                culture: user.Culture,
+                twoFactorEnabled: user.TwoFactorEnabled
+            };
+        });
+
+        $scope.save = function (model) {
+            $scope.savePromise = apiService.accounts.putProfile({}, model, function (profile) {
+                authService.setUserProfile(profile);
+                toastr.success('Account has been updated.', 'Success!');
+            }).$promise;
+        };
+
+        $scope.changePassword = function () {
+            $uibModal.open({
+                animation: true,
+                templateUrl: 'app/settings/views/settingsChangePassword.html',
+                controller: 'settingsChangePasswordController'
+            });
+        };
+
+        $scope.$on('settingsChangePassword', function (event, args) {
+            $scope.changePassword();
+        });
+
+        $scope.changeEmail = function () {
+            $uibModal.open({
+                animation: true,
+                templateUrl: 'app/settings/views/settingsChangeEmail.html',
+                controller: 'settingsChangeEmailController',
+                size: 'sm'
+            });
+        };
+
+        $scope.$on('settingsChangeEmail', function (event, args) {
+            $scope.changeEmail();
+        });
+
+        $scope.twoFactor = function () {
+            $uibModal.open({
+                animation: true,
+                templateUrl: 'app/settings/views/settingsTwoFactor.html',
+                controller: 'settingsTwoFactorController'
+            });
+        };
+
+        $scope.$on('settingsTwoFactor', function (event, args) {
+            $scope.twoFactor();
+        });
+
+        $scope.sessions = function () {
+            $uibModal.open({
+                animation: true,
+                templateUrl: 'app/settings/views/settingsSessions.html',
+                controller: 'settingsSessionsController'
+            });
+        };
+
+        $scope.$on('settingsSessions', function (event, args) {
+            $scope.sessions();
+        });
+
+        $scope.delete = function () {
+            $uibModal.open({
+                animation: true,
+                templateUrl: 'app/settings/views/settingsDelete.html',
+                controller: 'settingsDeleteController',
+                size: 'sm'
+            });
+        };
+
+        $scope.$on('settingsDelete', function (event, args) {
+            $scope.delete();
+        });
+    });

src/app/settings/settingsDeleteController.js

@@ -0,0 +1,24 @@
+angular
+    .module('bit.settings')
+
+    .controller('settingsDeleteController', function ($scope, $state, apiService, $uibModalInstance, cryptoService, authService, toastr, $analytics) {
+        $analytics.eventTrack('settingsDeleteController', { category: 'Modal' });
+        $scope.submit = function (model) {
+            var request = {
+                masterPasswordHash: cryptoService.hashPassword(model.masterPassword)
+            };
+
+            $scope.submitPromise = apiService.accounts.postDelete(request, function () {
+                $uibModalInstance.dismiss('cancel');
+                authService.logOut();
+                $analytics.eventTrack('Deleted Account');
+                $state.go('frontend.login.info').then(function () {
+                    toastr.success('Your account has been closed and all associated data has been deleted.', 'Account Deleted');
+                });
+            }).$promise;
+        };
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('cancel');
+        };
+    });

src/app/settings/settingsModule.js

@@ -0,0 +1,2 @@
+angular
+    .module('bit.settings', ['ui.bootstrap', 'toastr']);

src/app/settings/settingsSessionsController.js

@@ -0,0 +1,24 @@
+angular
+    .module('bit.settings')
+
+    .controller('settingsSessionsController', function ($scope, $state, apiService, $uibModalInstance, cryptoService, authService, toastr, $analytics) {
+        $analytics.eventTrack('settingsSessionsController', { category: 'Modal' });
+        $scope.submit = function (model) {
+            var request = {
+                masterPasswordHash: cryptoService.hashPassword(model.masterPassword)
+            };
+
+            $scope.submitPromise = apiService.accounts.putSecurityStamp(request, function () {
+                $uibModalInstance.dismiss('cancel');
+                authService.logOut();
+                $analytics.eventTrack('Deauthorized Sessions');
+                $state.go('frontend.login.info').then(function () {
+                    toastr.success('Please log back in.', 'All Sessions Deauthorized');
+                });
+            }).$promise;
+        };
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('cancel');
+        };
+    });

src/app/settings/settingsTwoFactorController.js

@@ -0,0 +1,80 @@
+angular
+    .module('bit.settings')
+
+    .controller('settingsTwoFactorController', function ($scope, apiService, $uibModalInstance, cryptoService, authService, $q, toastr, $analytics) {
+        $analytics.eventTrack('settingsTwoFactorController', { category: 'Modal' });
+        var _issuer = 'bitwarden',
+            _profile = authService.getUserProfile(),
+            _masterPasswordHash;
+
+        $scope.account = _profile.email;
+        $scope.enabled = function () {
+            return _profile.extended && _profile.extended.twoFactorEnabled;
+        };
+
+        $scope.auth = function (model) {
+            _masterPasswordHash = cryptoService.hashPassword(model.masterPassword);
+
+            $scope.authPromise = apiService.accounts.getTwoFactor({
+                masterPasswordHash: _masterPasswordHash,
+                provider: 0 /* Only authenticator provider for now. */
+            }, function (response) {
+                processResponse(response);
+            }).$promise;
+        };
+
+        function formatString(s) {
+            if (!s) {
+                return null;
+            }
+
+            return s.replace(/(.{4})/g, '$1 ').trim().toUpperCase();
+        }
+
+        function processResponse(response) {
+            var key = response.AuthenticatorKey;
+            $scope.twoFactorModel = {
+                enabled: response.TwoFactorEnabled,
+                key: formatString(key),
+                recovery: formatString(response.TwoFactorRecoveryCode),
+                qr: 'https://chart.googleapis.com/chart?chs=120x120&chld=L|0&cht=qr&chl=otpauth://totp/' +
+                    _issuer + ':' + encodeURIComponent(_profile.email) +
+                    '%3Fsecret=' + encodeURIComponent(key) +
+                    '%26issuer=' + _issuer
+            };
+        }
+
+        $scope.update = function (model) {
+            var currentlyEnabled = $scope.twoFactorModel.enabled;
+            if (currentlyEnabled && !confirm('Are you sure you want to disable two-step login?')) {
+                return;
+            }
+
+            var request = {
+                enabled: !currentlyEnabled,
+                token: model.token.replace(' ', ''),
+                masterPasswordHash: _masterPasswordHash
+            };
+
+            $scope.updatePromise = apiService.accounts.putTwoFactor({}, request, function (response) {
+                if (response.TwoFactorEnabled) {
+                    $analytics.eventTrack('Enabled Two-step Login');
+                    toastr.success('Two-step login has been enabled.');
+                    if (_profile.extended) _profile.extended.twoFactorEnabled = true;
+                    processResponse(response);
+                    $('#token').blur();
+                    model.token = null;
+                }
+                else {
+                    $analytics.eventTrack('Disabled Two-step Login');
+                    toastr.success('Two-step login has been disabled.');
+                    if (_profile.extended) _profile.extended.twoFactorEnabled = false;
+                    $scope.close();
+                }
+            }).$promise;
+        };
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('cancel');
+        };
+    });

src/app/settings/views/settings.html

@@ -0,0 +1,60 @@
+<section class="content-header">
+    <h1>
+        Settings
+        <small>manage your account</small>
+    </h1>
+</section>
+<section class="content">
+    <div class="box box-default">
+        <div class="box-header with-border">
+            <h3 class="box-title">General</h3>
+        </div>
+        <form role="form" name="profileForm" ng-submit="profileForm.$valid && save(model)" api-form="savePromise">
+            <div class="box-body">
+                <div class="row">
+                    <div class="col-sm-9">
+                        <div class="callout callout-danger validation-errors" ng-show="profileForm.$errors">
+                            <h4>Errors have occured</h4>
+                            <ul>
+                                <li ng-repeat="e in profileForm.$errors">{{e}}</li>
+                            </ul>
+                        </div>
+                        <div class="form-group" show-errors>
+                            <label for="name">Name</label>
+                            <input type="text" id="name" name="Name" ng-model="model.name" class="form-control"
+                                   required api-field />
+                        </div>
+                        <div class="form-group">
+                            <label for="email">Email - <a href="javascript:void(0)" ng-click="changeEmail()">change</a></label>
+                            <input type="text" id="email" ng-model="model.email" class="form-control" readonly />
+                        </div>
+                        <div class="form-group" show-errors>
+                            <label for="hint">Master Password Hint</label>
+                            <input type="text" id="hint" name="MasterPasswordHint" ng-model="model.masterPasswordHint"
+                                   class="form-control" api-field />
+                        </div>
+                        <div class="form-group" show-errors>
+                            <label for="culture">Language/Culture</label>
+                            <select id="culture" name="Culture" ng-model="model.culture" class="form-control" api-field>
+                                <option value="en-US">English (US)</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="col-sm-3 settings-photo">
+                        <a href="http://www.gravatar.com/" target="_blank">
+                            <img src="//www.gravatar.com/avatar/{{ main.userProfile.email | gravatar }}.jpg?s=150&d=mm"
+                                 class="img-rounded img-responsive" alt="User Image">
+                        </a>
+                        <a href="http://www.gravatar.com/" target="_blank" class="btn btn-link"
+                           analytics-on="click" analytics-event="Clicked Update Photo">Update Photo</a>
+                    </div>
+                </div>
+            </div>
+            <div class="box-footer">
+                <button type="submit" class="btn btn-primary btn-flat" ng-disabled="profileForm.$loading">
+                    <i class="fa fa-refresh fa-spin loading-icon" ng-show="profileForm.$loading"></i>Save
+                </button>
+            </div>
+        </form>
+    </div>
+</section>

src/app/settings/views/settingsChangeEmail.html

@@ -0,0 +1,54 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="changeEmailModelLabel"><i class="fa fa-at"></i> Change Email</h4>
+</div>
+<form name="changeEmailForm" ng-submit="changeEmailForm.$valid && token(model)" api-form="tokenPromise" ng-show="!tokenSent && !processing">
+    <div class="modal-body">
+        <p>Below you can change your account's email address.</p>
+        <div class="callout callout-danger validation-errors" ng-show="changeEmailForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in changeEmailForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="masterPassword">Master Password</label>
+            <input type="password" id="masterPassword" name="MasterPasswordHash" ng-model="model.masterPassword" class="form-control"
+                   required api-field />
+        </div>
+        <div class="form-group" show-errors>
+            <label for="newEmail">New Email</label>
+            <input type="email" id="newEmail" name="NewEmail" ng-model="model.newEmail" class="form-control" required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="changeEmailForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="changeEmailForm.$loading"></i>Submit
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>
+<form name="changeEmailConfirmForm" ng-submit="changeEmailConfirmForm.$valid && confirm(model)" api-form="confirmPromise"
+      ng-show="tokenSent && !processing">
+    <div class="modal-body">
+        <p>We have emailed a verification code to <b>{{model.newEmail}}</b>. Please check your email for this code and enter it below to finalize your the email address change.</p>
+        <div class="callout callout-warning">
+            <h4><i class="fa fa-warning"></i> Warning</h4>
+            Proceeding will log you out of your current session, requiring you to log back in.
+        </div>
+        <div class="form-group" show-errors>
+            <label for="token">Code</label>
+            <input type="number" id="token" name="Token" ng-model="model.token" class="form-control" required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat">
+            Change Email
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>
+<div ng-show="processing" class="modal-body text-center">
+    <p><i class="fa fa-cog fa-spin fa-3x"></i></p>
+    <p>Please wait. We are now changing your email and reencrypting all of your data. Do not close this window. You will be automatically logged out when this process has finished.</p>
+</div>

src/app/settings/views/settingsChangePassword.html

@@ -0,0 +1,46 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="changePasswrdModelLabel"><i class="fa fa-key"></i> Change Password</h4>
+</div>
+<form name="changePasswordForm" ng-submit="changePasswordForm.$valid && save(model, changePasswordForm)" api-form="savePromise" ng-show="!processing">
+    <div class="modal-body">
+        <p>Below you can change your account's master password.</p>
+        <p>We recommend that you change your master password immediately if you believe that your credentials have been compromised.</p>
+        <div class="callout callout-warning">
+            <h4><i class="fa fa-warning"></i> Warning</h4>
+            Proceeding will log you out of your current session, requiring you to log back in.
+        </div>
+        <div class="callout callout-danger validation-errors" ng-show="changePasswordForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in changePasswordForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="masterPassword">Current Master Password</label>
+            <input type="password" id="masterPassword" name="MasterPasswordHash" ng-model="model.masterPassword" class="form-control"
+                   required api-field />
+        </div>
+        <hr />
+        <div class="form-group" show-errors>
+            <label for="newMasterPassword">New Master Password</label>
+            <input type="password" id="newMasterPassword" name="NewMasterPasswordHash" ng-model="model.newMasterPassword" class="form-control"
+                   required api-field />
+        </div>
+        <div class="form-group" show-errors>
+            <label for="confirmNewMasterPassword">Confirm New Master Password</label>
+            <input type="password" id="confirmNewMasterPassword" name="ConfirmNewMasterPasswordHash" ng-model="model.confirmNewMasterPassword"
+                   class="form-control" required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat">
+            Change Password
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>
+<div ng-show="processing" class="modal-body text-center">
+    <p><i class="fa fa-cog fa-spin fa-3x"></i></p>
+    <p>Please wait. We are now changing your password and reencrypting all of your data. Do not close this window. You will be automatically logged out when this process has finished.</p>
+</div>

src/app/settings/views/settingsDelete.html

@@ -0,0 +1,30 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="deleteAccountModelLabel"><i class="fa fa-trash"></i> Delete Account</h4>
+</div>
+<form name="deleteAccountForm" ng-submit="deleteAccountForm.$valid && submit(model)" api-form="submitPromise">
+    <div class="modal-body">
+        <p>Continue below to delete your account and all associated data.</p>
+        <div class="callout callout-warning">
+            <h4><i class="fa fa-warning"></i> Warning</h4>
+            Deleting your account is permanent. It cannot be undone.
+        </div>
+        <div class="callout callout-danger validation-errors" ng-show="deleteAccountForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in deleteAccountForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="masterPassword">Master Password</label>
+            <input type="password" id="masterPassword" name="MasterPasswordHash" ng-model="model.masterPassword" class="form-control"
+                   required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="deleteAccountForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="deleteAccountForm.$loading"></i>Delete
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>

src/app/settings/views/settingsSessions.html

@@ -0,0 +1,32 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="logoutSessionsModelLabel"><i class="fa fa-ban"></i> Deauthorize Sessions</h4>
+</div>
+<form name="logoutSessionsForm" ng-submit="logoutSessionsForm.$valid && submit(model)" api-form="submitPromise">
+    <div class="modal-body">
+        <p>Concerned your account is logged in on another device?</p>
+        <p>Proceed below to deauthorize all computers or devices that you have previously used.</p>
+        <p>This security step is recommended if you previously used a public PC or accidentally saved your password on a device that isn't yours.</p>
+        <div class="callout callout-warning">
+            <h4><i class="fa fa-warning"></i> Warning</h4>
+            Proceeding will log you out of your current session as well, requiring you to log back in.
+        </div>
+        <div class="callout callout-danger validation-errors" ng-show="logoutSessionsForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in logoutSessionsForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="masterPassword">Master Password</label>
+            <input type="password" id="masterPassword" name="MasterPasswordHash" ng-model="model.masterPassword" class="form-control"
+                   required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="logoutSessionsForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="logoutSessionsForm.$loading"></i>Deauthorize
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>

src/app/settings/views/settingsTwoFactor.html

@@ -0,0 +1,95 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="twoFactorModelLabel"><i class="fa fa-key"></i> Two-step Login</h4>
+</div>
+<form name="authTwoStepForm" ng-submit="authTwoStepForm.$valid && auth(authModel)" api-form="authPromise" ng-if="!twoFactorModel">
+    <div class="modal-body">
+        <p>Current Status: <span class="label bg-green" ng-show="enabled()">ENABLED</span><span class="label bg-gray" ng-show="!enabled()">DISABLED</span></p>
+        <p>Two-step login helps keep your account more secure by requiring a code provided by an app on your mobile device while logging in (in addition to your master password).</p>
+        <p ng-show="enabled()">Two-step login is already enabled on your account. To access your two-step settings enter your master password below.</p>
+        <p ng-show="!enabled()">To get started with two-step login enter your master password below.</p>
+        <div class="callout callout-danger validation-errors" ng-show="authTwoStepForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in authTwoStepForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="masterPassword">Master Password</label>
+            <input type="password" id="masterPassword" name="MasterPasswordHash" ng-model="authModel.masterPassword" class="form-control" required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="authTwoStepForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="authTwoStepForm.$loading"></i>Continue
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>
+<form name="updateTwoStepForm" ng-submit="updateTwoStepForm.$valid && update(updateModel)" api-form="updatePromise" ng-if="twoFactorModel">
+    <div class="modal-body">
+        <div ng-show="enabled()">
+            <p>Two-step login is <strong class="text-green">enabled</strong> on your account. Below is the code required by your verification app.</p>
+            <p>Need a two-step verification app? Download one of the following:</p>
+        </div>
+        <div ng-show="!enabled()">
+            <p>Setting up two-step verification is easy, just follow these steps:</p>
+            <h4>1. Download a two-step verification app</h4>
+        </div>
+        <ul class="fa-ul">
+            <li><i class="fa-li fa fa-apple"></i> iOS devices: <a href="https://itunes.apple.com/us/app/authy/id494168017?mt=8" target="_blank">Authy for iOS</a></li>
+            <li><i class="fa-li fa fa-android"></i> Android devices: <a href="https://play.google.com/store/apps/details?id=com.authy.authy" target="_blank">Authy for Android</a></li>
+            <li><i class="fa-li fa fa-windows"></i> Windows devices: <a href="https://www.microsoft.com/en-us/store/apps/authenticator/9wzdncrfj3rj" target="_blank">Microsoft Authenticator </a></li>
+        </ul>
+        <hr ng-show="enabled()" />
+        <h4 ng-show="!enabled()" style="margin-top: 30px;">2. Scan this QR code with your verification app</h4>
+        <div class="row">
+            <div class="col-md-4 text-center">
+                <p><img ng-src="{{twoFactorModel.qr}}" alt="QR" class="img-thumbnail" /></p>
+            </div>
+            <div class="col-md-8">
+                <p><strong>Can't scan the code?</strong> You can add the code to your application manually using the following details:</p>
+                <ul class="list-unstyled">
+                    <li><strong>Key:</strong> <code>{{twoFactorModel.key}}</code></li>
+                    <li><strong>Account:</strong> {{account}}</li>
+                    <li><strong>Time based:</strong> Yes</li>
+                </ul>
+            </div>
+        </div>
+        <div ng-show="enabled()">
+            <hr />
+            <h4>Recovery Code</h4>
+            <p>
+                The recovery code allows you to access your account in the event that you lose your authenticator app.
+                bitwarden support won't be able to assist you if you lose access to your account. We recommend you write down or
+                print the recovery code below and keep it in a safe place.
+            </p>
+            <ul class="list-unstyled">
+                <li>
+                    <strong>Recovery Code:</strong> <code>{{twoFactorModel.recovery}}</code>
+                </li>
+            </ul>
+        </div>
+        <div class="callout callout-danger validation-errors" ng-show="updateTwoStepForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in updateTwoStepForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <hr ng-show="enabled()" />
+        <h4 style="margin-top: 30px;"><span ng-show="!enabled()">3. </span>Enter the resulting verification code from the app</h4>
+        <div class="form-group" show-errors>
+            <label for="token" class="sr-only">Verification Code</label>
+            <input type="text" id="token" name="Token" placeholder="Verification Code" ng-model="updateModel.token" class="form-control" required api-field />
+        </div>
+        <p ng-show="!enabled()">NOTE: After enabling two-step login, you will be required to enter the current code generated by your verification app each time you log in.</p>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="updateTwoStepForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="updateTwoStepForm.$loading"></i>
+            <span ng-show="enabled()">Disable Two-step</span>
+            <span ng-show="!enabled()">Enable Two-step</span>
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>