Ting Chan / palertx_web

Blame view

assets/plugins/material-preloader/js/materialPreloader.js 1.78 KB
edit raw normal view history
cf76164e6   Ting Chan   20190709 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
  ;
  (function($) {
      var defaults = {
          position: 'bottom',
          height: '5px',
          col_1: '#159756',
          col_2: '#da4733',
          col_3: '#3b78e7',
          col_4: '#fdba2c',
          fadeIn: 200,
          fadeOut: 200
      }
      $.materialPreloader = function(options) {
          var settings = $.extend({}, defaults, options);
          $template =
              "<div id='materialPreloader' class='load-bar' style='height:" +
              settings.height + ";display:none;" + settings.position +
              ":0px'><div class='load-bar-container'><div class='load-bar-base base1' style='background:" +
              settings.col_1 +
              "'><div class='color red' style='background:" + settings.col_2 +
              "'></div><div class='color blue' style='background:" +
              settings.col_3 +
              "'></div><div class='color yellow' style='background:" +
              settings.col_4 +
              "'></div><div class='color green' style='background:" +
              settings.col_1 +
              "'></div></div></div> <div class='load-bar-container'><div class='load-bar-base base2' style='background:" +
              settings.col_1 +
              "'><div class='color red' style='background:" + settings.col_2 +
              "'></div><div class='color blue' style='background:" +
              settings.col_3 +
              "'></div><div class='color yellow' style='background:" +
              settings.col_4 +
              "'></div> <div class='color green' style='background:" +
              settings.col_1 + "'></div> </div> </div> </div>";
          $('body').prepend($template);
          this.on = function() {
              $('#materialPreloader').fadeIn(settings.fadeIn);
          }
          this.off = function() {
              $('#materialPreloader').fadeOut(settings.fadeOut);
          }
      }
  }(jQuery));