wbase 0.0.14 → 0.0.15

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

@@ -0,0 +1,153 @@
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Todos-widget
+*/
+
+!function($) {
+    "use strict";
+
+    var TodoApp = function() {
+        this.$body = $("body"),
+        this.$todoContainer = $('#todo-container'),
+        this.$todoMessage = $("#todo-message"),
+        this.$todoRemaining = $("#todo-remaining"),
+        this.$todoTotal = $("#todo-total"),
+        this.$archiveBtn = $("#btn-archive"),
+        this.$todoList = $("#todo-list"),
+        this.$todoDonechk = ".todo-done",
+        this.$todoForm = $("#todo-form"),
+        this.$todoInput = $("#todo-input-text"),
+        this.$todoBtn = $("#todo-btn-submit"),
+
+        this.$todoData = [
+        {
+            'id': '1',
+            'text': 'Design One page theme',
+            'done': false
+        },
+        {
+            'id': '2',
+            'text': 'Build a js based app',
+            'done': true
+        },
+        {
+            'id': '3',
+            'text': 'Creating component page',
+            'done': true
+        },
+        {
+            'id': '4',
+            'text': 'Testing??',
+            'done': true
+        },
+        {
+            'id': '5',
+            'text': 'Hehe!! This is looks cool!',
+            'done': false
+        },
+        {
+            'id': '6',
+            'text': 'Build an angular app',
+            'done': true
+        }];
+
+        this.$todoCompletedData = [];
+        this.$todoUnCompletedData = [];
+    };
+
+    //mark/unmark - you can use ajax to save data on server side
+    TodoApp.prototype.markTodo = function(todoId, complete) {
+       for(var count=0; count<this.$todoData.length;count++) {
+            if(this.$todoData[count].id == todoId) {
+                this.$todoData[count].done = complete;
+            }
+       }
+    },
+    //adds new todo
+    TodoApp.prototype.addTodo = function(todoText) {
+        this.$todoData.push({'id': this.$todoData.length, 'text': todoText, 'done': false});
+        //regenerate list
+        this.generate();
+    },
+    //Archives the completed todos
+    TodoApp.prototype.archives = function() {
+    	this.$todoUnCompletedData = [];
+        for(var count=0; count<this.$todoData.length;count++) {
+            //geretaing html
+            var todoItem = this.$todoData[count];
+            if(todoItem.done == true) {
+                this.$todoCompletedData.push(todoItem);
+            } else {
+                this.$todoUnCompletedData.push(todoItem);
+            }
+        }
+        this.$todoData = [];
+        this.$todoData = [].concat(this.$todoUnCompletedData);
+        //regenerate todo list
+        this.generate();
+    },
+    //Generates todos
+    TodoApp.prototype.generate = function() {
+        //clear list
+        this.$todoList.html("");
+        var remaining = 0;
+        for(var count=0; count<this.$todoData.length;count++) {
+            //geretaing html
+            var todoItem = this.$todoData[count];
+            if(todoItem.done == true)
+                this.$todoList.prepend('<li class="list-group-item"><div class="checkbox checkbox-primary"><input class="todo-done" id="' + todoItem.id + '" type="checkbox" checked><label for="' + todoItem.id + '">' + todoItem.text + '</label></div></li>');
+            else {
+                remaining = remaining + 1;
+                this.$todoList.prepend('<li class="list-group-item"><div class="checkbox checkbox-primary"><input class="todo-done" id="' + todoItem.id + '" type="checkbox"><label for="' + todoItem.id + '">' + todoItem.text + '</label></div></li>');
+            }
+        }
+
+        //set total in ui
+        this.$todoTotal.text(this.$todoData.length);
+        //set remaining
+        this.$todoRemaining.text(remaining);
+    },
+    //init todo app
+    TodoApp.prototype.init = function () {
+        var $this = this;
+        //generating todo list
+        this.generate();
+
+        //binding archive
+        this.$archiveBtn.on("click", function(e) {
+        	e.preventDefault();
+            $this.archives();
+            return false;
+        });
+
+        //binding todo done chk
+        $(document).on("change", this.$todoDonechk, function() {
+            if(this.checked) 
+                $this.markTodo($(this).attr('id'), true);
+            else
+                $this.markTodo($(this).attr('id'), false);
+            //regenerate list
+            $this.generate();
+        });
+
+        //binding the new todo button
+        this.$todoBtn.on("click", function() {
+            if ($this.$todoInput.val() == "" || typeof($this.$todoInput.val()) == 'undefined' || $this.$todoInput.val() == null) {
+                sweetAlert("Oops...", "You forgot to enter todo text", "error");
+                $this.$todoInput.focus();
+            } else {
+                $this.addTodo($this.$todoInput.val());
+            }
+        });
+    },
+    //init TodoApp
+    $.TodoApp = new TodoApp, $.TodoApp.Constructor = TodoApp
+    
+}(window.jQuery),
+
+//initializing todo app
+function($) {
+    "use strict";
+    $.TodoApp.init()
+}(window.jQuery);

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

