wbase 0.0.14 → 0.0.15

data/app/assets/javascripts/wbase/admin/jquery.core.js

@@ -0,0 +1,323 @@
+//portlets
+!function($) {
+    "use strict";
+
+    /**
+    Portlet Widget
+    */
+    var Portlet = function() {
+        this.$body = $("body"),
+        this.$portletIdentifier = ".portlet",
+        this.$portletCloser = '.portlet a[data-toggle="remove"]',
+        this.$portletRefresher = '.portlet a[data-toggle="reload"]'
+    };
+
+    //on init
+    Portlet.prototype.init = function() {
+        // Panel closest
+        var $this = this;
+        $(document).on("click",this.$portletCloser, function (ev) {
+            ev.preventDefault();
+            var $portlet = $(this).closest($this.$portletIdentifier);
+                var $portlet_parent = $portlet.parent();
+            $portlet.remove();
+            if ($portlet_parent.children().length == 0) {
+                $portlet_parent.remove();
+            }
+        });
+
+        // Panel Reload
+        $(document).on("click",this.$portletRefresher, function (ev) {
+            ev.preventDefault();
+            var $portlet = $(this).closest($this.$portletIdentifier);
+            // This is just a simulation, nothing is going to be reloaded
+            $portlet.append('<div class="panel-disabled"><div class="loader-1"></div></div>');
+            var $pd = $portlet.find('.panel-disabled');
+            setTimeout(function () {
+                $pd.fadeOut('fast', function () {
+                    $pd.remove();
+                });
+            }, 500 + 300 * (Math.random() * 5));
+        });
+    },
+    //
+    $.Portlet = new Portlet, $.Portlet.Constructor = Portlet
+
+}(window.jQuery),
+
+/**
+ * Notifications
+ */
+function($) {
+    "use strict";
+
+    var Notification = function() {};
+
+    //simple notificaiton
+    Notification.prototype.notify = function(style,position, title, text) {
+        var icon = 'fa fa-adjust';
+        if(style == "error"){
+            icon = "fa fa-exclamation";
+        }else if(style == "warning"){
+            icon = "fa fa-warning";
+        }else if(style == "success"){
+            icon = "fa fa-check";
+        }else if(style == "custom"){
+            icon = "md md-album";
+        }else if(style == "info"){
+            icon = "fa fa-question";
+        }else{
+            icon = "fa fa-adjust";
+        }
+        $.notify({
+            title: title,
+            text: text,
+            image: "<i class='"+icon+"'></i>"
+        }, {
+            style: 'metro',
+            className: style,
+            globalPosition:position,
+            showAnimation: "show",
+            showDuration: 0,
+            hideDuration: 0,
+            autoHide: true,
+            clickToHide: true
+        });
+    },
+
+    //auto hide notification
+    Notification.prototype.autoHideNotify = function (style,position, title, text) {
+        var icon = "fa fa-adjust";
+        if(style == "error"){
+            icon = "fa fa-exclamation";
+        }else if(style == "warning"){
+            icon = "fa fa-warning";
+        }else if(style == "success"){
+            icon = "fa fa-check";
+        }else if(style == "custom"){
+            icon = "md md-album";
+        }else if(style == "info"){
+            icon = "fa fa-question";
+        }else{
+            icon = "fa fa-adjust";
+        }
+        $.notify({
+            title: title,
+            text: text,
+            image: "<i class='"+icon+"'></i>"
+        }, {
+            style: 'metro',
+            className: style,
+            globalPosition:position,
+            showAnimation: "show",
+            showDuration: 0,
+            hideDuration: 0,
+            autoHideDelay: 5000,
+            autoHide: true,
+            clickToHide: true
+        });
+    },
+    //confirmation notification
+    Notification.prototype.confirm = function(style,position, title) {
+        var icon = "fa fa-adjust";
+        if(style == "error"){
+            icon = "fa fa-exclamation";
+        }else if(style == "warning"){
+            icon = "fa fa-warning";
+        }else if(style == "success"){
+            icon = "fa fa-check";
+        }else if(style == "custom"){
+            icon = "md md-album";
+        }else if(style == "info"){
+            icon = "fa fa-question";
+        }else{
+            icon = "fa fa-adjust";
+        }
+        $.notify({
+            title: title,
+            text: 'Are you sure you want to do nothing?<div class="clearfix"></div><br><a class="btn btn-sm btn-white yes">Yes</a> <a class="btn btn-sm btn-danger no">No</a>',
+            image: "<i class='"+icon+"'></i>"
+        }, {
+            style: 'metro',
+            className: style,
+            globalPosition:position,
+            showAnimation: "show",
+            showDuration: 0,
+            hideDuration: 0,
+            autoHide: false,
+            clickToHide: false
+        });
+        //listen for click events from this style
+        $(document).on('click', '.notifyjs-metro-base .no', function() {
+          //programmatically trigger propogating hide event
+          $(this).trigger('notify-hide');
+        });
+        $(document).on('click', '.notifyjs-metro-base .yes', function() {
+          //show button text
+          alert($(this).text() + " clicked!");
+          //hide notification
+          $(this).trigger('notify-hide');
+        });
+    },
+    //init - examples
+    Notification.prototype.init = function() {
+
+    },
+    //init
+    $.Notification = new Notification, $.Notification.Constructor = Notification
+}(window.jQuery),
+
+/**
+ * Components
+ */
+function($) {
+    "use strict";
+
+    var Components = function() {};
+
+    //initializing tooltip
+    Components.prototype.initTooltipPlugin = function() {
+        $.fn.tooltip && $('[data-toggle="tooltip"]').tooltip()
+    },
+
+    //initializing popover
+    Components.prototype.initPopoverPlugin = function() {
+        $.fn.popover && $('[data-toggle="popover"]').popover()
+    },
+
+    //initializing custom modal
+    Components.prototype.initCustomModalPlugin = function() {
+        $('[data-plugin="custommodal"]').on('click', function(e) {
+        	Custombox.open({
+                target: $(this).attr("href"),
+                effect: $(this).attr("data-animation"),
+                overlaySpeed: $(this).attr("data-overlaySpeed"),
+                overlayColor: $(this).attr("data-overlayColor")
+            });
+        	e.preventDefault();
+        });
+    },
+
+    //initializing nicescroll
+    Components.prototype.initNiceScrollPlugin = function() {
+        //You can change the color of scroll bar here
+        $.fn.niceScroll &&  $(".nicescroll").niceScroll({ cursorcolor: '#98a6ad',cursorwidth:'6px', cursorborderradius: '5px'});
+    },
+
+    //initializing Slimscroll
+    Components.prototype.initSlimScrollPlugin = function() {
+        //You can change the color of scroll bar here
+        $.fn.niceScroll &&  $(".slimscroll-noti").slimScroll({ position: 'right',size: "5px", color: '#98a6ad',height: '230px',wheelStep: 10});
+    },
+
+    //range slider
+    Components.prototype.initRangeSlider = function() {
+        $.fn.slider && $('[data-plugin="range-slider"]').slider({});
+    },
+
+    /* -------------
+     * Form related controls
+     */
+    //switch
+    Components.prototype.initSwitchery = function() {
+        $('[data-plugin="switchery"]').each(function (idx, obj) {
+            new Switchery($(this)[0], $(this).data());
+        });
+    },
+    //multiselect
+    Components.prototype.initMultiSelect = function() {
+        if($('[data-plugin="multiselect"]').length > 0)
+            $('[data-plugin="multiselect"]').multiSelect($(this).data());
+    },
+
+     /* -------------
+     * small charts related widgets
+     */
+     //peity charts
+     Components.prototype.initPeityCharts = function() {
+        $('[data-plugin="peity-pie"]').each(function(idx, obj) {
+            var colors = $(this).attr('data-colors')?$(this).attr('data-colors').split(","):[];
+            var width = $(this).attr('data-width')?$(this).attr('data-width'):20; //default is 20
+            var height = $(this).attr('data-height')?$(this).attr('data-height'):20; //default is 20
+            $(this).peity("pie", {
+                fill: colors,
+                width: width,
+                height: height
+            });
+        });
+        //donut
+         $('[data-plugin="peity-donut"]').each(function(idx, obj) {
+            var colors = $(this).attr('data-colors')?$(this).attr('data-colors').split(","):[];
+            var width = $(this).attr('data-width')?$(this).attr('data-width'):20; //default is 20
+            var height = $(this).attr('data-height')?$(this).attr('data-height'):20; //default is 20
+            $(this).peity("donut", {
+                fill: colors,
+                width: width,
+                height: height
+            });
+        });
+
+         $('[data-plugin="peity-donut-alt"]').each(function(idx, obj) {
+            $(this).peity("donut");
+        });
+
+         // line
+         $('[data-plugin="peity-line"]').each(function(idx, obj) {
+            $(this).peity("line", $(this).data());
+         });
+
+         // bar
+         $('[data-plugin="peity-bar"]').each(function(idx, obj) {
+            var colors = $(this).attr('data-colors')?$(this).attr('data-colors').split(","):[];
+            var width = $(this).attr('data-width')?$(this).attr('data-width'):20; //default is 20
+            var height = $(this).attr('data-height')?$(this).attr('data-height'):20; //default is 20
+            $(this).peity("bar", {
+                fill: colors,
+                width: width,
+                height: height
+            });
+         });
+     },
+
+    Components.prototype.initCounterUp = function() {
+        var delay = $(this).attr('data-delay')?$(this).attr('data-delay'):100; //default is 100
+        var time = $(this).attr('data-time')?$(this).attr('data-time'):1200; //default is 1200
+         $('[data-plugin="counterup"]').each(function(idx, obj) {
+            $(this).counterUp({
+                delay: 100,
+                time: 1200
+            });
+         });
+     },
+
+
+
+    //initilizing
+    Components.prototype.init = function() {
+        var $this = this;
+        this.initTooltipPlugin(),
+        this.initPopoverPlugin(),
+        this.initNiceScrollPlugin(),
+        this.initSlimScrollPlugin(),
+        this.initCustomModalPlugin(),
+        this.initRangeSlider(),
+        this.initSwitchery(),
+        this.initMultiSelect(),
+        this.initPeityCharts(),
+        this.initCounterUp(),
+        //creating portles
+        $.Portlet.init();
+    },
+
+    $.Components = new Components, $.Components.Constructor = Components
+
+}(window.jQuery),
+    //initializing main application module
+function($) {
+    "use strict";
+    $.Components.init();
+}(window.jQuery);
+
+
+
+

