added pace loader plugin

production/calender.html

@@ -485,7 +485,9 @@
 
         <script src="js/moment.min.js"></script>
         <script src="js/calendar/fullcalendar.min.js"></script>
-
+        <!-- pace -->
+        <script src="js/pace/pace.min.js"></script>
+        <script src="js/pace/pace.min.js"></script>
         <script>
             $(window).load(function () {
 

production/chartjs.html

@@ -552,7 +552,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script>
         var randomScalingFactor = function () {
             return Math.round(Math.random() * 100)

production/chartjs2.html

@@ -547,7 +547,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script>
         var randomScalingFactor = function () {
             return Math.round(Math.random() * 100)

production/contacts.html

@@ -755,7 +755,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 </body>
 
 </html>

production/css/custom.css

@@ -6342,4 +6342,29 @@ ul.notifications {
     color: #E9EDEF;
     float: right;
     opacity: 1;
+}
+
+/*pace loader*/
+/*http://github.hubspot.com/pace/docs/welcome/*/
+.pace {
+  -webkit-pointer-events: none;
+  pointer-events: none;
+
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.pace-inactive {
+  display: none;
+}
+
+.pace .pace-progress {
+  background: #1abb9c;
+  position: fixed;
+  z-index: 2000;
+  top: 0;
+  right: 100%;
+  width: 100%;
+  height: 2px;
 }

production/e_commerce.html

@@ -525,7 +525,8 @@
     <script src="js/nicescroll/jquery.nicescroll.min.js"></script>
     <!-- icheck -->
     <script src="js/icheck/icheck.min.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script src="js/custom.js"></script>
 
 </body>

production/echarts.html

@@ -738,7 +738,8 @@
     <!-- echart -->
     <script src="js/echart/echarts-all.js"></script>
     <script src="js/echart/green.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script>
         var myChart9 = echarts.init(document.getElementById('mainb'), theme);
         myChart9.setOption({

production/form.html

@@ -1424,6 +1424,8 @@
         <!-- Autocomplete -->
         <script type="text/javascript" src="js/autocomplete/countries.js"></script>
         <script src="js/autocomplete/jquery.autocomplete.js"></script>
+        <!-- pace -->
+        <script src="js/pace/pace.min.js"></script>
         <script type="text/javascript">
             $(function () {
                 'use strict';

production/form_advanced.html

@@ -1854,7 +1854,8 @@
     <!-- image cropping -->
     <script src="js/cropping/cropper.min.js"></script>
     <script src="js/cropping/main2.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
     <!-- datepicker -->
     <script type="text/javascript">

production/form_buttons.html

@@ -813,7 +813,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 </body>
 
 </html>

production/form_upload.html

@@ -412,7 +412,8 @@
     <script src="js/custom.js"></script>
     <!-- dropzone -->
     <script src="js/dropzone/dropzone.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 </body>
 
 </html>

production/form_validation.html

@@ -479,7 +479,8 @@
     <script src="js/nicescroll/jquery.nicescroll.min.js"></script>
     <!-- icheck -->
     <script src="js/icheck/icheck.min.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script src="js/custom.js"></script>
     <!-- form validation -->
     <script src="js/validator/validator.js"></script>

production/form_wizards.html

@@ -649,6 +649,8 @@
     <script src="js/custom.js"></script>
     <!-- form wizard -->
     <script type="text/javascript" src="js/wizard/jquery.smartWizard.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script type="text/javascript">
         $(document).ready(function () {
             // Smart Wizard 	

production/general_elements.html

@@ -1675,7 +1675,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <!-- PNotify -->
     <script type="text/javascript" src="js/notify/pnotify.core.js"></script>
     <script type="text/javascript" src="js/notify/pnotify.buttons.js"></script>

production/glyphicons.html

@@ -1791,6 +1791,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
 </body>
 

production/icons.html

@@ -2398,6 +2398,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
 </body>
 

production/inbox.html

@@ -594,7 +594,8 @@
     <script src="js/nicescroll/jquery.nicescroll.min.js"></script>
     <!-- icheck -->
     <script src="js/icheck/icheck.min.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script src="js/custom.js"></script>
 
 </body>

production/index.html

@@ -1190,6 +1190,8 @@
     <script type="text/javascript" src="js/maps/gdp-data.js"></script>
     <script type="text/javascript" src="js/maps/jquery-jvectormap-world-mill-en.js"></script>
     <script type="text/javascript" src="js/maps/jquery-jvectormap-us-aea-en.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script>
         $(function () {
             $('#world-map-gdp').vectorMap({

production/index2.html

@@ -839,7 +839,8 @@
     <script type="text/javascript" src="js/flot/jquery.flot.stack.js"></script>
     <script type="text/javascript" src="js/flot/curvedLines.js"></script>
     <script type="text/javascript" src="js/flot/jquery.flot.resize.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <!-- flot -->
     <script type="text/javascript">
         //define chart clolors ( you maybe add more colors if you want or flot will add it automatic )

production/index3.html

@@ -959,7 +959,8 @@
     <script type="text/javascript" src="js/flot/jquery.flot.stack.js"></script>
     <script type="text/javascript" src="js/flot/curvedLines.js"></script>
     <script type="text/javascript" src="js/flot/jquery.flot.resize.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <!-- flot -->
 
     <script>

production/invoice.html

@@ -557,7 +557,9 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 </body>
 
 </html>

production/map.html

@@ -1411,6 +1411,9 @@
 
     <script src="js/custom.js"></script>
 
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
+    
     <!-- /footer content -->
     </body>
 

production/media_gallery.html

@@ -596,6 +596,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
 </body>
 

production/morisjs.html

@@ -556,6 +556,8 @@
     <script src="js/moris/raphael-min.js"></script>
     <script src="js/moris/morris.js"></script>
     <script src="js/moris/example.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
 </body>
 

production/other_charts.html

@@ -517,7 +517,9 @@
     <script src="js/custom.js"></script>
     <!-- easypie -->
     <script src="js/easypie/jquery.easypiechart.min.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
+    
     <script>
         //@code_start
         $(function () {

production/page_404.html

@@ -91,7 +91,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <!-- /footer content -->
 </body>
 

production/page_500.html

@@ -91,6 +91,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
     <!-- /footer content -->
 </body>

production/plain_page.html

@@ -404,6 +404,8 @@
     <script src="js/moris/raphael-min.js"></script>
     <script src="js/moris/morris.js"></script>
     <script src="js/moris/example.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
 </body>
 

production/pricing_tables.html

@@ -550,6 +550,8 @@
     <script src="js/moris/raphael-min.js"></script>
     <script src="js/moris/morris.js"></script>
     <script src="js/moris/example.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
 </body>
 

production/profile.html

@@ -712,6 +712,10 @@
     <!-- moris js -->
     <script src="js/moris/raphael-min.js"></script>
     <script src="js/moris/morris.js"></script>
+
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
+    
     <script>
         $(function () {
             var day_data = [

production/project_detail.html

@@ -540,6 +540,9 @@
     <!-- echart -->
     <script src="js/echart/echarts-all.js"></script>
     <script src="js/echart/green.js"></script>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
+
 
     <script>
         var myChart9 = echarts.init(document.getElementById('mainb'), theme);

production/projects.html

@@ -743,6 +743,9 @@
 
     <script src="js/custom.js"></script>
 
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
+
 </body>
 
 </html>

production/sign_up.html

@@ -299,6 +299,7 @@
 <script src="js/icheck/icheck.min.js"></script>
         
 <script src="js/custom.js"></script>
-
+<!-- pace -->
+<script src="js/pace/pace.min.js"></script>
 <!-- /footer content -->
 </body></html>

production/tables.html

@@ -807,6 +807,8 @@
 
     <script src="js/custom.js"></script>
 
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 </body>
 
 </html>

production/tables_dynamic.html

@@ -976,6 +976,9 @@
         <!-- Datatables -->
         <script src="js/datatables/js/jquery.dataTables.js"></script>
         <script src="js/datatables/tools/js/dataTables.tableTools.js"></script>
+        
+        <!-- pace -->
+        <script src="js/pace/pace.min.js"></script>
         <script>
             $(document).ready(function () {
                 $('input.tableflat').iCheck({

production/typography.html

@@ -436,7 +436,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 </body>
 
 </html>

production/widgets.html

@@ -969,6 +969,10 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
+    
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
+
 
     <!-- chart js -->
     <script src="js/chartjs/chart.min.js"></script>