@@ -0,0 +1,89 @@
+/**
+ * Theme: Ubold Admin Template
+ * Author: Coderthemes
+ * Tree view
+ */
+
+$( document ).ready(function() {
+    // Basic
+    $('#basicTree').jstree({
+		'core' : {
+			'themes' : {
+				'responsive': false
+			}
+		},
+        'types' : {
+            'default' : {
+                'icon' : 'md md-folder'
+            },
+            'file' : {
+                'icon' : 'md md-insert-drive-file'
+            }
+        },
+        'plugins' : ['types']
+    });
+    
+    // Checkbox
+    $('#checkTree').jstree({
+		'core' : {
+			'themes' : {
+				'responsive': false
+			}
+		},
+        'types' : {
+            'default' : {
+                'icon' : 'fa fa-folder'
+            },
+            'file' : {
+                'icon' : 'fa fa-file'
+            }
+        },
+        'plugins' : ['types', 'checkbox']
+    });
+    
+    // Drag & Drop
+    $('#dragTree').jstree({
+		'core' : {
+			'check_callback' : true,
+			'themes' : {
+				'responsive': false
+			}
+		},
+        'types' : {
+            'default' : {
+                'icon' : 'fa fa-folder'
+            },
+            'file' : {
+                'icon' : 'fa fa-file'
+            }
+        },
+        'plugins' : ['types', 'dnd']
+    });
+    
+    // Ajax
+    $('#ajaxTree').jstree({
+		'core' : {
+			'check_callback' : true,
+			'themes' : {
+				'responsive': false
+			},
+            'data' : {
+                'url' : function (node) {
+                    return node.id === '#' ? 'assets/plugins/jstree/ajax_roots.json' : 'assets/plugins/jstree/ajax_children.json';
+                },
+                'data' : function (node) {
+                    return { 'id' : node.id };
+                }
+            }
+        },
+        "types" : {
+            'default' : {
+                'icon' : 'fa fa-folder'
+            },
+            'file' : {
+                'icon' : 'fa fa-file'
+            }
+        },
+        "plugins" : [ "contextmenu", "dnd", "search", "state", "types", "wholerow" ]
+    });
+});

data/app/assets/javascripts/wbase/admin/jquery.ui-sliders.js

@@ -0,0 +1,66 @@
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Component: Ion Slider
+* 
+*/
+$(document).ready(function () {
+    $("#range_01").ionRangeSlider();
+    
+    $("#range_02").ionRangeSlider({
+        min: 100,
+        max: 1000,
+        from: 550
+    });
+    
+    $("#range_03").ionRangeSlider({
+        type: "double",
+        grid: true,
+        min: 0,
+        max: 1000,
+        from: 200,
+        to: 800,
+        prefix: "$"
+    });
+   
+    $("#range_04").ionRangeSlider({
+        type: "double",
+        grid: true,
+        min: -1000,
+        max: 1000,
+        from: -500,
+        to: 500
+    });
+    
+    $("#range_05").ionRangeSlider({
+        type: "double",
+        grid: true,
+        min: -1000,
+        max: 1000,
+        from: -500,
+        to: 500,
+        step: 250
+    });
+    
+    $("#range_06").ionRangeSlider({
+        grid: true,
+        from: 3,
+        values: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
+    });
+    
+    $("#range_07").ionRangeSlider({
+        grid: true,
+        min: 1000,
+        max: 1000000,
+        from: 200000,
+        step: 1000,
+        prettify_enabled: true
+    });
+    
+    $("#range_08").ionRangeSlider({
+        min: 100,
+        max: 1000,
+        from: 550,
+        disable: true
+    });
+});

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

