Hide UI after submit

Author: skadefro

OpenFlow/src/public/Login.html

@@ -1,4 +1,7 @@
-<div class="starter-template" ng-show="ctrl.scanning==false">
+<div class="starter-template" ng-show="ctrl.loading==true">
+  Please wait, new user creation can take up to 30 seconds.
+</div>
+<div class="starter-template" ng-show="ctrl.scanning==false && ctrl.loading != true">
   <div class="row">
     <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
       <div class="card card-signin my-5">
@@ -20,10 +23,11 @@ <h5 class="card-title text-center"><span translate lib="web">signin</span> {{ctr
               <label class="text-danger" translate lib="web" ng-model="ctrl.message"></label>
             </div>
             <button class="btn btn-lg btn-primary btn-block text-uppercase" type="submit" ng-show="ctrl.localenabled"
-              translate lib="web">signin</button>
+              translate lib="web" ng-click="ctrl.loading = true">signin</button>
             <hr class="my-4" ng-show="ctrl.localenabled">
 
-            <a ng-href="/{{model.id}}" ng-repeat="model in ctrl.providers" class="btn btn-lg btn-block text-uppercase">
+            <a ng-href="/{{model.id}}" ng-repeat="model in ctrl.providers" class="btn btn-lg btn-block text-uppercase"
+              ng-click="ctrl.loading = true">
               <em class="fab {{model.logo}} mr-2"></em><span translate lib="web">{{model.name}}</span>
             </a>