Просмотр исходного кода

HUE-6063 [core] Remove IE specific spinners

Enrico Berti 8 лет назад
Родитель
Сommit
4f771244b0

+ 1 - 2
apps/about/src/about/templates/admin_wizard.mako

@@ -58,8 +58,7 @@ ${ header.menubar() }
               <div class="card-body">
               <div class="card-body">
                 <div id="check-config-section" style="margin-bottom:20px">
                 <div id="check-config-section" style="margin-bottom:20px">
                   <div class="spinner">
                   <div class="spinner">
-                    <!--[if !IE]> --><i class="fa fa-spinner fa-spin" style="font-size: 60px; color: #DDD"></i><!-- <![endif]-->
-                    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+                    <i class="fa fa-spinner fa-spin" style="font-size: 60px; color: #DDD"></i>
                   </div>
                   </div>
                   <div class="info hide"></div>
                   <div class="info hide"></div>
                 </div>
                 </div>

+ 1 - 2
apps/hbase/src/hbase/templates/app.mako

@@ -109,8 +109,7 @@ ${ commonheader(None, "hbase", user, request) | n,unicode }
   </div>
   </div>
   <br/>
   <br/>
   <center data-bind="visible: ${datasource}.isLoading()">
   <center data-bind="visible: ${datasource}.isLoading()">
-  <!--[if !IE]><!--><i class="fa fa-spinner fa-spin loader-main"></i><!--<![endif]-->
-  <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin loader-main"></i>
   </center>
   </center>
   <div class="alert" data-bind="visible: ${datasource}.items().length == 0 && !${datasource}.isLoading()">
   <div class="alert" data-bind="visible: ${datasource}.items().length == 0 && !${datasource}.isLoading()">
       ${_('No rows to display.')}
       ${_('No rows to display.')}

+ 3 - 6
apps/jobbrowser/src/jobbrowser/templates/job_attempt_logs.mako

@@ -51,22 +51,19 @@ ${ comps.menubar() }
             <div class="tab-content">
             <div class="tab-content">
               <div class="tab-pane active" id="stdout">
               <div class="tab-pane active" id="stdout">
                 <pre id="stdout-container">
                 <pre id="stdout-container">
-                  <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-                  <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+                  <i class="fa fa-spinner fa-spin"></i>
                 </pre>
                 </pre>
               </div>
               </div>
 
 
               <div class="tab-pane" id="stderr">
               <div class="tab-pane" id="stderr">
                 <pre id="stderr-container">
                 <pre id="stderr-container">
-                  <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-                  <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+                  <i class="fa fa-spinner fa-spin"></i>
                 </pre>
                 </pre>
               </div>
               </div>
 
 
               <div class="tab-pane" id="syslog">
               <div class="tab-pane" id="syslog">
                 <pre id="syslog-container">
                 <pre id="syslog-container">
-                  <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-                  <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+                  <i class="fa fa-spinner fa-spin"></i>
                 </pre>
                 </pre>
               </div>
               </div>
             </div>
             </div>

+ 1 - 2
apps/jobbrowser/src/jobbrowser/templates/job_not_assigned.mako

@@ -50,8 +50,7 @@ ${ comps.menubar() }
               <br/>
               <br/>
               <br/>
               <br/>
 
 
-              <!--[if !IE]><!--><i class="fa fa-spinner fa-spin" style="font-size: 60px; color: #DDD"></i><!--<![endif]-->
-              <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+              <i class="fa fa-spinner fa-spin" style="font-size: 60px; color: #DDD"></i>
             </p>
             </p>
       </div>
       </div>
     </div>
     </div>

+ 2 - 4
apps/rdbms/src/rdbms/templates/execute.mako

@@ -55,8 +55,7 @@ ${ commonheader(_('Query'), app_name, user, request) | n,unicode }
             <div id="navigatorNoTables" style="margin-top: 20px">${_('The selected database has no tables.')}</div>
             <div id="navigatorNoTables" style="margin-top: 20px">${_('The selected database has no tables.')}</div>
             <ul id="navigatorTables" class="unstyled"></ul>
             <ul id="navigatorTables" class="unstyled"></ul>
             <div id="navigatorLoader">
             <div id="navigatorLoader">
-              <!--[if !IE]><!--><i class="fa fa-spinner fa-spin" style="font-size: 20px; color: #DDD"></i><!--<![endif]-->
-              <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+              <i class="fa fa-spinner fa-spin" style="font-size: 20px; color: #DDD"></i>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
@@ -161,8 +160,7 @@ ${ commonheader(_('Query'), app_name, user, request) | n,unicode }
           <div class="card card-small scrollable">
           <div class="card card-small scrollable">
             <div class="row-fluid">
             <div class="row-fluid">
               <div class="span10 offset1 center" style="padding: 30px">
               <div class="span10 offset1 center" style="padding: 30px">
