WIP

mchapman · mchapman · commit d81ab6e12d99 · 2019-09-30T13:48:02.000Z
diff --git a/.gitignore b/.gitignore
@@ -19,3 +19,5 @@ package-lock.json
 
 website/node_modules
 website/app/bower_components
+website/failed_tests
+website/test/e2e/failed_tests
diff --git a/package.json b/package.json
@@ -46,6 +46,7 @@
     "angular-elastic": "2.5.1",
     "angular-messages": "1.7.8",
     "angular-sanitize": "1.7.8",
+    "angular-animate": "1.7.8",
     "angular-ui-bootstrap": "1.3.2 || 2.5.6",
     "angular-ui-grid": "^4.8.1",
     "async": "3.1.0",
diff --git a/src/client/index.d.ts b/src/client/index.d.ts
@@ -282,6 +282,7 @@ declare module fng {
     modelName: string;
     formName: string;
     alertTitle: any;
+    errorVisible: boolean;
     errorMessage: any;
     errorHideTimer: number;
     save: any;
@@ -337,6 +338,7 @@ declare module fng {
     getListData: any;
     dismissError: () => void;
     stickError: () => void;
+    clearTimeout: () => void;
     handleHttpError: (response: any) => void;
     dropConversionWatcher: () => void;
   }
diff --git a/src/client/js/controllers/base.ts b/src/client/js/controllers/base.ts
@@ -18,6 +18,7 @@ module fng.controllers {
       allowLocationChange: true   // Set when the data arrives..
     };
 
+    $scope.errorVisible = false;
     angular.extend($scope, routingService.parsePathFunc()($location.$$path));
 
     // Load context menu.  For /person/client/:id/edit we need
diff --git a/src/client/js/forms-angular.ts b/src/client/js/forms-angular.ts
@@ -29,6 +29,7 @@ module fng {
   export var formsAngular = angular.module('formsAngular', [
     'ngSanitize',
     'ngMessages',
+    'ngAnimate',
     'ui.bootstrap',
     'infinite-scroll',
     'monospaced.elastic'
diff --git a/src/client/js/services/record-handler.ts b/src/client/js/services/record-handler.ts
diff --git a/src/client/less/forms-angular-bs-common.less b/src/client/less/forms-angular-bs-common.less
@@ -212,10 +212,18 @@ button#saveButton[disabled]:hover + #why-disabled.showwhy {
 }
 
 #display-error {
-  transition: opacity .5s ease-in-out;
   position: fixed;
   top: 60px;
   width: 100%;
+  z-index: 109;
+}
+
+#display-error.ng-hide {
+  opacity: 0;
+}
+#display-error.ng-hide-add,
+#display-error.ng-hide-remove {
+  transition: all linear 0.5s;
 }
 
 input[type="checkbox"].ng-invalid::after {
diff --git a/website/app/index.html b/website/app/index.html
@@ -66,6 +66,7 @@
     <script src="angular-route/angular-route.js"></script>
     <script src="angular-sanitize/angular-sanitize.js"></script>
     <script src="angular-messages/angular-messages.js"></script>
+    <script src="angular-animate/angular-animate.js"></script>
     <script src="angular-ui-bootstrap/dist/ui-bootstrap-tpls.js"></script>
     <script src="ng-infinite-scroll/build/ng-infinite-scroll.js"></script>
     <script src="lodash/lodash.js"></script>
diff --git a/website/package.json b/website/package.json
@@ -15,6 +15,7 @@
     "angular-elastic": "2.5.1",
     "angular-messages": "1.7.8",
     "angular-route": "1.7.8",
+    "angular-animate": "1.7.8",
     "angular-sanitize": "1.7.8",
     "angular-ui-bootstrap": "1.3.2 || 2.5.6",
     "angular-ui-grid": "^4.8.1",
