Initial Commit

Public/tabler/js/core.js

@@ -0,0 +1,107 @@
+/**
+ *
+ */
+let hexToRgba = function(hex, opacity) {
+  let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  let rgb = result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;
+
+  return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + opacity + ')';
+};
+
+/**
+ *
+ */
+$(document).ready(function() {
+  /** Constant div card */
+  const DIV_CARD = 'div.card';
+
+  /** Initialize tooltips */
+  $('[data-toggle="tooltip"]').tooltip();
+
+  /** Initialize popovers */
+  $('[data-toggle="popover"]').popover({
+    html: true
+  });
+
+  /** Function for remove card */
+  $('[data-toggle="card-remove"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
+
+    $card.remove();
+
+    e.preventDefault();
+    return false;
+  });
+
+  /** Function for collapse card */
+  $('[data-toggle="card-collapse"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
+
+    $card.toggleClass('card-collapsed');
+
+    e.preventDefault();
+    return false;
+  });
+
+  /** Function for fullscreen card */
+  $('[data-toggle="card-fullscreen"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
+
+    $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
+
+    e.preventDefault();
+    return false;
+  });
+
+  /**  */
+  if ($('[data-sparkline]').length) {
+    let generateSparkline = function($elem, data, params) {
+      $elem.sparkline(data, {
+        type: $elem.attr('data-sparkline-type'),
+        height: '100%',
+        barColor: params.color,
+        lineColor: params.color,
+        fillColor: 'transparent',
+        spotColor: params.color,
+        spotRadius: 0,
+        lineWidth: 2,
+        highlightColor: hexToRgba(params.color, .6),
+        highlightLineColor: '#666',
+        defaultPixelsPerValue: 5
+      });
+    };
+
+    require(['sparkline'], function() {
+      $('[data-sparkline]').each(function() {
+        let $chart = $(this);
+
+        generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
+          color: $chart.attr('data-sparkline-color')
+        });
+      });
+    });
+  }
+
+  /**  */
+  if ($('.chart-circle').length) {
+    require(['circle-progress'], function() {
+      $('.chart-circle').each(function() {
+        let $this = $(this);
+
+        $this.circleProgress({
+          fill: {
+            color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
+          },
+          size: $this.height(),
+          startAngle: -Math.PI / 4 * 2,
+          emptyFill: '#F4F4F4',
+          lineCap: 'round'
+        });
+      });
+    });
+  }
+});

Public/tabler/js/dashboard.js