-                <!--[if !IE]><!--><i class="fa fa-spinner fa-spin" style="font-size: 60px; color: #DDD"></i><!--<![endif]-->
-                <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+                <i class="fa fa-spinner fa-spin" style="font-size: 60px; color: #DDD"></i>
               </div>
               </div>
             </div>
             </div>
           </div>
           </div>

+ 22 - 44
desktop/libs/dashboard/src/dashboard/templates/common_search.mako

@@ -721,8 +721,7 @@ ${ dashboard.layout_skeleton() }
 
 
 <script type="text/html" id="facet-widget">
 <script type="text/html" id="facet-widget">
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 
 
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
@@ -824,8 +823,7 @@ ${ dashboard.layout_skeleton() }
 
 
 <script type="text/html" id="text-facet-widget">
 <script type="text/html" id="text-facet-widget">
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 
 
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
@@ -1115,8 +1113,7 @@ ${ dashboard.layout_skeleton() }
       </table>
       </table>
 
 
       <div class="widget-spinner" data-bind="visible: ! $root.hasRetrievedResults()">
       <div class="widget-spinner" data-bind="visible: ! $root.hasRetrievedResults()">
-        <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-        <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+        <i class="fa fa-spinner fa-spin"></i>
       </div>
       </div>
     </div>
     </div>
   <!-- /ko -->
   <!-- /ko -->
@@ -1125,8 +1122,7 @@ ${ dashboard.layout_skeleton() }
 
 
 <script type="text/html" id="document-details">
 <script type="text/html" id="document-details">
   <!-- ko if: $data.details().length == 0 -->
   <!-- ko if: $data.details().length == 0 -->
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   <!-- /ko -->
   <!-- /ko -->
   <!-- ko if: $data.details().length > 0 -->
   <!-- ko if: $data.details().length > 0 -->
     <div class="document-details-actions pull-left" data-bind="visible: ${ 'true' if can_edit_index else 'false' } || externalLink()">
     <div class="document-details-actions pull-left" data-bind="visible: ${ 'true' if can_edit_index else 'false' } || externalLink()">
@@ -1256,8 +1252,7 @@ ${ dashboard.layout_skeleton() }
 
 
 <script type="text/html" id="histogram-widget">
 <script type="text/html" id="histogram-widget">
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 
 
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
@@ -1306,8 +1301,7 @@ ${ dashboard.layout_skeleton() }
 
 
 <script type="text/html" id="timeline-widget">
 <script type="text/html" id="timeline-widget">
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 
 
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
@@ -1347,8 +1341,7 @@ ${ dashboard.layout_skeleton() }
 
 
 <script type="text/html" id="bar-widget">
 <script type="text/html" id="bar-widget">
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 
 
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
@@ -1551,8 +1544,7 @@ ${ dashboard.layout_skeleton() }
     </span>
     </span>
 
 
       <div class="widget-spinner" data-bind="visible: ! $parent.hasRetrievedResults() || ! $parent.response().response">
       <div class="widget-spinner" data-bind="visible: ! $parent.hasRetrievedResults() || ! $parent.response().response">
-        <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-        <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+        <i class="fa fa-spinner fa-spin"></i>
       </div>
       </div>
 
 
       <div data-bind="visible: $parent.hasRetrievedResults() && $parent.results().length == 0 && $parent.response().response">
       <div data-bind="visible: $parent.hasRetrievedResults() && $parent.results().length == 0 && $parent.response().response">
@@ -1741,8 +1733,7 @@ ${ dashboard.layout_skeleton() }
 
 
 <script type="text/html" id="bucket-widget">
 <script type="text/html" id="bucket-widget">
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 
 
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
@@ -1803,8 +1794,7 @@ ${ dashboard.layout_skeleton() }
 
 
 <script type="text/html" id="line-widget">
 <script type="text/html" id="line-widget">
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 
 
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
@@ -1869,8 +1859,7 @@ ${ dashboard.layout_skeleton() }
   </div>
   </div>
   <!-- /ko -->
   <!-- /ko -->
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
@@ -1890,8 +1879,7 @@ ${ dashboard.layout_skeleton() }
   <!-- /ko -->
   <!-- /ko -->
 
 
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
@@ -1960,8 +1948,7 @@ ${ dashboard.layout_skeleton() }
   <!-- /ko -->
   <!-- /ko -->
 
 
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
@@ -1992,8 +1979,7 @@ ${ dashboard.layout_skeleton() }
   <!-- /ko -->
   <!-- /ko -->
 
 
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
@@ -2061,16 +2047,14 @@ ${ dashboard.layout_skeleton() }
   <!-- /ko -->
   <!-- /ko -->
 
 
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
 
 
 <script type="text/html" id="hit-widget">
 <script type="text/html" id="hit-widget">
   <div class="widget-spinner" data-bind="visible: ! $root.hasRetrievedResults()">
   <div class="widget-spinner" data-bind="visible: ! $root.hasRetrievedResults()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 
 
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
   <!-- ko if: $root.getFacetFromQuery(id()).has_data() -->
