update key and verify email notification

src/app/settings/settingsUpdateKeyController.js

@@ -0,0 +1,37 @@
+angular
+    .module('bit.settings')
+
+    .controller('settingsUpdateKeyController', function ($scope, $state, apiService, $uibModalInstance,
+        cryptoService, authService, cipherService, validationService, toastr, $analytics) {
+        $analytics.eventTrack('settingsUpdateKeyController', { category: 'Modal' });
+
+        $scope.save = function (form) {
+            var encKey = cryptoService.getEncKey();
+            if (encKey) {
+                validationService.addError(form, 'MasterPasswordHash',
+                    'You do not need to update. You are already using the new encryption key.', true);
+                return;
+            }
+
+            $scope.processing = true;
+            var mpHash = cryptoService.hashPassword($scope.masterPassword);
+            $scope.savePromise = cipherService.updateKey(mpHash, function () {
+                $uibModalInstance.dismiss('cancel');
+                authService.logOut();
+                $analytics.eventTrack('Key Updated');
+                return $state.go('frontend.login.info');
+            }).then(function () {
+                toastr.success('Please log back in. If you are using other bitwarden applications, ' +
+                    'log out and back in to those as well.', 'Key Updated', { timeOut: 10000 });
+            }, processError);
+        };
+
+        function processError() {
+            $uibModalInstance.dismiss('cancel');
+            toastr.error('Something went wrong.', 'Oh No!');
+        }
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('cancel');
+        };
+    });

src/app/settings/views/settingsUpdateKey.html

@@ -0,0 +1,53 @@
+<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"><i class="fa fa-key"></i> Update Encryption Key</h4>
+</div>
+<form name="form" ng-submit="form.$valid && save(form)" api-form="savePromise" ng-show="!processing">
+    <div class="modal-body">
+        <p>
+            This is <b>NOT</b> a security notification indicating that anything is wrong or has been compromised on your
+            account. If interested, you can <a href="https://help.bitwarden.com" target="_blank">read more details here</a>.
+        </p>
+        <hr />
+        <p>
+            You are currently using an outdated encryption scheme. We've moved to larger encryption keys
+            that provide better security and access to newer features.
+        </p>
+        <p>
+            Updating your encryption key is quick and easy. Just type your master password below and you're done!
+            This update will eventually become mandatory.
+        </p>
+        <hr />
+        <div class="callout callout-warning">
+            <h4><i class="fa fa-warning"></i> Warning</h4>
+            After updating your encryption key, you are required to log out and back in to all bitwarden applications that you
+            are currently using (such as the mobile app or browser extensions). Failure to log out and back
+            in (which downloads your new encryption key) may result in data corruption. We will attempt to log you out
+            automatically, however it may be delayed.
+        </div>
+        <div class="callout callout-danger validation-errors" ng-show="form.$errors">
+            <h4>Errors have occurred</h4>
+            <ul>
+                <li ng-repeat="e in form.$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="masterPassword" class="form-control"
+                   required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat">
+            Update Key
+        </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 generating a new encryption key and reencrypting all of your data. Do not close this window.
+        You will be automatically logged out when this process has finished.
+    </p>
+</div>