@@ -0,0 +1,126 @@
+require.config({
+shim: {
+'bootstrap': ['jquery'],
+'sparkline': ['jquery'],
+'tablesorter': ['jquery'],
+'vector-map': ['jquery'],
+'vector-map-de': ['vector-map', 'jquery'],
+'vector-map-world': ['vector-map', 'jquery'],
+'core': ['bootstrap', 'jquery'],
+},
+paths: {
+'core': 'assets/js/core',
+'jquery': 'assets/js/vendors/jquery-3.2.1.min',
+'bootstrap': 'assets/js/vendors/bootstrap.bundle.min',
+'sparkline': 'assets/js/vendors/jquery.sparkline.min',
+'selectize': 'assets/js/vendors/selectize.min',
+'tablesorter': 'assets/js/vendors/jquery.tablesorter.min',
+'vector-map': 'assets/js/vendors/jquery-jvectormap-2.0.3.min',
+'vector-map-de': 'assets/js/vendors/jquery-jvectormap-de-merc',
+'vector-map-world': 'assets/js/vendors/jquery-jvectormap-world-mill',
+'circle-progress': 'assets/js/vendors/circle-progress.min',
+}
+});
+window.tabler = {
+colors: {
+'blue': '#467fcf',
+'blue-darkest': '#0e1929',
+'blue-darker': '#1c3353',
+'blue-dark': '#3866a6',
+'blue-light': '#7ea5dd',
+'blue-lighter': '#c8d9f1',
+'blue-lightest': '#edf2fa',
+'azure': '#45aaf2',
+'azure-darkest': '#0e2230',
+'azure-darker': '#1c4461',
+'azure-dark': '#3788c2',
+'azure-light': '#7dc4f6',
+'azure-lighter': '#c7e6fb',
+'azure-lightest': '#ecf7fe',
+'indigo': '#6574cd',
+'indigo-darkest': '#141729',
+'indigo-darker': '#282e52',
+'indigo-dark': '#515da4',
+'indigo-light': '#939edc',
+'indigo-lighter': '#d1d5f0',
+'indigo-lightest': '#f0f1fa',
+'purple': '#a55eea',
+'purple-darkest': '#21132f',
+'purple-darker': '#42265e',
+'purple-dark': '#844bbb',
+'purple-light': '#c08ef0',
+'purple-lighter': '#e4cff9',
+'purple-lightest': '#f6effd',
+'pink': '#f66d9b',
+'pink-darkest': '#31161f',
+'pink-darker': '#622c3e',
+'pink-dark': '#c5577c',
+'pink-light': '#f999b9',
+'pink-lighter': '#fcd3e1',
+'pink-lightest': '#fef0f5',
+'red': '#e74c3c',
+'red-darkest': '#2e0f0c',
+'red-darker': '#5c1e18',
+'red-dark': '#b93d30',
+'red-light': '#ee8277',
+'red-lighter': '#f8c9c5',
+'red-lightest': '#fdedec',
+'orange': '#fd9644',
+'orange-darkest': '#331e0e',
+'orange-darker': '#653c1b',
+'orange-dark': '#ca7836',
+'orange-light': '#feb67c',
+'orange-lighter': '#fee0c7',
+'orange-lightest': '#fff5ec',
+'yellow': '#f1c40f',
+'yellow-darkest': '#302703',
+'yellow-darker': '#604e06',
+'yellow-dark': '#c19d0c',
+'yellow-light': '#f5d657',
+'yellow-lighter': '#fbedb7',
+'yellow-lightest': '#fef9e7',
+'lime': '#7bd235',
+'lime-darkest': '#192a0b',
+'lime-darker': '#315415',
+'lime-dark': '#62a82a',
+'lime-light': '#a3e072',
+'lime-lighter': '#d7f2c2',
+'lime-lightest': '#f2fbeb',
+'green': '#5eba00',
+'green-darkest': '#132500',
+'green-darker': '#264a00',
+'green-dark': '#4b9500',
+'green-light': '#8ecf4d',
+'green-lighter': '#cfeab3',
+'green-lightest': '#eff8e6',
+'teal': '#2bcbba',
+'teal-darkest': '#092925',
+'teal-darker': '#11514a',
+'teal-dark': '#22a295',
+'teal-light': '#6bdbcf',
+'teal-lighter': '#bfefea',
+'teal-lightest': '#eafaf8',
+'cyan': '#17a2b8',
+'cyan-darkest': '#052025',
+'cyan-darker': '#09414a',
+'cyan-dark': '#128293',
+'cyan-light': '#5dbecd',
+'cyan-lighter': '#b9e3ea',
+'cyan-lightest': '#e8f6f8',
+'gray': '#868e96',
+'gray-darkest': '#1b1c1e',
+'gray-darker': '#36393c',
+'gray-dark': '#6b7278',
+'gray-light': '#aab0b6',
+'gray-lighter': '#dbdde0',
+'gray-lightest': '#f3f4f5',
+'gray-dark': '#343a40',
+'gray-dark-darkest': '#0a0c0d',
+'gray-dark-darker': '#15171a',
+'gray-dark-dark': '#2a2e33',
+'gray-dark-light': '#717579',
+'gray-dark-lighter': '#c2c4c6',
+'gray-dark-lightest': '#ebebec'
+}
+};
+require(['core']);

Public/tabler/js/vendors/circle-progress.min.js