@@ -2225,8 +2209,7 @@ ${ dashboard.layout_skeleton() }
   </div>
   </div>
   <div class="clearfix"></div>
   <div class="clearfix"></div>
   <div class="widget-spinner" data-bind="visible: isLoading() &&  $root.query.fqs().length > 0">
   <div class="widget-spinner" data-bind="visible: isLoading() &&  $root.query.fqs().length > 0">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
@@ -2300,8 +2283,7 @@ ${ dashboard.layout_skeleton() }
   </div>
   </div>
   <!-- /ko -->
   <!-- /ko -->
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
@@ -2329,8 +2311,7 @@ ${ dashboard.layout_skeleton() }
   <!-- /ko -->
   <!-- /ko -->
 
 
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
@@ -2359,8 +2340,7 @@ ${ dashboard.layout_skeleton() }
   </div>
   </div>
 
 
   <div class="widget-spinner" data-bind="visible: isLoading()">
   <div class="widget-spinner" data-bind="visible: isLoading()">
-    <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-    <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+    <i class="fa fa-spinner fa-spin"></i>
   </div>
   </div>
 </script>
 </script>
 
 
@@ -2379,8 +2359,7 @@ ${ dashboard.layout_skeleton() }
     <div class="tab-content" style="max-height: 370px; height: 370px">
     <div class="tab-content" style="max-height: 370px; height: 370px">
       <div class="tab-pane active" id="analysis-terms" data-bind="with: terms">
       <div class="tab-pane active" id="analysis-terms" data-bind="with: terms">
         <div class="widget-spinner" data-bind="visible: $parent.isLoading()">
         <div class="widget-spinner" data-bind="visible: $parent.isLoading()">
-          <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-          <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+          <i class="fa fa-spinner fa-spin"></i>
         </div>
         </div>
         <div class="alert" data-bind="visible: ! $parent.isLoading() && $data.data().length == 0">${ _('There are no terms to be shown') }</div>
         <div class="alert" data-bind="visible: ! $parent.isLoading() && $data.data().length == 0">${ _('There are no terms to be shown') }</div>
         <table style="width: 100%" data-bind="visible: ! $parent.isLoading() && $data.data().length > 0" class="table-striped">
         <table style="width: 100%" data-bind="visible: ! $parent.isLoading() && $data.data().length > 0" class="table-striped">
@@ -2405,8 +2384,7 @@ ${ dashboard.layout_skeleton() }
       </div>
       </div>
       <div class="tab-pane" id="analysis-stats" data-bind="with: stats">
       <div class="tab-pane" id="analysis-stats" data-bind="with: stats">
         <div class="widget-spinner" data-bind="visible: $parent.isLoading()">
         <div class="widget-spinner" data-bind="visible: $parent.isLoading()">
-          <!--[if !IE]> --><i class="fa fa-spinner fa-spin"></i><!-- <![endif]-->
-          <!--[if IE]><img src="${ static('desktop/art/spinner.gif') }" /><![endif]-->
+          <i class="fa fa-spinner fa-spin"></i>
         </div>
         </div>
         <div class="alert" data-bind="visible: ! $parent.isLoading() && $data.data().length > 0 && $data.data()[0].key.toLowerCase() == 'error'">${ _('This field does not support stats') }</div>
         <div class="alert" data-bind="visible: ! $parent.isLoading() && $data.data().length > 0 && $data.data()[0].key.toLowerCase() == 'error'">${ _('This field does not support stats') }</div>
         <div class="alert" data-bind="visible: ! $parent.isLoading() && $data.data().length == 0">${ _('There are no stats to be shown') }</div>
         <div class="alert" data-bind="visible: ! $parent.isLoading() && $data.data().length == 0">${ _('There are no stats to be shown') }</div>