feat(Planned Maintenance): disable login and signup; add banner

app/partials/login.pug

@@ -18,7 +18,7 @@
         .item
           label(translate="UID" for="UID_input")
           div
-            input#UID_input.form-control(type="text" ng-model="uid" name="UID_input" focus-when="!uidAvailable" ng-change="errors.uid = null" required)
+            input#UID_input.form-control(type="text" ng-model="uid" name="UID_input" focus-when="!uidAvailable" ng-change="errors.uid = null" ng-disabled="underMaintenance" required)
             .help-block.mbn.alt-font.f-14(ng-show="errors.uid" ui-sref="public.reminder")
               span(translate="{{ errors.uid }}")
             .help-block.mbn.alt-font.f-14.hidden-xs
@@ -27,7 +27,7 @@
         .item
           label(translate="PASSWORD" for="pass_input")
           div
-            input#pass_input.form-control(type="password" name="pass_input" ng-model="password" focus-when="uidAvailable" required)
+            input#pass_input.form-control(type="password" name="pass_input" ng-model="password" focus-when="uidAvailable" ng-disabled="underMaintenance" required)
             .help-block.mbn.alt-font.f-14
               span(translate="{{ errors.password }}")
       .group.mb-15(ng-show="settings.needs2FA" ng-class="{'has-error': errors.twoFactor || settings.twoFactorMethod == 3}")
@@ -50,7 +50,7 @@
           type="submit"
           ui-ladda="status.busy"
           ladda-translate="LOG_IN"
-          ng-disabled="loginForm.$invalid")
+          ng-disabled="loginForm.$invalid || underMaintenance")
   .ptl.flex-between
     div
       a(ng-show="showMobileLogin" ui-sref="public.mobile-login" translate="MOBILE_LOGIN.TITLE")

app/partials/public.pug

@@ -1,6 +1,7 @@
 .login-pg(ng-class="{'display-block': isUIOverflow}")
   include ./bc-logo-header
   testnet-warning
+  maintenance-warning
   .overflow-scroll.flex-justify.flex-center
     .flex-center.flex-justify.flex-column
       .flex.flex-justify

app/partials/signup.pug

@@ -27,7 +27,8 @@ form.bc-form.form-horizontal.mt-30(
             type="email"
             ng-model="fields.email"
             required
-            focus-when="!fields.email.length")
+            focus-when="!fields.email.length"
+            ng-disabled="underMaintenance")
           span.error(ng-show="signupForm.email.$touched")
             span(ng-show="signupForm.email.$error.required" translate="EMAIL_ADDRESS_REQUIRED")
             span(ng-show="signupForm.email.$error.email" translate="EMAIL_ADDRESS_INVALID")
@@ -43,6 +44,7 @@ form.bc-form.form-horizontal.mt-30(
             min-entropy="25"
             focus-when="fields.emailIsFromState"
             ng-change="fields.confirmation = ''"
+            ng-disabled="underMaintenance"
             required)
           span.error(ng-show="signupForm.password.$touched")
             span(ng-show="signupForm.password.$error.minEntropy && fields.password != undefined" translate="TOO_WEAK")
@@ -57,6 +59,7 @@ form.bc-form.form-horizontal.mt-30(
             type="password"
             ng-model="fields.confirmation"
             is-valid="fields.confirmation == fields.password"
+            ng-disabled="underMaintenance"
             required)
           span.error(ng-show="signupForm.confirmation.$touched")
             span(ng-show="signupForm.confirmation.$error.isValid" translate="NO_MATCH")
@@ -71,6 +74,6 @@ form.bc-form.form-horizontal.mt-30(
     .group.mb-15.full
       button.button-primary.button-heavy(
         type="submit"
-        ng-disabled="signupForm.$invalid || !currency_guess"
+        ng-disabled="signupForm.$invalid || !currency_guess || underMaintenance"
         ladda-translate="CONTINUE"
         ui-ladda="working")

assets/css/modules/_signin.scss

@@ -17,6 +17,16 @@ div.login-form {
     top: 100px;
     position: relative;
   }
+  maintenance-warning {
+    top: 100px;
+    position: relative;
+    i {
+      color: $dandelion;
+    }
+    > div {
+      background-color: $moccasin;
+    }
+  }
   nav {
     position: fixed;
     width: 100%;

assets/js/components/maintenance-warning.component.js

@@ -0,0 +1,14 @@
+angular
+  .module('walletApp')
+  .component('maintenanceWarning', {
+    template: (
+      '<div class="ph-40 flex-center pv-10 f-16 bg-warning" ng-if="$ctrl.showBanner">' +
+        '<i class="icon-alert f-24"></i><span class="ml-10" translate="DOWN_FOR_MAINTENANCE"></span>' +
+      '</div>'
+    ),
+    controller (Env) {
+      Env.then(env => {
+        this.showBanner = env.maintenance;
+      });
+    }
+  });

assets/js/controllers/login.controller.js

@@ -71,6 +71,7 @@ function LoginCtrl ($scope, $rootScope, $window, localStorageService, $state, $s
   }
 
   Env.then((env) => {
+    $scope.underMaintenance = env.maintenance;
     $scope.showMobileLogin = env.showMobileLogin;
   });
 }

assets/js/controllers/signup.controller.js

@@ -21,6 +21,7 @@ function SignupCtrl ($scope, $state, localStorageService, $filter, $timeout, $tr
   $scope.language_guess = language_guess;
 
   Env.then(env => {
+    $scope.underMaintenance = env.maintenance;
     // Get country code from server:
     $http.get(env.rootURL + 'wallet/browser-info')
       .success(data => {

assets/js/sharedServices/env.service.js

@@ -63,6 +63,8 @@ function Env ($rootScope, $location, $q, $http) {
 
       env.webHardFork = res.webHardFork || {};
 
+      env.maintenance = res.maintenance;
+
       defer.resolve(env);
     }
   );

locales/en-human.json

@@ -12,6 +12,7 @@
   "NEW_ACCOUNT": "Add +",
   "MY_TRANSACTIONS": "Transactions",
   "ALL": "All",
+  "DOWN_FOR_MAINTENANCE": "Our systems are currently down for planned maintenance. We'll be back shortly and apologize for the inconvenience.",
   "SEND_FEEDBACK": "Send Feedback",
   "BUYSELL": "Buy/Sell",
   "FEEDBACK_SUBMIT_FAILED" : "Something went wrong, please try again.",

rootApp/Resources/wallet-options.json

@@ -190,5 +190,6 @@
     }
   },
   "showMobileLogin": true,
-  "network": "bitcoin"
+  "network": "bitcoin",
+  "maintenance": false
 }