From c8905ae2da543d290ecdc48f310f1dd47fd9e4bc Mon Sep 17 00:00:00 2001
From: Alex <kennen.md@gmail.com>
Date: Wed, 5 Apr 2017 17:43:49 +0300
Subject: [PATCH] -Pre loader ready

---
 backend/views/site/index.php |  1 +
 backend/web/css/custom.css   | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 backend/web/js/analytics.js  |  2 ++
 3 files changed, 62 insertions(+), 0 deletions(-)

diff --git a/backend/views/site/index.php b/backend/views/site/index.php
index f967b25..5563b65 100755
--- a/backend/views/site/index.php
+++ b/backend/views/site/index.php
@@ -13,6 +13,7 @@
     
     AnalyticsAsset::register($this);
 ?>
+<div class="animated yt-loader"></div>
 
 <div class="row">
   <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
diff --git a/backend/web/css/custom.css b/backend/web/css/custom.css
index ecbb677..7b534d7 100755
--- a/backend/web/css/custom.css
+++ b/backend/web/css/custom.css
@@ -4182,7 +4182,66 @@ ul.notifications {
    .dataTables_length { float:none; }
 }
 
+.animated {
+    -webkit-animation-duration: 5s;
+    animation-duration: 5s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+}
+
+.yt-loader {
+    -webkit-animation-name: horizontalProgressBar;
+    animation-name: horizontalProgressBar;
+    -webkit-animation-timing-function: ease;
+    animation-timing-function: ease;
+    background: #1abb9c;
+    height: 3px;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 0%;
+    z-index: 9999;
+}
+
+@keyframes horizontalProgressBar {
+    0% {
+        width: 0%;
+    }
+    25% {
+        width: 22%;
+    }
+    50% {
+        width: 55%;
+    }
+    75% {
+        width: 83%;
+    }
+    100% {
+        width: 100%;
+    }
+}
 
+@-webkit-keyframes horizontalProgressBar /* Safari and Chrome */
+{
+    0% {
+        width: 0%;
+    }
+    25% {
+        width: 22%;
+    }
+    50% {
+        width: 55%;
+    }
+    75% {
+        width: 83%;
+    }
+    100% {
+        width: 100%;
+    }
+}
 
 
 /* CSS3 Checkbox */
diff --git a/backend/web/js/analytics.js b/backend/web/js/analytics.js
index ab3e3b0..07ec076 100755
--- a/backend/web/js/analytics.js
+++ b/backend/web/js/analytics.js
@@ -94,6 +94,8 @@ $(
                         .replaceWith(data.cityes);
                     $('#countries')
                         .replaceWith(data.countries);
+                    $('.yt-loader')
+                        .remove();
                 }
             }
         )
--
libgit2 0.21.4