From 9d6127093765d5c6f16ab1fa32a4e659b552c7c2 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 17 Sep 2019 14:49:26 +0200
Subject: [PATCH] Add artificial 1sec delay to simple app form submissions

---
 src/views/app.html |  6 +-----
 src/views/app.js   | 22 +++++++++++++++-------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/views/app.html b/src/views/app.html
index 9da152404..82551a765 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -374,11 +374,7 @@
           </div>
         </div>
         <div class="row">
-          <div class="col-md-6">
-            <span class="text-success text-bold" ng-show="access.success">Saved</span>
-          </div>
-
-          <div class="col-md-6 text-right">
+          <div class="col-md-12 text-right">
             <button class="btn btn-outline btn-primary pull-right" ng-click="access.submit()" ng-disabled="access.$invalid || access.busy"><i class="fa fa-circle-notch fa-spin" ng-show="access.busy"></i> Save</button>
           </div>
         </div>
diff --git a/src/views/app.js b/src/views/app.js
index 98eae0450..0e4a55cdd 100644
--- a/src/views/app.js
+++ b/src/views/app.js
@@ -98,10 +98,13 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
             $scope.display.error = {};
 
             function done() {
-                $scope.display.busy = false;
-                $scope.display.success = true;
-                $scope.displayForm.$setPristine();
                 refreshApp($scope.display.show);
+
+                $timeout(function () {
+                    $scope.display.busy = false;
+                    $scope.display.success = true;
+                    $scope.displayForm.$setPristine();
+                }, 1000);
             }
 
             // TODO break those apart
@@ -266,8 +269,10 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
             Client.configureApp($scope.app.id, 'access_restriction', { accessRestriction: accessRestriction }, function (error) {
                 if (error) return Client.error(error);
 
-                $scope.access.success = true;
-                $scope.access.busy = false;
+                $timeout(function () {
+                    $scope.access.success = true;
+                    $scope.access.busy = false;
+                }, 1000);
             });
         }
     };
@@ -374,8 +379,11 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
                 if (error) return Client.error(error);
 
                 $scope.security.currentRobotsTxt = $scope.security.robotsTxt;
-                $scope.security.success = true;
-                $scope.security.busy = false;
+
+                $timeout(function () {
+                    $scope.security.success = true;
+                    $scope.security.busy = false;
+                }, 1000);
             });
         }
     };