data/app/assets/javascripts/wbase/admin/jquery.dashboard.js

@@ -0,0 +1,91 @@
+
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Morris Chart
+*/
+
+!function($) {
+    "use strict";
+
+    var Dashboard1 = function() {
+    	this.$realData = []
+    };
+    
+    //creates Stacked chart
+    Dashboard1.prototype.createStackedChart  = function(element, data, xkey, ykeys, labels, lineColors) {
+        Morris.Bar({
+            element: element,
+            data: data,
+            xkey: xkey,
+            ykeys: ykeys,
+            stacked: true,
+            labels: labels,
+            hideHover: 'auto',
+            resize: true, //defaulted to true
+            gridLineColor: '#eeeeee',
+            barColors: lineColors
+        });
+    },
+
+    //creates area chart with dotted
+    Dashboard1.prototype.createAreaChartDotted = function(element, pointSize, lineWidth, data, xkey, ykeys, labels, Pfillcolor, Pstockcolor, lineColors) {
+        Morris.Area({
+            element: element,
+            pointSize: 0,
+            lineWidth: 0,
+            data: data,
+            xkey: xkey,
+            ykeys: ykeys,
+            labels: labels,
+            hideHover: 'auto',
+            pointFillColors: Pfillcolor,
+            pointStrokeColors: Pstockcolor,
+            resize: true,
+            gridLineColor: '#eef0f2',
+            lineColors: lineColors
+        });
+
+   },
+    
+    
+    Dashboard1.prototype.init = function() {
+
+        //creating Stacked chart
+        var $stckedData  = [
+            { y: '2005', a: 45, b: 180, c: 100 },
+            { y: '2006', a: 75,  b: 65, c: 80 },
+            { y: '2007', a: 100, b: 90, c: 56 },
+            { y: '2008', a: 75,  b: 65, c: 89 },
+            { y: '2009', a: 100, b: 90, c: 120 },
+            { y: '2010', a: 75,  b: 65, c: 110 },
+            { y: '2011', a: 50,  b: 40, c: 85 },
+            { y: '2012', a: 75,  b: 65, c: 52 },
+            { y: '2013', a: 50,  b: 40, c: 77 },
+            { y: '2014', a: 75,  b: 65, c: 90 },
+            { y: '2015', a: 100, b: 90, c: 130 }
+        ];
+        this.createStackedChart('morris-bar-stacked', $stckedData, 'y', ['a', 'b', 'c'], ['Desktops', 'Tablets', 'Mobiles'], ['#5fbeaa', '$brand-primary', '#ebeff2']);
+
+        //creating area chart
+        var $areaDotData = [
+                { y: '2009', a: 10, b: 20, c:30 },
+                { y: '2010', a: 75,  b: 65, c:30 },
+                { y: '2011', a: 50,  b: 40, c:30 },
+                { y: '2012', a: 75,  b: 65, c:30 },
+                { y: '2013', a: 50,  b: 40, c:30 },
+                { y: '2014', a: 75,  b: 65, c:30 },
+                { y: '2015', a: 90, b: 60, c:30 }
+            ];
+        this.createAreaChartDotted('morris-area-with-dotted', 0, 0, $areaDotData, 'y', ['a', 'b', 'c'], ['Desktops ', 'Tablets ', 'Mobiles '],['#ffffff'],['#999999'], ['#5fbeaa', '$brand-primary','#ebeff2']);
+
+    },
+    //init
+    $.Dashboard1 = new Dashboard1, $.Dashboard1.Constructor = Dashboard1
+}(window.jQuery),
+
+//initializing 
+function($) {
+    "use strict";
+    $.Dashboard1.init();
+}(window.jQuery);