@@ -0,0 +1,149 @@
+/**
+* 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: '#5fbeaa',
+            fillColor: 'rgba(95, 190, 170, 0.3)',
+            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: 'rgba(93, 156, 236, 0.3)',
+            composite: true,
+            highlightLineColor: 'rgba(0,0,0,.1)',
+            highlightSpotColor: 'rgba(0,0,0,.2)',
+        });
+    
+        $('#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']
+        });
+    
+        $('#sparkline4').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)'
+        });
+    
+        $('#sparkline4').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)'
+        });
+    
+        $('#sparkline6').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: '#5fbeaa'
+        });
+    
+        $('#sparkline6').sparkline([3, 6, 7, 8, 6, 4, 7, 10, 12, 7, 4, 9, 12, 13, 11, 12], {
+            type: 'line',
+            width: $('#sparkline1').width(),
+            height: '165',
+            lineColor: '#fb6d9d',
+            fillColor: 'transparent',
+            composite: true,
+            highlightLineColor: 'rgba(0,0,0,.1)',
+            highlightSpotColor: 'rgba(0,0,0,.2)'
+        });
+        
+        
+    },
+        DrawMouseSpeed = function () {
+            var mrefreshinterval = 500; // update display every 500ms
+            var lastmousex=-1; 
+            var lastmousey=-1;
+            var lastmousetime;
+            var mousetravel = 0;
+            var mpoints = [];
+            var mpoints_max = 30;
+            $('html').mousemove(function(e) {
+                var mousex = e.pageX;
+                var mousey = e.pageY;
+                if (lastmousex > -1) {
+                    mousetravel += Math.max( Math.abs(mousex-lastmousex), Math.abs(mousey-lastmousey) );
+                }
+                lastmousex = mousex;
+                lastmousey = mousey;
+            });
+            var mdraw = function() {
+                var md = new Date();
+                var timenow = md.getTime();
+                if (lastmousetime && lastmousetime!=timenow) {
+                    var pps = Math.round(mousetravel / (timenow - lastmousetime) * 1000);
+                    mpoints.push(pps);
+                    if (mpoints.length > mpoints_max)
+                        mpoints.splice(0,1);
+                    mousetravel = 0;
+                    $('#sparkline5').sparkline(mpoints, {
+                        tooltipSuffix: ' pixels per second',
+                        type: 'line',
+                        width: $('#sparkline1').width(),
+                        height: '165',
+                        chartRangeMax: 50,
+                        lineColor: '#1e88e5',
+                        fillColor: 'rgba(30, 136, 229, 0.3)',
+                        highlightLineColor: 'rgba(24,147,126,.1)',
+                        highlightSpotColor: 'rgba(24,147,126,.2)',
+                    });
+                }
+                lastmousetime = timenow;
+                setTimeout(mdraw, mrefreshinterval);
+            }
+            // We could use setInterval instead, but I prefer to do it this way
+            setTimeout(mdraw, mrefreshinterval); 
+        };
+    
+    DrawSparkline();
+    DrawMouseSpeed();
+    
+    var resizeChart;
+
+    $(window).resize(function(e) {
+        clearTimeout(resizeChart);
+        resizeChart = setTimeout(function() {
+            DrawSparkline();
+            DrawMouseSpeed();
+        }, 300);
+    });
+});

data/app/assets/javascripts/wbase/admin/jquery.wizard-init.js

@@ -0,0 +1,87 @@
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Form wizard page
+*/
+
+!function($) {
+    "use strict";
+
+    var FormWizard = function() {};
+
+    FormWizard.prototype.createBasic = function($form_container) {
+        $form_container.children("div").steps({
+            headerTag: "h3",
+            bodyTag: "section",
+            transitionEffect: "slideLeft",
+            onFinishing: function (event, currentIndex) { 
+                //NOTE: Here you can do form validation and return true or false based on your validation logic
+                console.log("Form has been validated!");
+                return true; 
+            }, 
+            onFinished: function (event, currentIndex) {
+               //NOTE: Submit the form, if all validation passed.
+                console.log("Form can be submitted using submit method. E.g. $('#basic-form').submit()"); 
+                $("#basic-form").submit();
+
+            }
+        });
+        return $form_container;
+    },
+    //creates form with validation
+    FormWizard.prototype.createValidatorForm = function($form_container) {
+        $form_container.validate({
+            errorPlacement: function errorPlacement(error, element) {
+                element.after(error);
+            }
+        });
+        $form_container.children("div").steps({
+            headerTag: "h3",
+            bodyTag: "section",
+            transitionEffect: "slideLeft",
+            onStepChanging: function (event, currentIndex, newIndex) {
+                $form_container.validate().settings.ignore = ":disabled,:hidden";
+                return $form_container.valid();
+            },
+            onFinishing: function (event, currentIndex) {
+                $form_container.validate().settings.ignore = ":disabled";
+                return $form_container.valid();
+            },
+            onFinished: function (event, currentIndex) {
+                alert("Submitted!");
+            }
+        });
+
+        return $form_container;
+    },
+    //creates vertical form
+    FormWizard.prototype.createVertical = function($form_container) {
+        $form_container.steps({
+            headerTag: "h3",
+            bodyTag: "section",
+            transitionEffect: "fade",
+            stepsOrientation: "vertical"
+        });
+        return $form_container;
+    },
+    FormWizard.prototype.init = function() {
+        //initialzing various forms
+
+        //basic form
+        this.createBasic($("#basic-form"));
+
+        //form with validation
+        this.createValidatorForm($("#wizard-validation-form"));
+
+        //vertical form
+        this.createVertical($("#wizard-vertical"));
+    },
+    //init
+    $.FormWizard = new FormWizard, $.FormWizard.Constructor = FormWizard
+}(window.jQuery),
+
+//initializing 
+function($) {
+    "use strict";
+    $.FormWizard.init()
+}(window.jQuery);

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

