wbase 0.0.14 → 0.0.15

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

@@ -0,0 +1,86 @@
+/**
+* Theme: Ubold Dashboard
+* Author: Coderthemes
+* Foo table
+*/
+
+$(window).on('load', function() {
+
+	// Row Toggler
+	// -----------------------------------------------------------------
+	$('#demo-foo-row-toggler').footable();
+
+	// Accordion
+	// -----------------------------------------------------------------
+	$('#demo-foo-accordion').footable().on('footable_row_expanded', function(e) {
+		$('#demo-foo-accordion tbody tr.footable-detail-show').not(e.row).each(function() {
+			$('#demo-foo-accordion').data('footable').toggleDetail(this);
+		});
+	});
+
+	// Pagination
+	// -----------------------------------------------------------------
+	$('#demo-foo-pagination').footable();
+	$('#demo-show-entries').change(function (e) {
+		e.preventDefault();
+		var pageSize = $(this).val();
+		$('#demo-foo-pagination').data('page-size', pageSize);
+		$('#demo-foo-pagination').trigger('footable_initialized');
+	});
+
+	// Filtering
+	// -----------------------------------------------------------------
+	var filtering = $('#demo-foo-filtering');
+	filtering.footable().on('footable_filtering', function (e) {
+		var selected = $('#demo-foo-filter-status').find(':selected').val();
+		e.filter += (e.filter && e.filter.length > 0) ? ' ' + selected : selected;
+		e.clear = !e.filter;
+	});
+
+	// Filter status
+	$('#demo-foo-filter-status').change(function (e) {
+		e.preventDefault();
+		filtering.trigger('footable_filter', {filter: $(this).val()});
+	});
+
+	// Search input
+	$('#demo-foo-search').on('input', function (e) {
+		e.preventDefault();
+		filtering.trigger('footable_filter', {filter: $(this).val()});
+	});
+
+
+	// Add & Remove Row
+	// -----------------------------------------------------------------
+	var addrow = $('#demo-foo-addrow');
+	addrow.footable().on('click', '.demo-delete-row', function() {
+
+		//get the footable object
+		var footable = addrow.data('footable');
+
+		//get the row we are wanting to delete
+		var row = $(this).parents('tr:first');
+
+		//delete the row
+		footable.removeRow(row);
+	});
+
+	// Search input
+	$('#demo-input-search2').on('input', function (e) {
+		e.preventDefault();
+		addrow.trigger('footable_filter', {filter: $(this).val()});
+	});
+
+	// Add Row Button
+	$('#demo-btn-addrow').click(function() {
+
+		//get the footable object
+		var footable = addrow.data('footable');
+
+		//build up the row we are wanting to add
+		var newRow = '<tr><td style="text-align: center;"><button class="demo-delete-row btn btn-danger btn-xs btn-icon fa fa-times"></button></td><td>Adam</td><td>Doe</td><td>Traffic Court Referee</td><td>22 Jun 1972</td><td><span class="label label-table label-success">Active</span></td></tr>';
+
+		//add it
+		footable.appendRow(newRow);
+	});
+});

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