data/app/assets/javascripts/wbase/admin/jquery.dashboard_2.js

@@ -0,0 +1,57 @@
+
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Dashboard 2
+*/
+
+!function($) {
+    "use strict";
+
+    var Dashboard2 = function() {
+    	this.$realData = []
+    };
+
+    //creates area chart with dotted
+    Dashboard2.prototype.createAreaChartDotted = function(element, pointSize, lineWidth, data, xkey, ykeys, labels, Pfillcolor, Pstockcolor, lineColors) {
+        Morris.Area({
+            element: element,
+            pointSize: 0,
+            lineWidth: 0,
+            data: data,
+            xkey: xkey,
+            ykeys: ykeys,
+            labels: labels,
+            hideHover: 'auto',
+            pointFillColors: Pfillcolor,
+            pointStrokeColors: Pstockcolor,
+            resize: true,
+            gridLineColor: '#eef0f2',
+            lineColors: lineColors
+        });
+
+   },
+    Dashboard2.prototype.init = function() {
+
+        //creating area chart
+        var $areaDotData = [
+                { y: '2009', a: 10, b: 20, c:30 },
+                { y: '2010', a: 75,  b: 65, c:30 },
+                { y: '2011', a: 50,  b: 40, c:30 },
+                { y: '2012', a: 75,  b: 65, c:30 },
+                { y: '2013', a: 50,  b: 40, c:30 },
+                { y: '2014', a: 75,  b: 65, c:30 },
+                { y: '2015', a: 90, b: 60, c:30 }
+            ];
+        this.createAreaChartDotted('morris-area-with-dotted', 0, 0, $areaDotData, 'y', ['a', 'b', 'c'], ['Desktops ', 'Tablets ', 'Mobiles '],['#ffffff'],['#999999'], ['#36404a', '$brand-primary','#bbbbbb']);
+
+    },
+    //init
+    $.Dashboard2 = new Dashboard2, $.Dashboard2.Constructor = Dashboard2
+}(window.jQuery),
+
+//initializing
+function($) {
+    "use strict";
+    $.Dashboard2.init();
+}(window.jQuery);

