Bug 1092702 - Fix logviewer angular template flicker on page load

mozilla · Nov 3, 2014 · 258448b · 258448b
1 parent 3ccfa74
commit 258448b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/webapp/app/css/logviewer.css b/webapp/app/css/logviewer.css
@@ -12,6 +12,11 @@ body {
     padding-top: 15px;
 }
 
+/* Suppress selected angular templates until they compile */
+[ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+    display: none !important;
+}
+
 /*Log Viewer*/
 
 .lv-line-no {

diff --git a/webapp/app/logviewer.html b/webapp/app/logviewer.html
@@ -15,15 +15,18 @@
             <div class="col-md-6">
                 <table class="table table-condensed">
                     <tr ng-repeat="(label, value) in artifact.header">
-                        <th>{{label}}</th>
+                        <th ng-cloak>{{label}}</th>
                         <td ng-if="label == 'revision'">
                             <a href="{{logRevisionFilterUrl}}"
                                title="open resultset in new tab"
                                target="_blank"
-                               class="repo-link">{{value}}</a>
+                               class="repo-link"
+                               ng-cloak>{{value}}</a>
                         </td>
-                        <td ng-if="label == 'starttime'">{{logDisplayDate}}</td>
-                        <td ng-if="label != 'revision' && label != 'starttime'">{{value}}</td>
+                        <td ng-if="label == 'starttime'"
+                            ng-cloak>{{logDisplayDate}}</td>
+                        <td ng-if="label != 'revision' && label != 'starttime'"
+                            ng-cloak>{{value}}</td>
                     </tr>
                 </table>
             </div>