@@ -0,0 +1,126 @@
+/**
+ * Theme: Ubold Admin Template
+ * Author: Coderthemes
+ * Form Advanced
+ */
+
+
+jQuery(document).ready(function () {
+
+    //advance multiselect start
+    $('#my_multi_select3').multiSelect({
+        selectableHeader: "<input type='text' class='form-control search-input' autocomplete='off' placeholder='search...'>",
+        selectionHeader: "<input type='text' class='form-control search-input' autocomplete='off' placeholder='search...'>",
+        afterInit: function (ms) {
+            var that = this,
+                $selectableSearch = that.$selectableUl.prev(),
+                $selectionSearch = that.$selectionUl.prev(),
+                selectableSearchString = '#' + that.$container.attr('id') + ' .ms-elem-selectable:not(.ms-selected)',
+                selectionSearchString = '#' + that.$container.attr('id') + ' .ms-elem-selection.ms-selected';
+
+            that.qs1 = $selectableSearch.quicksearch(selectableSearchString)
+                .on('keydown', function (e) {
+                    if (e.which === 40) {
+                        that.$selectableUl.focus();
+                        return false;
+                    }
+                });
+
+            that.qs2 = $selectionSearch.quicksearch(selectionSearchString)
+                .on('keydown', function (e) {
+                    if (e.which == 40) {
+                        that.$selectionUl.focus();
+                        return false;
+                    }
+                });
+        },
+        afterSelect: function () {
+            this.qs1.cache();
+            this.qs2.cache();
+        },
+        afterDeselect: function () {
+            this.qs1.cache();
+            this.qs2.cache();
+        }
+    });
+
+    // Select2
+    $(".select2").select2();
+
+    $(".select2-limiting").select2({
+        maximumSelectionLength: 2
+    });
+
+    $('.selectpicker').selectpicker();
+    $(":file").filestyle({input: false});
+});
+
+//Bootstrap-TouchSpin
+$(".vertical-spin").TouchSpin({
+    verticalbuttons: true,
+    verticalupclass: 'ion-plus-round',
+    verticaldownclass: 'ion-minus-round'
+});
+
+$("input[name='demo1']").TouchSpin({
+    min: 0,
+    max: 100,
+    step: 0.1,
+    decimals: 2,
+    boostat: 5,
+    maxboostedstep: 10,
+    postfix: '%'
+});
+$("input[name='demo2']").TouchSpin({
+    min: -1000000000,
+    max: 1000000000,
+    stepinterval: 50,
+    maxboostedstep: 10000000,
+    prefix: '$'
+});
+$("input[name='demo3']").TouchSpin();
+$("input[name='demo3_21']").TouchSpin({
+    initval: 40
+});
+$("input[name='demo3_22']").TouchSpin({
+    initval: 40
+});
+
+$("input[name='demo5']").TouchSpin({
+    prefix: "pre",
+    postfix: "post"
+});
+$("input[name='demo0']").TouchSpin({});
+
+
+//Bootstrap-MaxLength
+$('input#defaultconfig').maxlength()
+
+$('input#thresholdconfig').maxlength({
+    threshold: 20
+});
+
+$('input#moreoptions').maxlength({
+    alwaysShow: true,
+    warningClass: "label label-success",
+    limitReachedClass: "label label-danger"
+});
+
+$('input#alloptions').maxlength({
+    alwaysShow: true,
+    warningClass: "label label-success",
+    limitReachedClass: "label label-danger",
+    separator: ' out of ',
+    preText: 'You typed ',
+    postText: ' chars available.',
+    validate: true
+});
+
+$('textarea#textarea').maxlength({
+    alwaysShow: true
+});
+
+$('input#placement').maxlength({
+    alwaysShow: true,
+    placement: 'top-left'
+});

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

@@ -0,0 +1,130 @@
+jQuery(document).ready(function() {
+
+				// Time Picker
+				jQuery('#timepicker').timepicker({
+					defaultTIme : false
+				});
+				jQuery('#timepicker2').timepicker({
+					showMeridian : false
+				});
+				jQuery('#timepicker3').timepicker({
+					minuteStep : 15
+				});
+				
+				//colorpicker start
+
+                $('.colorpicker-default').colorpicker({
+                    format: 'hex'
+                });
+                $('.colorpicker-rgba').colorpicker();
+                
+                // Date Picker
+                jQuery('#datepicker').datepicker();
+                jQuery('#datepicker-autoclose').datepicker({
+                	autoclose: true,
+                	todayHighlight: true
+                });
+                jQuery('#datepicker-inline').datepicker();
+                jQuery('#datepicker-multiple-date').datepicker({
+                    format: "mm/dd/yyyy",
+					clearBtn: true,
+					multidate: true,
+					multidateSeparator: ","
+                });
+                jQuery('#date-range').datepicker({
+                    toggleActive: true
+                });
+                
+                //Clock Picker
+                $('.clockpicker').clockpicker({
+                	donetext: 'Done'
+                });
+                
+                $('#single-input').clockpicker({
+				    placement: 'bottom',
+				    align: 'left',
+				    autoclose: true,
+				    'default': 'now'
+				});
+				$('#check-minutes').click(function(e){
+				    // Have to stop propagation here
+				    e.stopPropagation();
+				    $("#single-input").clockpicker('show')
+				            .clockpicker('toggleView', 'minutes');
+				});
+				
+				
+				//Date range picker
+				$('.input-daterange-datepicker').daterangepicker({
+					buttonClasses: ['btn', 'btn-sm'],
+		            applyClass: 'btn-default',
+		            cancelClass: 'btn-white'
+				});
+		        $('.input-daterange-timepicker').daterangepicker({
+		            timePicker: true,
+                    timePickerIncrement: 30,
+                    locale: {
+                        format: 'MM/DD/YYYY h:mm A'
+                    },
+		            buttonClasses: ['btn', 'btn-sm'],
+		            applyClass: 'btn-default',
+		            cancelClass: 'btn-white'
+		        });
+		        $('.input-limit-datepicker').daterangepicker({
+		            format: 'MM/DD/YYYY',
+		            minDate: '06/01/2015',
+		            maxDate: '06/30/2015',
+		            buttonClasses: ['btn', 'btn-sm'],
+		            applyClass: 'btn-default',
+		            cancelClass: 'btn-white',
+		            dateLimit: {
+		                days: 6
+		            }
+		        });
+		
+		        $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
+		
+		        $('#reportrange').daterangepicker({
+		            format: 'MM/DD/YYYY',
+		            startDate: moment().subtract(29, 'days'),
+		            endDate: moment(),
+		            minDate: '01/01/2012',
+		            maxDate: '12/31/2015',
+		            dateLimit: {
+		                days: 60
+		            },
+		            showDropdowns: true,
+		            showWeekNumbers: true,
+		            timePicker: false,
+		            timePickerIncrement: 1,
+		            timePicker12Hour: true,
+		            ranges: {
+		                'Today': [moment(), moment()],
+		                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+		                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+		                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+		                'This Month': [moment().startOf('month'), moment().endOf('month')],
+		                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+		            },
+		            opens: 'left',
+		            drops: 'down',
+		            buttonClasses: ['btn', 'btn-sm'],
+		            applyClass: 'btn-default',
+		            cancelClass: 'btn-white',
+		            separator: ' to ',
+		            locale: {
+		                applyLabel: 'Submit',
+		                cancelLabel: 'Cancel',
+		                fromLabel: 'From',
+		                toLabel: 'To',
+		                customRangeLabel: 'Custom',
+		                daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+		                monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+		                firstDay: 1
+		            }
+		        }, function (start, end, label) {
+		            console.log(start.toISOString(), end.toISOString(), label);
+		            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+		        });
+				
+			});

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