@@ -0,0 +1,10 @@
+/**
+ * jquery-circle-progress - jQuery Plugin to draw animated circular progress bars:
+ * {@link http://kottenator.github.io/jquery-circle-progress/}
+ *
+ * @author Rostyslav Bryzgunov <kottenator@gmail.com>
+ * @version 1.2.2
+ * @licence MIT
+ * @preserve
+ */
+!function(i){if("function"==typeof define&&define.amd)define(["jquery"],i);else if("object"==typeof module&&module.exports){var t=require("jquery");i(t),module.exports=t}else i(jQuery)}(function(i){function t(i){this.init(i)}t.prototype={value:0,size:100,startAngle:-Math.PI,thickness:"auto",fill:{gradient:["#3aeabb","#fdd250"]},emptyFill:"rgba(0, 0, 0, .1)",animation:{duration:1200,easing:"circleProgressEasing"},animationStartValue:0,reverse:!1,lineCap:"butt",insertMode:"prepend",constructor:t,el:null,canvas:null,ctx:null,radius:0,arcFill:null,lastFrameValue:0,init:function(t){i.extend(this,t),this.radius=this.size/2,this.initWidget(),this.initFill(),this.draw(),this.el.trigger("circle-inited")},initWidget:function(){this.canvas||(this.canvas=i("<canvas>")["prepend"==this.insertMode?"prependTo":"appendTo"](this.el)[0]);var t=this.canvas;if(t.width=this.size,t.height=this.size,this.ctx=t.getContext("2d"),window.devicePixelRatio>1){var e=window.devicePixelRatio;t.style.width=t.style.height=this.size+"px",t.width=t.height=this.size*e,this.ctx.scale(e,e)}},initFill:function(){function t(){var t=i("<canvas>")[0];t.width=e.size,t.height=e.size,t.getContext("2d").drawImage(g,0,0,r,r),e.arcFill=e.ctx.createPattern(t,"no-repeat"),e.drawFrame(e.lastFrameValue)}var e=this,a=this.fill,n=this.ctx,r=this.size;if(!a)throw Error("The fill is not specified!");if("string"==typeof a&&(a={color:a}),a.color&&(this.arcFill=a.color),a.gradient){var s=a.gradient;if(1==s.length)this.arcFill=s[0];else if(s.length>1){for(var l=a.gradientAngle||0,o=a.gradientDirection||[r/2*(1-Math.cos(l)),r/2*(1+Math.sin(l)),r/2*(1+Math.cos(l)),r/2*(1-Math.sin(l))],h=n.createLinearGradient.apply(n,o),c=0;c<s.length;c++){var d=s[c],u=c/(s.length-1);i.isArray(d)&&(u=d[1],d=d[0]),h.addColorStop(u,d)}this.arcFill=h}}if(a.image){var g;a.image instanceof Image?g=a.image:(g=new Image,g.src=a.image),g.complete?t():g.onload=t}},draw:function(){this.animation?this.drawAnimated(this.value):this.drawFrame(this.value)},drawFrame:function(i){this.lastFrameValue=i,this.ctx.clearRect(0,0,this.size,this.size),this.drawEmptyArc(i),this.drawArc(i)},drawArc:function(i){if(0!==i){var t=this.ctx,e=this.radius,a=this.getThickness(),n=this.startAngle;t.save(),t.beginPath(),this.reverse?t.arc(e,e,e-a/2,n-2*Math.PI*i,n):t.arc(e,e,e-a/2,n,n+2*Math.PI*i),t.lineWidth=a,t.lineCap=this.lineCap,t.strokeStyle=this.arcFill,t.stroke(),t.restore()}},drawEmptyArc:function(i){var t=this.ctx,e=this.radius,a=this.getThickness(),n=this.startAngle;i<1&&(t.save(),t.beginPath(),i<=0?t.arc(e,e,e-a/2,0,2*Math.PI):this.reverse?t.arc(e,e,e-a/2,n,n-2*Math.PI*i):t.arc(e,e,e-a/2,n+2*Math.PI*i,n),t.lineWidth=a,t.strokeStyle=this.emptyFill,t.stroke(),t.restore())},drawAnimated:function(t){var e=this,a=this.el,n=i(this.canvas);n.stop(!0,!1),a.trigger("circle-animation-start"),n.css({animationProgress:0}).animate({animationProgress:1},i.extend({},this.animation,{step:function(i){var n=e.animationStartValue*(1-i)+t*i;e.drawFrame(n),a.trigger("circle-animation-progress",[i,n])}})).promise().always(function(){a.trigger("circle-animation-end")})},getThickness:function(){return i.isNumeric(this.thickness)?this.thickness:this.size/14},getValue:function(){return this.value},setValue:function(i){this.animation&&(this.animationStartValue=this.lastFrameValue),this.value=i,this.draw()}},i.circleProgress={defaults:t.prototype},i.easing.circleProgressEasing=function(i){return i<.5?(i=2*i,.5*i*i*i):(i=2-2*i,1-.5*i*i*i)},i.fn.circleProgress=function(e,a){var n="circle-progress",r=this.data(n);if("widget"==e){if(!r)throw Error('Calling "widget" method on not initialized instance is forbidden');return r.canvas}if("value"==e){if(!r)throw Error('Calling "value" method on not initialized instance is forbidden');if("undefined"==typeof a)return r.getValue();var s=arguments[1];return this.each(function(){i(this).data(n).setValue(s)})}return this.each(function(){var a=i(this),r=a.data(n),s=i.isPlainObject(e)?e:{};if(r)r.init(s);else{var l=i.extend({},a.data());"string"==typeof l.fill&&(l.fill=JSON.parse(l.fill)),"string"==typeof l.animation&&(l.animation=JSON.parse(l.animation)),s=i.extend(l,s),s.el=a,r=new t(s),a.data(n,r)}})}});