tabler v1

js/app/charts.js

@@ -0,0 +1,40 @@
+(function ($) {
+    $(document).ready(function () {
+
+        $('[data-spark]').each(function () {
+            var $this = $(this),
+                data = $this.attr('data-spark'),
+                color = $this.attr('data-spark-color') || 'blue',
+                type = $this.attr('data-spark-type') || 'line';
+
+            var $div = $('<div />').html(data);
+            $this.append($div);
+
+            var strokeColor = uikit.colors[color],
+                fillColor = uikit.colors[color];
+
+            if (type === 'donut' || type === 'pie') {
+                fillColor = [fillColor, 'rgba(0, 0, 0, .064)'];
+            } else if (type === 'bar') {
+                fillColor = [fillColor];
+            } else if (type === 'line') {
+                fillColor = uikit.hexToRgbA(fillColor, .1);
+            }
+
+            $div.peity(type, {
+                width: $this.width(),
+                height: $this.height(),
+                // max: 100,
+                // min: 0,
+                stroke: strokeColor,
+                strokeWidth: 2,
+                fill: fillColor,
+                padding: .2,
+                innerRadius: (type === 'donut') ? 17 : 0
+            });
+
+
+        });
+
+    });
+})(jQuery);

js/ui-kit.js

@@ -0,0 +1,115 @@
+var uikit = {
+    colorVariation: function (color, variation) {
+        var colorValue = this.colors[color];
+
+
+        if (colorValue) {
+            switch (variation) {
+                case 'light':
+                    return this.mixColors(colorValue, '#ffffff', 70);
+                case 'lighten':
+                    return this.mixColors(colorValue, '#ffffff', 30);
+                case 'lightest':
+                    return this.mixColors(colorValue, '#ffffff', 10);
+                case 'dark':
+                    return this.mixColors(colorValue, '#000000', 80);
+                case 'darken':
+                    return this.mixColors(colorValue, '#000000', 40);
+                case 'darkest':
+                    return this.mixColors(colorValue, '#000000', 20);
+            }
+
+            return colorValue;
+        }
+
+        throw new Error('Wrong color: ' + color);
+    },
+
+    hexToRgbA: function (hex, opacity) {
+        var c;
+
+        opacity = opacity || 1;
+
+        if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
+            c = hex.substring(1).split('');
+            if (c.length === 3) {
+                c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+            }
+            c = '0x' + c.join('');
+            return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + opacity + ')';
+        }
+        throw new Error('Bad Hex');
+    },
+
+    mixColors: function (color_1, color_2, weight) {
+        color_1 = color_1.substr(1);
+        color_2 = color_2.substr(1);
+
+        function d2h(d) {
+            return d.toString(16);
+        }
+
+        function h2d(h) {
+            return parseInt(h, 16);
+        }
+
+        weight = (typeof(weight) !== 'undefined') ? weight : 50;
+
+        var color = '#';
+
+        for (var i = 0; i <= 5; i += 2) {
+            var v1 = h2d(color_1.substr(i, 2)),
+                v2 = h2d(color_2.substr(i, 2));
+
+            var val = d2h(Math.floor(v2 + (v1 - v2) * (weight / 100.0)));
+
+            while (val.length < 2) {
+                val = '0' + val;
+            }
+
+            color += val;
+        }
+
+        return color;
+    },
+
+    toggleFullscreen: function (elem) {
+        elem = elem || document.documentElement;
+        if (!document.fullscreenElement && !document.mozFullScreenElement &&
+            !document.webkitFullscreenElement && !document.msFullscreenElement) {
+            if (elem.requestFullscreen) {
+                elem.requestFullscreen();
+            } else if (elem.msRequestFullscreen) {
+                elem.msRequestFullscreen();
+            } else if (elem.mozRequestFullScreen) {
+                elem.mozRequestFullScreen();
+            } else if (elem.webkitRequestFullscreen) {
+                elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
+            }
+        } else {
+            if (document.exitFullscreen) {
+                document.exitFullscreen();
+            } else if (document.msExitFullscreen) {
+                document.msExitFullscreen();
+            } else if (document.mozCancelFullScreen) {
+                document.mozCancelFullScreen();
+            } else if (document.webkitExitFullscreen) {
+                document.webkitExitFullscreen();
+            }
+        }
+    }
+};
+
+
+$(document).ready(function () {
+    var $body = $('body');
+
+    $body.on('click', '[data-toggle="sidebar"]', function (e) {
+        $body.toggleClass('sidebar-opened');
+
+        e.preventDefault();
+        return false;
+    });
+});
+
+window.uikit = uikit;