@@ -0,0 +1,117 @@
+
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Demo: Editable (Inline editing)
+* 
+*/
+
+
+$(function(){
+
+    //modify buttons style
+    $.fn.editableform.buttons = 
+    '<button type="submit" class="btn btn-primary editable-submit btn-sm waves-effect waves-light"><i class="md md-done"></i></button>' +
+    '<button type="button" class="btn btn-white editable-cancel btn-sm waves-effect"><i class="md md-clear"></i></button>';
+    
+    //editables 
+    $('#username').editable({
+     type: 'text',
+     pk: 1,
+     name: 'username',
+     title: 'Enter username'
+   });
+    
+    $('#firstname').editable({
+      validate: function(value) {
+       if($.trim(value) == '') return 'This field is required';
+     }
+   });
+    
+    $('#sex').editable({
+      prepend: "not selected",
+      source: [
+      {value: 1, text: 'Male'},
+      {value: 2, text: 'Female'}
+      ],
+      display: function(value, sourceData) {
+       var colors = {"": "#98a6ad", 1: "#5fbeaa", 2: "$brand-primary"},
+       elem = $.grep(sourceData, function(o){return o.value == value;});
+
+       if(elem.length) {
+         $(this).text(elem[0].text).css("color", colors[value]);
+       } else {
+         $(this).empty();
+       }
+     }
+   });
+    
+    $('#status').editable();
+    
+    $('#group').editable({
+      showbuttons: false
+    });
+
+    $('#dob').editable();
+
+    $('#comments').editable({
+      showbuttons: 'bottom'
+    });
+
+    //inline
+
+
+  $('#inline-username').editable({
+     type: 'text',
+     pk: 1,
+     name: 'username',
+     title: 'Enter username',
+     mode: 'inline'
+   });
+    
+    $('#inline-firstname').editable({
+      validate: function(value) {
+       if($.trim(value) == '') return 'This field is required';
+     },
+     mode: 'inline'
+   });
+    
+    $('#inline-sex').editable({
+      prepend: "not selected",
+      mode: 'inline',
+      source: [
+      {value: 1, text: 'Male'},
+      {value: 2, text: 'Female'}
+      ],
+      display: function(value, sourceData) {
+       var colors = {"": "#98a6ad", 1: "#5fbeaa", 2: "$brand-primary"},
+       elem = $.grep(sourceData, function(o){return o.value == value;});
+
+       if(elem.length) {
+         $(this).text(elem[0].text).css("color", colors[value]);
+       } else {
+         $(this).empty();
+       }
+     }
+   });
+    
+    $('#inline-status').editable({
+        mode: 'inline',
+        inputclass: 'string'
+    });
+    
+    $('#inline-group').editable({
+      showbuttons: false,
+      mode: 'inline'
+    });
+
+    $('#inline-dob').editable({mode: 'inline'});
+
+    $('#inline-comments').editable({
+      showbuttons: 'bottom',
+      mode: 'inline'
+    });
+
+
+
+  });