mirror of
https://github.com/cwinfo/powerdns-admin.git
synced 2025-06-14 20:16:05 +00:00
Initial commit
This commit is contained in:
Khanh Ngo
304
app/static/global/scripts/datatable.js
Normal file
304
app/static/global/scripts/datatable.js
Normal file
@ -0,0 +1,304 @@
|
||||
/***
|
||||
Wrapper/Helper Class for datagrid based on jQuery Datatable Plugin
|
||||
***/
|
||||
var Datatable = function() {
|
||||
|
||||
var tableOptions; // main options
|
||||
var dataTable; // datatable object
|
||||
var table; // actual table jquery object
|
||||
var tableContainer; // actual table container object
|
||||
var tableWrapper; // actual table wrapper jquery object
|
||||
var tableInitialized = false;
|
||||
var ajaxParams = {}; // set filter mode
|
||||
var the;
|
||||
|
||||
var countSelectedRecords = function() {
|
||||
var selected = $('tbody > tr > td:nth-child(1) input[type="checkbox"]:checked', table).size();
|
||||
var text = tableOptions.dataTable.language.metronicGroupActions;
|
||||
if (selected > 0) {
|
||||
$('.table-group-actions > span', tableWrapper).text(text.replace("_TOTAL_", selected));
|
||||
} else {
|
||||
$('.table-group-actions > span', tableWrapper).text("");
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function(options) {
|
||||
|
||||
if (!$().dataTable) {
|
||||
return;
|
||||
}
|
||||
|
||||
the = this;
|
||||
|
||||
// default settings
|
||||
options = $.extend(true, {
|
||||
src: "", // actual table
|
||||
filterApplyAction: "filter",
|
||||
filterCancelAction: "filter_cancel",
|
||||
resetGroupActionInputOnSuccess: true,
|
||||
loadingMessage: 'Loading...',
|
||||
dataTable: {
|
||||
"dom": "<'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'<'table-group-actions pull-right'>>r><'table-scrollable't><'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'>>", // datatable layout
|
||||
"pageLength": 10, // default records per page
|
||||
"language": { // language settings
|
||||
// metronic spesific
|
||||
"metronicGroupActions": "_TOTAL_ records selected: ",
|
||||
"metronicAjaxRequestGeneralError": "Could not complete request. Please check your internet connection",
|
||||
|
||||
// data tables spesific
|
||||
"lengthMenu": "<span class='seperator'>|</span>View _MENU_ records",
|
||||
"info": "<span class='seperator'>|</span>Found total _TOTAL_ records",
|
||||
"infoEmpty": "No records found to show",
|
||||
"emptyTable": "No data available in table",
|
||||
"zeroRecords": "No matching records found",
|
||||
"paginate": {
|
||||
"previous": "Prev",
|
||||
"next": "Next",
|
||||
"last": "Last",
|
||||
"first": "First",
|
||||
"page": "Page",
|
||||
"pageOf": "of"
|
||||
}
|
||||
},
|
||||
|
||||
"orderCellsTop": true,
|
||||
"columnDefs": [{ // define columns sorting options(by default all columns are sortable extept the first checkbox column)
|
||||
'orderable': false,
|
||||
'targets': [0]
|
||||
}],
|
||||
|
||||
"pagingType": "bootstrap_extended", // pagination type(bootstrap, bootstrap_full_number or bootstrap_extended)
|
||||
"autoWidth": false, // disable fixed width and enable fluid table
|
||||
"processing": false, // enable/disable display message box on record load
|
||||
"serverSide": true, // enable/disable server side ajax loading
|
||||
|
||||
"ajax": { // define ajax settings
|
||||
"url": "", // ajax URL
|
||||
"type": "POST", // request type
|
||||
"timeout": 20000,
|
||||
"data": function(data) { // add request parameters before submit
|
||||
$.each(ajaxParams, function(key, value) {
|
||||
data[key] = value;
|
||||
});
|
||||
Metronic.blockUI({
|
||||
message: tableOptions.loadingMessage,
|
||||
target: tableContainer,
|
||||
overlayColor: 'none',
|
||||
cenrerY: true,
|
||||
boxed: true
|
||||
});
|
||||
},
|
||||
"dataSrc": function(res) { // Manipulate the data returned from the server
|
||||
if (res.customActionMessage) {
|
||||
Metronic.alert({
|
||||
type: (res.customActionStatus == 'OK' ? 'success' : 'danger'),
|
||||
icon: (res.customActionStatus == 'OK' ? 'check' : 'warning'),
|
||||
message: res.customActionMessage,
|
||||
container: tableWrapper,
|
||||
place: 'prepend'
|
||||
});
|
||||
}
|
||||
|
||||
if (res.customActionStatus) {
|
||||
if (tableOptions.resetGroupActionInputOnSuccess) {
|
||||
$('.table-group-action-input', tableWrapper).val("");
|
||||
}
|
||||
}
|
||||
|
||||
if ($('.group-checkable', table).size() === 1) {
|
||||
$('.group-checkable', table).attr("checked", false);
|
||||
$.uniform.update($('.group-checkable', table));
|
||||
}
|
||||
|
||||
if (tableOptions.onSuccess) {
|
||||
tableOptions.onSuccess.call(undefined, the);
|
||||
}
|
||||
|
||||
Metronic.unblockUI(tableContainer);
|
||||
|
||||
return res.data;
|
||||
},
|
||||
"error": function() { // handle general connection errors
|
||||
if (tableOptions.onError) {
|
||||
tableOptions.onError.call(undefined, the);
|
||||
}
|
||||
|
||||
Metronic.alert({
|
||||
type: 'danger',
|
||||
icon: 'warning',
|
||||
message: tableOptions.dataTable.language.metronicAjaxRequestGeneralError,
|
||||
container: tableWrapper,
|
||||
place: 'prepend'
|
||||
});
|
||||
|
||||
Metronic.unblockUI(tableContainer);
|
||||
}
|
||||
},
|
||||
|
||||
"drawCallback": function(oSettings) { // run some code on table redraw
|
||||
if (tableInitialized === false) { // check if table has been initialized
|
||||
tableInitialized = true; // set table initialized
|
||||
table.show(); // display table
|
||||
}
|
||||
Metronic.initUniform($('input[type="checkbox"]', table)); // reinitialize uniform checkboxes on each table reload
|
||||
countSelectedRecords(); // reset selected records indicator
|
||||
|
||||
// callback for ajax data load
|
||||
if (tableOptions.onDataLoad) {
|
||||
tableOptions.onDataLoad.call(undefined, the);
|
||||
}
|
||||
}
|
||||
}
|
||||
}, options);
|
||||
|
||||
tableOptions = options;
|
||||
|
||||
// create table's jquery object
|
||||
table = $(options.src);
|
||||
tableContainer = table.parents(".table-container");
|
||||
|
||||
// apply the special class that used to restyle the default datatable
|
||||
var tmp = $.fn.dataTableExt.oStdClasses;
|
||||
|
||||
$.fn.dataTableExt.oStdClasses.sWrapper = $.fn.dataTableExt.oStdClasses.sWrapper + " dataTables_extended_wrapper";
|
||||
$.fn.dataTableExt.oStdClasses.sFilterInput = "form-control input-small input-sm input-inline";
|
||||
$.fn.dataTableExt.oStdClasses.sLengthSelect = "form-control input-xsmall input-sm input-inline";
|
||||
|
||||
// initialize a datatable
|
||||
dataTable = table.DataTable(options.dataTable);
|
||||
|
||||
// revert back to default
|
||||
$.fn.dataTableExt.oStdClasses.sWrapper = tmp.sWrapper;
|
||||
$.fn.dataTableExt.oStdClasses.sFilterInput = tmp.sFilterInput;
|
||||
$.fn.dataTableExt.oStdClasses.sLengthSelect = tmp.sLengthSelect;
|
||||
|
||||
// get table wrapper
|
||||
tableWrapper = table.parents('.dataTables_wrapper');
|
||||
|
||||
// build table group actions panel
|
||||
if ($('.table-actions-wrapper', tableContainer).size() === 1) {
|
||||
$('.table-group-actions', tableWrapper).html($('.table-actions-wrapper', tableContainer).html()); // place the panel inside the wrapper
|
||||
$('.table-actions-wrapper', tableContainer).remove(); // remove the template container
|
||||
}
|
||||
// handle group checkboxes check/uncheck
|
||||
$('.group-checkable', table).change(function() {
|
||||
var set = $('tbody > tr > td:nth-child(1) input[type="checkbox"]', table);
|
||||
var checked = $(this).is(":checked");
|
||||
$(set).each(function() {
|
||||
$(this).attr("checked", checked);
|
||||
});
|
||||
$.uniform.update(set);
|
||||
countSelectedRecords();
|
||||
});
|
||||
|
||||
// handle row's checkbox click
|
||||
table.on('change', 'tbody > tr > td:nth-child(1) input[type="checkbox"]', function() {
|
||||
countSelectedRecords();
|
||||
});
|
||||
|
||||
// handle filter submit button click
|
||||
table.on('click', '.filter-submit', function(e) {
|
||||
e.preventDefault();
|
||||
the.submitFilter();
|
||||
});
|
||||
|
||||
// handle filter cancel button click
|
||||
table.on('click', '.filter-cancel', function(e) {
|
||||
e.preventDefault();
|
||||
the.resetFilter();
|
||||
});
|
||||
},
|
||||
|
||||
submitFilter: function() {
|
||||
the.setAjaxParam("action", tableOptions.filterApplyAction);
|
||||
|
||||
// get all typeable inputs
|
||||
$('textarea.form-filter, select.form-filter, input.form-filter:not([type="radio"],[type="checkbox"])', table).each(function() {
|
||||
the.setAjaxParam($(this).attr("name"), $(this).val());
|
||||
});
|
||||
|
||||
// get all checkboxes
|
||||
$('input.form-filter[type="checkbox"]:checked', table).each(function() {
|
||||
the.addAjaxParam($(this).attr("name"), $(this).val());
|
||||
});
|
||||
|
||||
// get all radio buttons
|
||||
$('input.form-filter[type="radio"]:checked', table).each(function() {
|
||||
the.setAjaxParam($(this).attr("name"), $(this).val());
|
||||
});
|
||||
|
||||
dataTable.ajax.reload();
|
||||
},
|
||||
|
||||
resetFilter: function() {
|
||||
$('textarea.form-filter, select.form-filter, input.form-filter', table).each(function() {
|
||||
$(this).val("");
|
||||
});
|
||||
$('input.form-filter[type="checkbox"]', table).each(function() {
|
||||
$(this).attr("checked", false);
|
||||
});
|
||||
the.clearAjaxParams();
|
||||
the.addAjaxParam("action", tableOptions.filterCancelAction);
|
||||
dataTable.ajax.reload();
|
||||
},
|
||||
|
||||
getSelectedRowsCount: function() {
|
||||
return $('tbody > tr > td:nth-child(1) input[type="checkbox"]:checked', table).size();
|
||||
},
|
||||
|
||||
getSelectedRows: function() {
|
||||
var rows = [];
|
||||
$('tbody > tr > td:nth-child(1) input[type="checkbox"]:checked', table).each(function() {
|
||||
rows.push($(this).val());
|
||||
});
|
||||
|
||||
return rows;
|
||||
},
|
||||
|
||||
setAjaxParam: function(name, value) {
|
||||
ajaxParams[name] = value;
|
||||
},
|
||||
|
||||
addAjaxParam: function(name, value) {
|
||||
if (!ajaxParams[name]) {
|
||||
ajaxParams[name] = [];
|
||||
}
|
||||
|
||||
skip = false;
|
||||
for (var i = 0; i < (ajaxParams[name]).length; i++) { // check for duplicates
|
||||
if (ajaxParams[name][i] === value) {
|
||||
skip = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (skip === false) {
|
||||
ajaxParams[name].push(value);
|
||||
}
|
||||
},
|
||||
|
||||
clearAjaxParams: function(name, value) {
|
||||
ajaxParams = {};
|
||||
},
|
||||
|
||||
getDataTable: function() {
|
||||
return dataTable;
|
||||
},
|
||||
|
||||
getTableWrapper: function() {
|
||||
return tableWrapper;
|
||||
},
|
||||
|
||||
gettableContainer: function() {
|
||||
return tableContainer;
|
||||
},
|
||||
|
||||
getTable: function() {
|
||||
return table;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
};
|
||||
975
app/static/global/scripts/metronic.js
Normal file
975
app/static/global/scripts/metronic.js
Normal file
@ -0,0 +1,975 @@
|
||||
/**
|
||||
Core script to handle the entire theme and core functions
|
||||
**/
|
||||
var Metronic = function() {
|
||||
|
||||
// IE mode
|
||||
var isRTL = false;
|
||||
var isIE8 = false;
|
||||
var isIE9 = false;
|
||||
var isIE10 = false;
|
||||
|
||||
var resizeHandlers = [];
|
||||
|
||||
var assetsPath = '../../assets/';
|
||||
|
||||
var globalImgPath = 'global/img/';
|
||||
|
||||
var globalPluginsPath = 'global/plugins/';
|
||||
|
||||
var globalCssPath = 'global/css/';
|
||||
|
||||
// theme layout color set
|
||||
|
||||
var brandColors = {
|
||||
'blue': '#89C4F4',
|
||||
'red': '#F3565D',
|
||||
'green': '#1bbc9b',
|
||||
'purple': '#9b59b6',
|
||||
'grey': '#95a5a6',
|
||||
'yellow': '#F8CB00'
|
||||
};
|
||||
|
||||
// initializes main settings
|
||||
var handleInit = function() {
|
||||
|
||||
if ($('body').css('direction') === 'rtl') {
|
||||
isRTL = true;
|
||||
}
|
||||
|
||||
isIE8 = !!navigator.userAgent.match(/MSIE 8.0/);
|
||||
isIE9 = !!navigator.userAgent.match(/MSIE 9.0/);
|
||||
isIE10 = !!navigator.userAgent.match(/MSIE 10.0/);
|
||||
|
||||
if (isIE10) {
|
||||
$('html').addClass('ie10'); // detect IE10 version
|
||||
}
|
||||
|
||||
if (isIE10 || isIE9 || isIE8) {
|
||||
$('html').addClass('ie'); // detect IE10 version
|
||||
}
|
||||
};
|
||||
|
||||
// runs callback functions set by Metronic.addResponsiveHandler().
|
||||
var _runResizeHandlers = function() {
|
||||
// reinitialize other subscribed elements
|
||||
for (var i = 0; i < resizeHandlers.length; i++) {
|
||||
var each = resizeHandlers[i];
|
||||
each.call();
|
||||
}
|
||||
};
|
||||
|
||||
// handle the layout reinitialization on window resize
|
||||
var handleOnResize = function() {
|
||||
var resize;
|
||||
if (isIE8) {
|
||||
var currheight;
|
||||
$(window).resize(function() {
|
||||
if (currheight == document.documentElement.clientHeight) {
|
||||
return; //quite event since only body resized not window.
|
||||
}
|
||||
if (resize) {
|
||||
clearTimeout(resize);
|
||||
}
|
||||
resize = setTimeout(function() {
|
||||
_runResizeHandlers();
|
||||
}, 50); // wait 50ms until window resize finishes.
|
||||
currheight = document.documentElement.clientHeight; // store last body client height
|
||||
});
|
||||
} else {
|
||||
$(window).resize(function() {
|
||||
if (resize) {
|
||||
clearTimeout(resize);
|
||||
}
|
||||
resize = setTimeout(function() {
|
||||
_runResizeHandlers();
|
||||
}, 50); // wait 50ms until window resize finishes.
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Handles portlet tools & actions
|
||||
var handlePortletTools = function() {
|
||||
// handle portlet remove
|
||||
$('body').on('click', '.portlet > .portlet-title > .tools > a.remove', function(e) {
|
||||
e.preventDefault();
|
||||
var portlet = $(this).closest(".portlet");
|
||||
|
||||
if ($('body').hasClass('page-portlet-fullscreen')) {
|
||||
$('body').removeClass('page-portlet-fullscreen');
|
||||
}
|
||||
|
||||
portlet.find('.portlet-title .fullscreen').tooltip('destroy');
|
||||
portlet.find('.portlet-title > .tools > .reload').tooltip('destroy');
|
||||
portlet.find('.portlet-title > .tools > .remove').tooltip('destroy');
|
||||
portlet.find('.portlet-title > .tools > .config').tooltip('destroy');
|
||||
portlet.find('.portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip('destroy');
|
||||
|
||||
portlet.remove();
|
||||
});
|
||||
|
||||
// handle portlet fullscreen
|
||||
$('body').on('click', '.portlet > .portlet-title .fullscreen', function(e) {
|
||||
e.preventDefault();
|
||||
var portlet = $(this).closest(".portlet");
|
||||
if (portlet.hasClass('portlet-fullscreen')) {
|
||||
$(this).removeClass('on');
|
||||
portlet.removeClass('portlet-fullscreen');
|
||||
$('body').removeClass('page-portlet-fullscreen');
|
||||
portlet.children('.portlet-body').css('height', 'auto');
|
||||
} else {
|
||||
var height = Metronic.getViewPort().height -
|
||||
portlet.children('.portlet-title').outerHeight() -
|
||||
parseInt(portlet.children('.portlet-body').css('padding-top')) -
|
||||
parseInt(portlet.children('.portlet-body').css('padding-bottom'));
|
||||
|
||||
$(this).addClass('on');
|
||||
portlet.addClass('portlet-fullscreen');
|
||||
$('body').addClass('page-portlet-fullscreen');
|
||||
portlet.children('.portlet-body').css('height', height);
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.portlet > .portlet-title > .tools > a.reload', function(e) {
|
||||
e.preventDefault();
|
||||
var el = $(this).closest(".portlet").children(".portlet-body");
|
||||
var url = $(this).attr("data-url");
|
||||
var error = $(this).attr("data-error-display");
|
||||
if (url) {
|
||||
Metronic.blockUI({
|
||||
target: el,
|
||||
animate: true,
|
||||
overlayColor: 'none'
|
||||
});
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
success: function(res) {
|
||||
Metronic.unblockUI(el);
|
||||
el.html(res);
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError) {
|
||||
Metronic.unblockUI(el);
|
||||
var msg = 'Error on reloading the content. Please check your connection and try again.';
|
||||
if (error == "toastr" && toastr) {
|
||||
toastr.error(msg);
|
||||
} else if (error == "notific8" && $.notific8) {
|
||||
$.notific8('zindex', 11500);
|
||||
$.notific8(msg, {
|
||||
theme: 'ruby',
|
||||
life: 3000
|
||||
});
|
||||
} else {
|
||||
alert(msg);
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// for demo purpose
|
||||
Metronic.blockUI({
|
||||
target: el,
|
||||
animate: true,
|
||||
overlayColor: 'none'
|
||||
});
|
||||
window.setTimeout(function() {
|
||||
Metronic.unblockUI(el);
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
|
||||
// load ajax data on page init
|
||||
$('.portlet .portlet-title a.reload[data-load="true"]').click();
|
||||
|
||||
$('body').on('click', '.portlet > .portlet-title > .tools > .collapse, .portlet .portlet-title > .tools > .expand', function(e) {
|
||||
e.preventDefault();
|
||||
var el = $(this).closest(".portlet").children(".portlet-body");
|
||||
if ($(this).hasClass("collapse")) {
|
||||
$(this).removeClass("collapse").addClass("expand");
|
||||
el.slideUp(200);
|
||||
} else {
|
||||
$(this).removeClass("expand").addClass("collapse");
|
||||
el.slideDown(200);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Handles custom checkboxes & radios using jQuery Uniform plugin
|
||||
var handleUniform = function() {
|
||||
if (!$().uniform) {
|
||||
return;
|
||||
}
|
||||
var test = $("input[type=checkbox]:not(.toggle, .md-check, .md-radiobtn, .make-switch, .icheck), input[type=radio]:not(.toggle, .md-check, .md-radiobtn, .star, .make-switch, .icheck)");
|
||||
if (test.size() > 0) {
|
||||
test.each(function() {
|
||||
if ($(this).parents(".checker").size() === 0) {
|
||||
$(this).show();
|
||||
$(this).uniform();
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Handlesmaterial design checkboxes
|
||||
var handleMaterialDesign = function() {
|
||||
|
||||
// Material design ckeckbox and radio effects
|
||||
$('body').on('click', '.md-checkbox > label, .md-radio > label', function() {
|
||||
var the = $(this);
|
||||
// find the first span which is our circle/bubble
|
||||
var el = $(this).children('span:first-child');
|
||||
|
||||
// add the bubble class (we do this so it doesnt show on page load)
|
||||
el.addClass('inc');
|
||||
|
||||
// clone it
|
||||
var newone = el.clone(true);
|
||||
|
||||
// add the cloned version before our original
|
||||
el.before(newone);
|
||||
|
||||
// remove the original so that it is ready to run on next click
|
||||
$("." + el.attr("class") + ":last", the).remove();
|
||||
});
|
||||
|
||||
if ($('body').hasClass('page-md')) {
|
||||
// Material design click effect
|
||||
// credit where credit's due; http://thecodeplayer.com/walkthrough/ripple-click-effect-google-material-design
|
||||
$('body').on('click', 'a.btn, button.btn, input.btn, label.btn', function(e) {
|
||||
var element, circle, d, x, y;
|
||||
|
||||
element = $(this);
|
||||
|
||||
if(element.find(".md-click-circle").length == 0) {
|
||||
element.prepend("<span class='md-click-circle'></span>");
|
||||
}
|
||||
|
||||
circle = element.find(".md-click-circle");
|
||||
circle.removeClass("md-click-animate");
|
||||
|
||||
if(!circle.height() && !circle.width()) {
|
||||
d = Math.max(element.outerWidth(), element.outerHeight());
|
||||
circle.css({height: d, width: d});
|
||||
}
|
||||
|
||||
x = e.pageX - element.offset().left - circle.width()/2;
|
||||
y = e.pageY - element.offset().top - circle.height()/2;
|
||||
|
||||
circle.css({top: y+'px', left: x+'px'}).addClass("md-click-animate");
|
||||
});
|
||||
}
|
||||
|
||||
// Floating labels
|
||||
var handleInput = function(el) {
|
||||
if (el.val() != "") {
|
||||
el.addClass('edited');
|
||||
} else {
|
||||
el.removeClass('edited');
|
||||
}
|
||||
}
|
||||
|
||||
$('body').on('keydown', '.form-md-floating-label .form-control', function(e) {
|
||||
handleInput($(this));
|
||||
});
|
||||
$('body').on('blur', '.form-md-floating-label .form-control', function(e) {
|
||||
handleInput($(this));
|
||||
});
|
||||
}
|
||||
|
||||
// Handles custom checkboxes & radios using jQuery iCheck plugin
|
||||
var handleiCheck = function() {
|
||||
if (!$().iCheck) {
|
||||
return;
|
||||
}
|
||||
|
||||
$('.icheck').each(function() {
|
||||
var checkboxClass = $(this).attr('data-checkbox') ? $(this).attr('data-checkbox') : 'icheckbox_minimal-grey';
|
||||
var radioClass = $(this).attr('data-radio') ? $(this).attr('data-radio') : 'iradio_minimal-grey';
|
||||
|
||||
if (checkboxClass.indexOf('_line') > -1 || radioClass.indexOf('_line') > -1) {
|
||||
$(this).iCheck({
|
||||
checkboxClass: checkboxClass,
|
||||
radioClass: radioClass,
|
||||
insert: '<div class="icheck_line-icon"></div>' + $(this).attr("data-label")
|
||||
});
|
||||
} else {
|
||||
$(this).iCheck({
|
||||
checkboxClass: checkboxClass,
|
||||
radioClass: radioClass
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Handles Bootstrap switches
|
||||
var handleBootstrapSwitch = function() {
|
||||
if (!$().bootstrapSwitch) {
|
||||
return;
|
||||
}
|
||||
$('.make-switch').bootstrapSwitch();
|
||||
};
|
||||
|
||||
// Handles Bootstrap confirmations
|
||||
var handleBootstrapConfirmation = function() {
|
||||
if (!$().confirmation) {
|
||||
return;
|
||||
}
|
||||
$('[data-toggle=confirmation]').confirmation({ container: 'body', btnOkClass: 'btn-xs btn-success', btnCancelClass: 'btn-xs btn-danger'});
|
||||
}
|
||||
|
||||
// Handles Bootstrap Accordions.
|
||||
var handleAccordions = function() {
|
||||
$('body').on('shown.bs.collapse', '.accordion.scrollable', function(e) {
|
||||
Metronic.scrollTo($(e.target));
|
||||
});
|
||||
};
|
||||
|
||||
// Handles Bootstrap Tabs.
|
||||
var handleTabs = function() {
|
||||
//activate tab if tab id provided in the URL
|
||||
if (location.hash) {
|
||||
var tabid = location.hash.substr(1);
|
||||
$('a[href="#' + tabid + '"]').parents('.tab-pane:hidden').each(function() {
|
||||
var tabid = $(this).attr("id");
|
||||
$('a[href="#' + tabid + '"]').click();
|
||||
});
|
||||
$('a[href="#' + tabid + '"]').click();
|
||||
}
|
||||
|
||||
if ($().tabdrop) {
|
||||
$('.tabbable-tabdrop .nav-pills, .tabbable-tabdrop .nav-tabs').tabdrop({
|
||||
text: '<i class="fa fa-ellipsis-v"></i> <i class="fa fa-angle-down"></i>'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Handles Bootstrap Modals.
|
||||
var handleModals = function() {
|
||||
// fix stackable modal issue: when 2 or more modals opened, closing one of modal will remove .modal-open class.
|
||||
$('body').on('hide.bs.modal', function() {
|
||||
if ($('.modal:visible').size() > 1 && $('html').hasClass('modal-open') === false) {
|
||||
$('html').addClass('modal-open');
|
||||
} else if ($('.modal:visible').size() <= 1) {
|
||||
$('html').removeClass('modal-open');
|
||||
}
|
||||
});
|
||||
|
||||
// fix page scrollbars issue
|
||||
$('body').on('show.bs.modal', '.modal', function() {
|
||||
if ($(this).hasClass("modal-scroll")) {
|
||||
$('body').addClass("modal-open-noscroll");
|
||||
}
|
||||
});
|
||||
|
||||
// fix page scrollbars issue
|
||||
$('body').on('hide.bs.modal', '.modal', function() {
|
||||
$('body').removeClass("modal-open-noscroll");
|
||||
});
|
||||
|
||||
// remove ajax content and remove cache on modal closed
|
||||
$('body').on('hidden.bs.modal', '.modal:not(.modal-cached)', function () {
|
||||
$(this).removeData('bs.modal');
|
||||
});
|
||||
};
|
||||
|
||||
// Handles Bootstrap Tooltips.
|
||||
var handleTooltips = function() {
|
||||
// global tooltips
|
||||
$('.tooltips').tooltip();
|
||||
|
||||
// portlet tooltips
|
||||
$('.portlet > .portlet-title .fullscreen').tooltip({
|
||||
container: 'body',
|
||||
title: 'Fullscreen'
|
||||
});
|
||||
$('.portlet > .portlet-title > .tools > .reload').tooltip({
|
||||
container: 'body',
|
||||
title: 'Reload'
|
||||
});
|
||||
$('.portlet > .portlet-title > .tools > .remove').tooltip({
|
||||
container: 'body',
|
||||
title: 'Remove'
|
||||
});
|
||||
$('.portlet > .portlet-title > .tools > .config').tooltip({
|
||||
container: 'body',
|
||||
title: 'Settings'
|
||||
});
|
||||
$('.portlet > .portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip({
|
||||
container: 'body',
|
||||
title: 'Collapse/Expand'
|
||||
});
|
||||
};
|
||||
|
||||
// Handles Bootstrap Dropdowns
|
||||
var handleDropdowns = function() {
|
||||
/*
|
||||
Hold dropdown on click
|
||||
*/
|
||||
$('body').on('click', '.dropdown-menu.hold-on-click', function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
};
|
||||
|
||||
var handleAlerts = function() {
|
||||
$('body').on('click', '[data-close="alert"]', function(e) {
|
||||
$(this).parent('.alert').hide();
|
||||
$(this).closest('.note').hide();
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
$('body').on('click', '[data-close="note"]', function(e) {
|
||||
$(this).closest('.note').hide();
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
$('body').on('click', '[data-remove="note"]', function(e) {
|
||||
$(this).closest('.note').remove();
|
||||
e.preventDefault();
|
||||
});
|
||||
};
|
||||
|
||||
// Handle Hower Dropdowns
|
||||
var handleDropdownHover = function() {
|
||||
$('[data-hover="dropdown"]').not('.hover-initialized').each(function() {
|
||||
$(this).dropdownHover();
|
||||
$(this).addClass('hover-initialized');
|
||||
});
|
||||
};
|
||||
|
||||
// Handle textarea autosize
|
||||
var handleTextareaAutosize = function() {
|
||||
if (typeof(autosize) == "function") {
|
||||
autosize(document.querySelector('textarea.autosizeme'));
|
||||
}
|
||||
}
|
||||
|
||||
// Handles Bootstrap Popovers
|
||||
|
||||
// last popep popover
|
||||
var lastPopedPopover;
|
||||
|
||||
var handlePopovers = function() {
|
||||
$('.popovers').popover();
|
||||
|
||||
// close last displayed popover
|
||||
|
||||
$(document).on('click.bs.popover.data-api', function(e) {
|
||||
if (lastPopedPopover) {
|
||||
lastPopedPopover.popover('hide');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Handles scrollable contents using jQuery SlimScroll plugin.
|
||||
var handleScrollers = function() {
|
||||
Metronic.initSlimScroll('.scroller');
|
||||
};
|
||||
|
||||
// Handles Image Preview using jQuery Fancybox plugin
|
||||
var handleFancybox = function() {
|
||||
if (!jQuery.fancybox) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ($(".fancybox-button").size() > 0) {
|
||||
$(".fancybox-button").fancybox({
|
||||
groupAttr: 'data-rel',
|
||||
prevEffect: 'none',
|
||||
nextEffect: 'none',
|
||||
closeBtn: true,
|
||||
helpers: {
|
||||
title: {
|
||||
type: 'inside'
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Fix input placeholder issue for IE8 and IE9
|
||||
var handleFixInputPlaceholderForIE = function() {
|
||||
//fix html5 placeholder attribute for ie7 & ie8
|
||||
if (isIE8 || isIE9) { // ie8 & ie9
|
||||
// this is html5 placeholder fix for inputs, inputs with placeholder-no-fix class will be skipped(e.g: we need this for password fields)
|
||||
$('input[placeholder]:not(.placeholder-no-fix), textarea[placeholder]:not(.placeholder-no-fix)').each(function() {
|
||||
var input = $(this);
|
||||
|
||||
if (input.val() === '' && input.attr("placeholder") !== '') {
|
||||
input.addClass("placeholder").val(input.attr('placeholder'));
|
||||
}
|
||||
|
||||
input.focus(function() {
|
||||
if (input.val() == input.attr('placeholder')) {
|
||||
input.val('');
|
||||
}
|
||||
});
|
||||
|
||||
input.blur(function() {
|
||||
if (input.val() === '' || input.val() == input.attr('placeholder')) {
|
||||
input.val(input.attr('placeholder'));
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Handle Select2 Dropdowns
|
||||
var handleSelect2 = function() {
|
||||
if ($().select2) {
|
||||
$('.select2me').select2({
|
||||
placeholder: "Select",
|
||||
allowClear: true
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
//* END:CORE HANDLERS *//
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the theme
|
||||
init: function() {
|
||||
//IMPORTANT!!!: Do not modify the core handlers call order.
|
||||
|
||||
//Core handlers
|
||||
handleInit(); // initialize core variables
|
||||
handleOnResize(); // set and handle responsive
|
||||
|
||||
//UI Component handlers
|
||||
handleMaterialDesign(); // handle material design
|
||||
handleUniform(); // hanfle custom radio & checkboxes
|
||||
handleiCheck(); // handles custom icheck radio and checkboxes
|
||||
handleBootstrapSwitch(); // handle bootstrap switch plugin
|
||||
handleScrollers(); // handles slim scrolling contents
|
||||
handleFancybox(); // handle fancy box
|
||||
handleSelect2(); // handle custom Select2 dropdowns
|
||||
handlePortletTools(); // handles portlet action bar functionality(refresh, configure, toggle, remove)
|
||||
handleAlerts(); //handle closabled alerts
|
||||
handleDropdowns(); // handle dropdowns
|
||||
handleTabs(); // handle tabs
|
||||
handleTooltips(); // handle bootstrap tooltips
|
||||
handlePopovers(); // handles bootstrap popovers
|
||||
handleAccordions(); //handles accordions
|
||||
handleModals(); // handle modals
|
||||
handleBootstrapConfirmation(); // handle bootstrap confirmations
|
||||
handleTextareaAutosize(); // handle autosize textareas
|
||||
|
||||
// Hacks
|
||||
handleFixInputPlaceholderForIE(); //IE8 & IE9 input placeholder issue fix
|
||||
},
|
||||
|
||||
//main function to initiate core javascript after ajax complete
|
||||
initAjax: function() {
|
||||
handleUniform(); // handles custom radio & checkboxes
|
||||
handleiCheck(); // handles custom icheck radio and checkboxes
|
||||
handleBootstrapSwitch(); // handle bootstrap switch plugin
|
||||
handleDropdownHover(); // handles dropdown hover
|
||||
handleScrollers(); // handles slim scrolling contents
|
||||
handleSelect2(); // handle custom Select2 dropdowns
|
||||
handleFancybox(); // handle fancy box
|
||||
handleDropdowns(); // handle dropdowns
|
||||
handleTooltips(); // handle bootstrap tooltips
|
||||
handlePopovers(); // handles bootstrap popovers
|
||||
handleAccordions(); //handles accordions
|
||||
handleBootstrapConfirmation(); // handle bootstrap confirmations
|
||||
},
|
||||
|
||||
//init main components
|
||||
initComponents: function() {
|
||||
this.initAjax();
|
||||
},
|
||||
|
||||
//public function to remember last opened popover that needs to be closed on click
|
||||
setLastPopedPopover: function(el) {
|
||||
lastPopedPopover = el;
|
||||
},
|
||||
|
||||
//public function to add callback a function which will be called on window resize
|
||||
addResizeHandler: function(func) {
|
||||
resizeHandlers.push(func);
|
||||
},
|
||||
|
||||
//public functon to call _runresizeHandlers
|
||||
runResizeHandlers: function() {
|
||||
_runResizeHandlers();
|
||||
},
|
||||
|
||||
// wrMetronicer function to scroll(focus) to an element
|
||||
scrollTo: function(el, offeset) {
|
||||
var pos = (el && el.size() > 0) ? el.offset().top : 0;
|
||||
|
||||
if (el) {
|
||||
if ($('body').hasClass('page-header-fixed')) {
|
||||
pos = pos - $('.page-header').height();
|
||||
} else if ($('body').hasClass('page-header-top-fixed')) {
|
||||
pos = pos - $('.page-header-top').height();
|
||||
} else if ($('body').hasClass('page-header-menu-fixed')) {
|
||||
pos = pos - $('.page-header-menu').height();
|
||||
}
|
||||
pos = pos + (offeset ? offeset : -1 * el.height());
|
||||
}
|
||||
|
||||
$('html,body').animate({
|
||||
scrollTop: pos
|
||||
}, 'slow');
|
||||
},
|
||||
|
||||
initSlimScroll: function(el) {
|
||||
$(el).each(function() {
|
||||
if ($(this).attr("data-initialized")) {
|
||||
return; // exit
|
||||
}
|
||||
|
||||
var height;
|
||||
|
||||
if ($(this).attr("data-height")) {
|
||||
height = $(this).attr("data-height");
|
||||
} else {
|
||||
height = $(this).css('height');
|
||||
}
|
||||
|
||||
$(this).slimScroll({
|
||||
allowPageScroll: true, // allow page scroll when the element scroll is ended
|
||||
size: '7px',
|
||||
color: ($(this).attr("data-handle-color") ? $(this).attr("data-handle-color") : '#bbb'),
|
||||
wrapperClass: ($(this).attr("data-wrapper-class") ? $(this).attr("data-wrapper-class") : 'slimScrollDiv'),
|
||||
railColor: ($(this).attr("data-rail-color") ? $(this).attr("data-rail-color") : '#eaeaea'),
|
||||
position: isRTL ? 'left' : 'right',
|
||||
height: height,
|
||||
alwaysVisible: ($(this).attr("data-always-visible") == "1" ? true : false),
|
||||
railVisible: ($(this).attr("data-rail-visible") == "1" ? true : false),
|
||||
disableFadeOut: true
|
||||
});
|
||||
|
||||
$(this).attr("data-initialized", "1");
|
||||
});
|
||||
},
|
||||
|
||||
destroySlimScroll: function(el) {
|
||||
$(el).each(function() {
|
||||
if ($(this).attr("data-initialized") === "1") { // destroy existing instance before updating the height
|
||||
$(this).removeAttr("data-initialized");
|
||||
$(this).removeAttr("style");
|
||||
|
||||
var attrList = {};
|
||||
|
||||
// store the custom attribures so later we will reassign.
|
||||
if ($(this).attr("data-handle-color")) {
|
||||
attrList["data-handle-color"] = $(this).attr("data-handle-color");
|
||||
}
|
||||
if ($(this).attr("data-wrapper-class")) {
|
||||
attrList["data-wrapper-class"] = $(this).attr("data-wrapper-class");
|
||||
}
|
||||
if ($(this).attr("data-rail-color")) {
|
||||
attrList["data-rail-color"] = $(this).attr("data-rail-color");
|
||||
}
|
||||
if ($(this).attr("data-always-visible")) {
|
||||
attrList["data-always-visible"] = $(this).attr("data-always-visible");
|
||||
}
|
||||
if ($(this).attr("data-rail-visible")) {
|
||||
attrList["data-rail-visible"] = $(this).attr("data-rail-visible");
|
||||
}
|
||||
|
||||
$(this).slimScroll({
|
||||
wrapperClass: ($(this).attr("data-wrapper-class") ? $(this).attr("data-wrapper-class") : 'slimScrollDiv'),
|
||||
destroy: true
|
||||
});
|
||||
|
||||
var the = $(this);
|
||||
|
||||
// reassign custom attributes
|
||||
$.each(attrList, function(key, value) {
|
||||
the.attr(key, value);
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// function to scroll to the top
|
||||
scrollTop: function() {
|
||||
Metronic.scrollTo();
|
||||
},
|
||||
|
||||
// wrMetronicer function to block element(indicate loading)
|
||||
blockUI: function(options) {
|
||||
options = $.extend(true, {}, options);
|
||||
var html = '';
|
||||
if (options.animate) {
|
||||
html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '">' + '<div class="block-spinner-bar"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>' + '</div>';
|
||||
} else if (options.iconOnly) {
|
||||
html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif" align=""></div>';
|
||||
} else if (options.textOnly) {
|
||||
html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><span> ' + (options.message ? options.message : 'LOADING...') + '</span></div>';
|
||||
} else {
|
||||
html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif" align=""><span> ' + (options.message ? options.message : 'LOADING...') + '</span></div>';
|
||||
}
|
||||
|
||||
if (options.target) { // element blocking
|
||||
var el = $(options.target);
|
||||
if (el.height() <= ($(window).height())) {
|
||||
options.cenrerY = true;
|
||||
}
|
||||
el.block({
|
||||
message: html,
|
||||
baseZ: options.zIndex ? options.zIndex : 1000,
|
||||
centerY: options.cenrerY !== undefined ? options.cenrerY : false,
|
||||
css: {
|
||||
top: '10%',
|
||||
border: '0',
|
||||
padding: '0',
|
||||
backgroundColor: 'none'
|
||||
},
|
||||
overlayCSS: {
|
||||
backgroundColor: options.overlayColor ? options.overlayColor : '#555',
|
||||
opacity: options.boxed ? 0.05 : 0.1,
|
||||
cursor: 'wait'
|
||||
}
|
||||
});
|
||||
} else { // page blocking
|
||||
$.blockUI({
|
||||
message: html,
|
||||
baseZ: options.zIndex ? options.zIndex : 1000,
|
||||
css: {
|
||||
border: '0',
|
||||
padding: '0',
|
||||
backgroundColor: 'none'
|
||||
},
|
||||
overlayCSS: {
|
||||
backgroundColor: options.overlayColor ? options.overlayColor : '#555',
|
||||
opacity: options.boxed ? 0.05 : 0.1,
|
||||
cursor: 'wait'
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// wrMetronicer function to un-block element(finish loading)
|
||||
unblockUI: function(target) {
|
||||
if (target) {
|
||||
$(target).unblock({
|
||||
onUnblock: function() {
|
||||
$(target).css('position', '');
|
||||
$(target).css('zoom', '');
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$.unblockUI();
|
||||
}
|
||||
},
|
||||
|
||||
startPageLoading: function(options) {
|
||||
if (options && options.animate) {
|
||||
$('.page-spinner-bar').remove();
|
||||
$('body').append('<div class="page-spinner-bar"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>');
|
||||
} else {
|
||||
$('.page-loading').remove();
|
||||
$('body').append('<div class="page-loading"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif"/> <span>' + (options && options.message ? options.message : 'Loading...') + '</span></div>');
|
||||
}
|
||||
},
|
||||
|
||||
stopPageLoading: function() {
|
||||
$('.page-loading, .page-spinner-bar').remove();
|
||||
},
|
||||
|
||||
alert: function(options) {
|
||||
|
||||
options = $.extend(true, {
|
||||
container: "", // alerts parent container(by default placed after the page breadcrumbs)
|
||||
place: "append", // "append" or "prepend" in container
|
||||
type: 'success', // alert's type
|
||||
message: "", // alert's message
|
||||
close: true, // make alert closable
|
||||
reset: true, // close all previouse alerts first
|
||||
focus: true, // auto scroll to the alert after shown
|
||||
closeInSeconds: 0, // auto close after defined seconds
|
||||
icon: "" // put icon before the message
|
||||
}, options);
|
||||
|
||||
var id = Metronic.getUniqueID("Metronic_alert");
|
||||
|
||||
var html = '<div id="' + id + '" class="Metronic-alerts alert alert-' + options.type + ' fade in">' + (options.close ? '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>' : '') + (options.icon !== "" ? '<i class="fa-lg fa fa-' + options.icon + '"></i> ' : '') + options.message + '</div>';
|
||||
|
||||
if (options.reset) {
|
||||
$('.Metronic-alerts').remove();
|
||||
}
|
||||
|
||||
if (!options.container) {
|
||||
if ($('body').hasClass("page-container-bg-solid")) {
|
||||
$('.page-title').after(html);
|
||||
} else {
|
||||
if ($('.page-bar').size() > 0) {
|
||||
$('.page-bar').after(html);
|
||||
} else {
|
||||
$('.page-breadcrumb').after(html);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (options.place == "append") {
|
||||
$(options.container).append(html);
|
||||
} else {
|
||||
$(options.container).prepend(html);
|
||||
}
|
||||
}
|
||||
|
||||
if (options.focus) {
|
||||
Metronic.scrollTo($('#' + id));
|
||||
}
|
||||
|
||||
if (options.closeInSeconds > 0) {
|
||||
setTimeout(function() {
|
||||
$('#' + id).remove();
|
||||
}, options.closeInSeconds * 1000);
|
||||
}
|
||||
|
||||
return id;
|
||||
},
|
||||
|
||||
// initializes uniform elements
|
||||
initUniform: function(els) {
|
||||
if (els) {
|
||||
$(els).each(function() {
|
||||
if ($(this).parents(".checker").size() === 0) {
|
||||
$(this).show();
|
||||
$(this).uniform();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
handleUniform();
|
||||
}
|
||||
},
|
||||
|
||||
//wrMetronicer function to update/sync jquery uniform checkbox & radios
|
||||
updateUniform: function(els) {
|
||||
$.uniform.update(els); // update the uniform checkbox & radios UI after the actual input control state changed
|
||||
},
|
||||
|
||||
//public function to initialize the fancybox plugin
|
||||
initFancybox: function() {
|
||||
handleFancybox();
|
||||
},
|
||||
|
||||
//public helper function to get actual input value(used in IE9 and IE8 due to placeholder attribute not supported)
|
||||
getActualVal: function(el) {
|
||||
el = $(el);
|
||||
if (el.val() === el.attr("placeholder")) {
|
||||
return "";
|
||||
}
|
||||
return el.val();
|
||||
},
|
||||
|
||||
//public function to get a paremeter by name from URL
|
||||
getURLParameter: function(paramName) {
|
||||
var searchString = window.location.search.substring(1),
|
||||
i, val, params = searchString.split("&");
|
||||
|
||||
for (i = 0; i < params.length; i++) {
|
||||
val = params[i].split("=");
|
||||
if (val[0] == paramName) {
|
||||
return unescape(val[1]);
|
||||
}
|
||||
}
|
||||
return null;
|
||||
},
|
||||
|
||||
// check for device touch support
|
||||
isTouchDevice: function() {
|
||||
try {
|
||||
document.createEvent("TouchEvent");
|
||||
return true;
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
|
||||
// To get the correct viewport width based on http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
|
||||
getViewPort: function() {
|
||||
var e = window,
|
||||
a = 'inner';
|
||||
if (!('innerWidth' in window)) {
|
||||
a = 'client';
|
||||
e = document.documentElement || document.body;
|
||||
}
|
||||
|
||||
return {
|
||||
width: e[a + 'Width'],
|
||||
height: e[a + 'Height']
|
||||
};
|
||||
},
|
||||
|
||||
getUniqueID: function(prefix) {
|
||||
return 'prefix_' + Math.floor(Math.random() * (new Date()).getTime());
|
||||
},
|
||||
|
||||
// check IE8 mode
|
||||
isIE8: function() {
|
||||
return isIE8;
|
||||
},
|
||||
|
||||
// check IE9 mode
|
||||
isIE9: function() {
|
||||
return isIE9;
|
||||
},
|
||||
|
||||
//check RTL mode
|
||||
isRTL: function() {
|
||||
return isRTL;
|
||||
},
|
||||
|
||||
// check IE8 mode
|
||||
isAngularJsApp: function() {
|
||||
return (typeof angular == 'undefined') ? false : true;
|
||||
},
|
||||
|
||||
getAssetsPath: function() {
|
||||
return assetsPath;
|
||||
},
|
||||
|
||||
setAssetsPath: function(path) {
|
||||
assetsPath = path;
|
||||
},
|
||||
|
||||
setGlobalImgPath: function(path) {
|
||||
globalImgPath = path;
|
||||
},
|
||||
|
||||
getGlobalImgPath: function() {
|
||||
return assetsPath + globalImgPath;
|
||||
},
|
||||
|
||||
setGlobalPluginsPath: function(path) {
|
||||
globalPluginsPath = path;
|
||||
},
|
||||
|
||||
getGlobalPluginsPath: function() {
|
||||
return assetsPath + globalPluginsPath;
|
||||
},
|
||||
|
||||
getGlobalCssPath: function() {
|
||||
return assetsPath + globalCssPath;
|
||||
},
|
||||
|
||||
// get layout color code by color name
|
||||
getBrandColor: function(name) {
|
||||
if (brandColors[name]) {
|
||||
return brandColors[name];
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
},
|
||||
|
||||
getResponsiveBreakpoint: function(size) {
|
||||
// bootstrap responsive breakpoints
|
||||
var sizes = {
|
||||
'xs' : 480, // extra small
|
||||
'sm' : 768, // small
|
||||
'md' : 992, // medium
|
||||
'lg' : 1200 // large
|
||||
};
|
||||
|
||||
return sizes[size] ? sizes[size] : 0;
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
Reference in New Issue
Block a user