data/app/assets/javascripts/wbase/admin/jquery.dashboard_3.js

@@ -0,0 +1,64 @@
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Component: Widget
+* 
+*/
+$( document ).ready(function() {
+    
+    var DrawSparkline = function() {
+        $('#sparkline1').sparkline([0, 23, 43, 35, 44, 45, 56, 37, 40], {
+            type: 'line',
+            width: $('#sparkline1').width(),
+            height: '165',
+            chartRangeMax: 50,
+            lineColor: '#fb6d9d',
+            fillColor: 'transparent',
+            highlightLineColor: 'rgba(0,0,0,.1)',
+            highlightSpotColor: 'rgba(0,0,0,.2)'
+        });
+
+        $('#sparkline1').sparkline([25, 23, 26, 24, 25, 32, 30, 24, 19], {
+            type: 'line',
+            width: $('#sparkline1').width(),
+            height: '165',
+            chartRangeMax: 40,
+            lineColor: '$brand-primary',
+            fillColor: 'transparent',
+            composite: true,
+            highlightLineColor: 'rgba(0,0,0,1)',
+            highlightSpotColor: 'rgba(0,0,0,1)'
+        });
+    
+        $('#sparkline2').sparkline([3, 6, 7, 8, 6, 4, 7, 10, 12, 7, 4, 9, 12, 13, 11, 12], {
+            type: 'bar',
+            height: '165',
+            barWidth: '10',
+            barSpacing: '3',
+            barColor: '#fb6d9d'
+        });
+        
+        $('#sparkline3').sparkline([20, 40, 30, 10], {
+            type: 'pie',
+            width: '165',
+            height: '165',
+            sliceColors: ['#dcdcdc', '$brand-primary', '#36404a', '#5fbeaa']
+        });
+    
+
+        
+        
+    };
+
+    
+    DrawSparkline();
+    
+    var resizeChart;
+
+    $(window).resize(function(e) {
+        clearTimeout(resizeChart);
+        resizeChart = setTimeout(function() {
+            DrawSparkline();
+        }, 300);
+    });
+});

