LP#1527770 webstaff: remove code flash
authorBilly Horn <bhorn@catalystdevworks.com>
Tue, 29 Nov 2016 17:42:40 +0000 (09:42 -0800)
committerGalen Charlton <gmc@equinoxinitiative.org>
Tue, 14 Feb 2017 14:32:15 +0000 (09:32 -0500)
Add ng-cloak to base.tt2
Add style to enable ng-cloak to base.tt2

Signed-off-by: Billy Horn <bhorn@catalystdevworks.com>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
Open-ILS/src/templates/staff/base.tt2

index 93ada15..445b1ad 100644 (file)
@@ -4,6 +4,12 @@
     [%- IF ctx.page_app %] ng-app="[% ctx.page_app %]"[% END -%]
     [%- IF ctx.page_ctrl %] ng-controller="[% ctx.page_ctrl %]"[% END %]>
   <head>
+    <!-- enables ng-cloak to be usable before angular has been able to fully load -->
+    <style type="text/css">
+    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+        display: none !important;
+    }       
+    </style>
     <title>[% l('Evergreen Staff [_1]', ctx.page_title) %]</title>
     <base href="/eg/staff/">
     <meta charset="utf-8">
@@ -33,7 +39,7 @@
     <eg-navbar></eg-navbar>
 
     <!-- main page content goes here -->
-    <div id="top-content-container" class="container">[% content %]</div>
+    <div id="top-content-container" class="container" ng-cloak>[% content %]</div>
 
     [% 
       # status bar along bottom of page