add preloader to app

4xmen · Oct 27, 2017 · 5af77da · 5af77da
1 parent 2e1f388
commit 5af77da
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -20,4 +20,12 @@ body{
 
 .container{
     background: #fff ;
+}
+
+#loader{
+    text-align: center;
+}
+
+#loader img{
+    height: 128px;
 }
diff --git a/www/index.html b/www/index.html
@@ -53,7 +53,11 @@ <h2>
                         </a>
                     </td>
                 </tr>
-
+                <tr>
+                    <td colspan="9" id="loader">
+                        <img src="/assets/img/loader.gif" alt="[]" />
+                    </td>
+                </tr>
 
             </tbody>
         </table>
@@ -69,6 +73,7 @@ <h2>
         var newDate = new Date();
         vue.processes = e;
         vue.now = Math.floor(newDate.getTime());
+        $("#loader").slideUp(100);
     });
 }
 var now = 0;
@@ -89,7 +94,8 @@ <h2>
 $(function () {
     GetData();
     $("#refresh").click(function () {
-
+        $("#loader").slideDown(100);
+         GetData();
     });
 });
     </script>