data/app/assets/javascripts/wbase/admin/jquery.dashboard_4.js

@@ -0,0 +1,81 @@
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Component: Dashboard 4
+* 
+*/
+
+!function($) {
+    "use strict";
+
+    var Dashboard4 = function() {};
+
+
+    //creates area chart
+    Dashboard4.prototype.createAreaChart = function(element, pointSize, lineWidth, data, xkey, ykeys, labels, lineColors) {
+        Morris.Area({
+            element: element,
+            pointSize: 0,
+            lineWidth: 0,
+            data: data,
+            xkey: xkey,
+            ykeys: ykeys,
+            labels: labels,
+            hideHover: 'auto',
+            resize: true,
+            gridLineColor: '#eef0f2',
+            lineColors: lineColors
+        });
+    },
+
+    //creates Bar chart
+    Dashboard4.prototype.createBarChart  = function(element, data, xkey, ykeys, labels, lineColors) {
+        Morris.Bar({
+            element: element,
+            data: data,
+            xkey: xkey,
+            ykeys: ykeys,
+            labels: labels,
+            hideHover: 'auto',
+            resize: true, //defaulted to true
+            gridLineColor: '#eeeeee',
+            barColors: lineColors
+        });
+    },
+
+    Dashboard4.prototype.init = function() {
+
+        //creating area chart
+        var $areaData = [
+                { y: '2009', a: 10, b: 20, c:30 },
+                { y: '2010', a: 75, b: 65, c:30 },
+                { y: '2011', a: 50, b: 40, c:30 },
+                { y: '2012', a: 75, b: 65, c:30 },
+                { y: '2013', a: 50, b: 40, c:30 },
+                { y: '2014', a: 75, b: 65, c:30 },
+                { y: '2015', a: 90, b: 60, c:30 }
+            ];
+        this.createAreaChart('morris-area-example', 0, 0, $areaData, 'y', ['a', 'b','c'], ['Mobiles', 'Tablets','Desktops'], ['#4793f5', '#ff3f4e', '#bbbbbb']);
+
+        //creating bar chart
+        var $barData  = [
+            { y: '2009', a: 100, b: 90 , c: 40 },
+            { y: '2010', a: 75,  b: 65 , c: 20 },
+            { y: '2011', a: 50,  b: 40 , c: 50 },
+            { y: '2012', a: 75,  b: 65 , c: 95 },
+            { y: '2013', a: 50,  b: 40 , c: 22 },
+            { y: '2014', a: 75,  b: 65 , c: 56 },
+            { y: '2015', a: 100, b: 90 , c: 60 }
+        ];
+        this.createBarChart('morris-bar-example', $barData, 'y', ['a', 'b', 'c'], ['Series A', 'Series B', 'Series C'], ['#3ac9d6', '#f9c851', '#ebeff2']);
+
+    },
+    //init
+    $.Dashboard4 = new Dashboard4, $.Dashboard4.Constructor = Dashboard4
+}(window.jQuery),
+
+//initializing
+function($) {
+    "use strict";
+    $.Dashboard4.init();
+}(window.jQuery);