add sppd to git repo
This commit is contained in:
ryan
228
assets/js/jquery.core.js
Normal file
228
assets/js/jquery.core.js
Normal file
@@ -0,0 +1,228 @@
|
||||
/**
|
||||
* Theme: Zircos Admin Template
|
||||
* Author: Coderthemes
|
||||
* Module/App: Core js
|
||||
*/
|
||||
|
||||
|
||||
//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.slideUp("slow", function() {
|
||||
$(this).remove();
|
||||
});
|
||||
if ($portlet_parent.children().length == 0) {
|
||||
$portlet_parent.slideUp("slow", function() {
|
||||
$(this).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="portlet-loader"></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),
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* 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.slimScroll && $(".slimscroll-alt").slimScroll({ position: 'right',size: "5px", color: '#98a6ad',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.initKnob = function() {
|
||||
$('[data-plugin="knob"]').each(function(idx, obj) {
|
||||
$(this).knob();
|
||||
});
|
||||
},
|
||||
|
||||
Components.prototype.initCircliful = function() {
|
||||
$('[data-plugin="circliful"]').each(function(idx, obj) {
|
||||
$(this).circliful();
|
||||
});
|
||||
},
|
||||
|
||||
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.initKnob(),
|
||||
this.initCircliful(),
|
||||
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);
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user