@@ -0,0 +1,202 @@
+/**
+* Theme: Ubold Admin Template
+* Author: Coderthemes
+* Component: Full-Calendar
+* 
+*/
+
+
+
+
+!function($) {
+    "use strict";
+
+    var CalendarApp = function() {
+        this.$body = $("body")
+        this.$modal = $('#event-modal'),
+        this.$event = ('#external-events div.external-event'),
+        this.$calendar = $('#calendar'),
+        this.$saveCategoryBtn = $('.save-category'),
+        this.$categoryForm = $('#add-category form'),
+        this.$extEvents = $('#external-events'),
+        this.$calendarObj = null
+    };
+
+
+    /* on drop */
+    CalendarApp.prototype.onDrop = function (eventObj, date) { 
+        var $this = this;
+            // retrieve the dropped element's stored Event Object
+            var originalEventObject = eventObj.data('eventObject');
+            var $categoryClass = eventObj.attr('data-class');
+            // we need to copy it, so that multiple events don't have a reference to the same object
+            var copiedEventObject = $.extend({}, originalEventObject);
+            // assign it the date that was reported
+            copiedEventObject.start = date;
+            if ($categoryClass)
+                copiedEventObject['className'] = [$categoryClass];
+            // render the event on the calendar
+            $this.$calendar.fullCalendar('renderEvent', copiedEventObject, true);
+            // is the "remove after drop" checkbox checked?
+            if ($('#drop-remove').is(':checked')) {
+                // if so, remove the element from the "Draggable Events" list
+                eventObj.remove();
+            }
+    },
+    /* on click on event */
+    CalendarApp.prototype.onEventClick =  function (calEvent, jsEvent, view) {
+        var $this = this;
+            var form = $("<form></form>");
+            form.append("<label>Change event name</label>");
+            form.append("<div class='input-group'><input class='form-control' type=text value='" + calEvent.title + "' /><span class='input-group-btn'><button type='submit' class='btn btn-success waves-effect waves-light'><i class='fa fa-check'></i> Save</button></span></div>");
+            $this.$modal.modal({
+                backdrop: 'static'
+            });
+            $this.$modal.find('.delete-event').show().end().find('.save-event').hide().end().find('.modal-body').empty().prepend(form).end().find('.delete-event').unbind('click').click(function () {
+                $this.$calendarObj.fullCalendar('removeEvents', function (ev) {
+                    return (ev._id == calEvent._id);
+                });
+                $this.$modal.modal('hide');
+            });
+            $this.$modal.find('form').on('submit', function () {
+                calEvent.title = form.find("input[type=text]").val();
+                $this.$calendarObj.fullCalendar('updateEvent', calEvent);
+                $this.$modal.modal('hide');
+                return false;
+            });
+    },
+    /* on select */
+    CalendarApp.prototype.onSelect = function (start, end, allDay) {
+        var $this = this;
+            $this.$modal.modal({
+                backdrop: 'static'
+            });
+            var form = $("<form></form>");
+            form.append("<div class='row'></div>");
+            form.find(".row")
+                .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Event Name</label><input class='form-control' placeholder='Insert Event Name' type='text' name='title'/></div></div>")
+                .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Category</label><select class='form-control' name='category'></select></div></div>")
+                .find("select[name='category']")
+                .append("<option value='bg-danger'>Danger</option>")
+                .append("<option value='bg-success'>Success</option>")
+                .append("<option value='bg-purple'>Purple</option>")
+                .append("<option value='bg-primary'>Primary</option>")
+                .append("<option value='bg-pink'>Pink</option>")
+                .append("<option value='bg-info'>Info</option>")
+                .append("<option value='bg-warning'>Warning</option></div></div>");
+            $this.$modal.find('.delete-event').hide().end().find('.save-event').show().end().find('.modal-body').empty().prepend(form).end().find('.save-event').unbind('click').click(function () {
+                form.submit();
+            });
+            $this.$modal.find('form').on('submit', function () {
+                var title = form.find("input[name='title']").val();
+                var beginning = form.find("input[name='beginning']").val();
+                var ending = form.find("input[name='ending']").val();
+                var categoryClass = form.find("select[name='category'] option:checked").val();
+                if (title !== null && title.length != 0) {
+                    $this.$calendarObj.fullCalendar('renderEvent', {
+                        title: title,
+                        start:start,
+                        end: end,
+                        allDay: false,
+                        className: categoryClass
+                    }, true);  
+                    $this.$modal.modal('hide');
+                }
+                else{
+                    alert('You have to give a title to your event');
+                }
+                return false;
+                
+            });
+            $this.$calendarObj.fullCalendar('unselect');
+    },
+    CalendarApp.prototype.enableDrag = function() {
+        //init events
+        $(this.$event).each(function () {
+            // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
+            // it doesn't need to have a start or end
+            var eventObject = {
+                title: $.trim($(this).text()) // use the element's text as the event title
+            };
+            // store the Event Object in the DOM element so we can get to it later
+            $(this).data('eventObject', eventObject);
+            // make the event draggable using jQuery UI
+            $(this).draggable({
+                zIndex: 999,
+                revert: true,      // will cause the event to go back to its
+                revertDuration: 0  //  original position after the drag
+            });
+        });
+    }
+    /* Initializing */
+    CalendarApp.prototype.init = function() {
+        this.enableDrag();
+        /*  Initialize the calendar  */
+        var date = new Date();
+        var d = date.getDate();
+        var m = date.getMonth();
+        var y = date.getFullYear();
+        var form = '';
+        var today = new Date($.now());
+
+        var defaultEvents =  [{
+                title: 'Hey!',
+                start: new Date($.now() + 158000000),
+                className: 'bg-purple'
+            }, {
+                title: 'See John Deo',
+                start: today,
+                end: today,
+                className: 'bg-danger'
+            }, {
+                title: 'Buy a Theme',
+                start: new Date($.now() + 338000000),
+                className: 'bg-primary'
+            }];
+
+        var $this = this;
+        $this.$calendarObj = $this.$calendar.fullCalendar({
+            slotDuration: '00:15:00', /* If we want to split day time each 15minutes */
+            minTime: '08:00:00',
+            maxTime: '19:00:00',  
+            defaultView: 'month',  
+            handleWindowResize: true,   
+            height: $(window).height() - 200,   
+            header: {
+                left: 'prev,next today',
+                center: 'title',
+                right: 'month,agendaWeek,agendaDay'
+            },
+            events: defaultEvents,
+            editable: true,
+            droppable: true, // this allows things to be dropped onto the calendar !!!
+            eventLimit: true, // allow "more" link when too many events
+            selectable: true,
+            drop: function(date) { $this.onDrop($(this), date); },
+            select: function (start, end, allDay) { $this.onSelect(start, end, allDay); },
+            eventClick: function(calEvent, jsEvent, view) { $this.onEventClick(calEvent, jsEvent, view); }
+
+        });
+
+        //on new event
+        this.$saveCategoryBtn.on('click', function(){
+            var categoryName = $this.$categoryForm.find("input[name='category-name']").val();
+            var categoryColor = $this.$categoryForm.find("select[name='category-color']").val();
+            if (categoryName !== null && categoryName.length != 0) {
+                $this.$extEvents.append('<div class="external-event bg-' + categoryColor + '" data-class="bg-' + categoryColor + '" style="position: relative;"><i class="fa fa-move"></i>' + categoryName + '</div>')
+                $this.enableDrag();
+            }
+
+        });
+    },
+
+   //init CalendarApp
+    $.CalendarApp = new CalendarApp, $.CalendarApp.Constructor = CalendarApp
+    
+}(window.jQuery),
+
+//initializing CalendarApp
+function($) {
+    "use strict";
+    $.CalendarApp.init()
+}(window.jQuery);