1410 lines
51 KiB
JavaScript
1410 lines
51 KiB
JavaScript
/*
|
|
* Cms Base JavaScript Library v1.1
|
|
*/
|
|
|
|
|
|
/********************************************************************
|
|
* GLOBAL FUNCTIONS
|
|
********************************************************************/
|
|
window.pr = function (obj) {
|
|
if ("console" in window) {
|
|
let vArgs = Array.from(arguments);
|
|
for (let i = 0; i < vArgs.length; i++) {
|
|
console.log(vArgs[i]);
|
|
}
|
|
}
|
|
};
|
|
window.toBinaryStr = function (str) {
|
|
const encoder = new TextEncoder();
|
|
// 1: split the UTF-16 string into an array of bytes
|
|
const charCodes = encoder.encode(str);
|
|
// 2: concatenate byte data to create a binary string
|
|
return String.fromCharCode(...charCodes);
|
|
}
|
|
window.toBase64encode = function (str) {
|
|
return btoa(toBinaryStr(str));
|
|
}
|
|
// Sets default variable
|
|
window.defaultVal = function (arg, val) {
|
|
return typeof arg !== 'undefined' && arg != null ? arg : val;
|
|
};
|
|
// Sets default variable even if var exists and is false
|
|
window.defaultValNotFalse = function (arg, val) {
|
|
let rVal = defaultVal(arg, val);
|
|
if (rVal === false)
|
|
return val;
|
|
return rVal;
|
|
};
|
|
|
|
// Add jQuery object check function
|
|
$.isObject = function(e){ return !(typeof e !== "object"); };
|
|
$.isDefined = function(e){ return (typeof e !== "undefined"); };
|
|
|
|
/**
|
|
* Dynamically loads a JavaScript class from a file path.
|
|
* @param {string} filePath - Path to the .js file (e.g., './models/User.js')
|
|
* @param {string} [className] - Optional: specific export name. Defaults to the default export.
|
|
* @returns {Promise<Function>} - The loaded class constructor
|
|
*/
|
|
async function loadClass(filePath, className = null) {
|
|
try {
|
|
const module = await import(filePath);
|
|
|
|
if (className) {
|
|
if (!module[className]) {
|
|
throw new Error(`Class "${className}" not found in module "${filePath}"`);
|
|
}
|
|
return module[className];
|
|
}
|
|
|
|
// Fall back to default export
|
|
if (module.default) {
|
|
return module.default;
|
|
}
|
|
|
|
throw new Error(`No default export or named class found in "${filePath}"`);
|
|
} catch (err) {
|
|
throw new Error(`Failed to load class from "${filePath}": ${err.message}`);
|
|
}
|
|
}
|
|
|
|
/********************************************************************
|
|
* BASE URL CLASS
|
|
********************************************************************/
|
|
class BaseUrl {
|
|
|
|
path = "";
|
|
|
|
constructor(baseUrl) {
|
|
// Add url
|
|
let url, len;
|
|
if (!$.isDefined(baseUrl) || $.isDefined(baseUrl) && !baseUrl) {
|
|
url = window.location.pathname;
|
|
} else {
|
|
url = baseUrl;
|
|
}
|
|
|
|
len = url.length;
|
|
this.path = (url.substring(len - 1) === "/" ? url.substring(0, len - 1) : url);
|
|
}
|
|
}
|
|
|
|
|
|
/********************************************************************
|
|
* SESSION CLASS
|
|
********************************************************************/
|
|
class BaseSession {
|
|
|
|
iTime = 0;
|
|
iTimeout = 0;
|
|
|
|
sBody = $();
|
|
sUrlSrc = "";
|
|
|
|
jqIframe = $();
|
|
jqObject = $();
|
|
|
|
/** @type {SessionTicker} */
|
|
timer;
|
|
|
|
constructor(sessionTime, sLoginLink) {
|
|
let _this = this;
|
|
|
|
if (sessionTime) {
|
|
_this.sUrlSrc = sLoginLink;
|
|
_this.sBody = $("#sessionTime");
|
|
_this.iTime = _this.iTimeout = (parseInt(sessionTime) - 1);
|
|
|
|
if (!_this.sBody.length) {
|
|
$("body").append(_this.sBody = $(
|
|
"<a id='sessionTime'>" +
|
|
"<div class='left'>" +
|
|
"<p>Session will expire in:</p>" +
|
|
"<p class='ed'>Session has expired! Time left:</p>" +
|
|
"</div>" +
|
|
"<div class='right'><span>00:00</span></div>" +
|
|
"</a>").css({opacity: 0.5}));
|
|
|
|
}
|
|
_this.appendSessionTime();
|
|
_this.sBody.find(".ed").hide();
|
|
|
|
_this.init();
|
|
}
|
|
}
|
|
|
|
async init() {
|
|
let _this = this;
|
|
// Load required classes
|
|
const SessionTicker = await loadClass('./class/SessionTicker.js');
|
|
|
|
_this.timer = new SessionTicker({
|
|
duration: _this.iTime,
|
|
tickInterval: 1,
|
|
onTick: (remaining) => {
|
|
_this.iTime = remaining;
|
|
_this.appendSessionTime();
|
|
},
|
|
onExpire: () => {
|
|
_this.callLoginForm();
|
|
},
|
|
});
|
|
_this.timer.start();
|
|
}
|
|
|
|
updateTimer(login, timeOut){
|
|
let _this = this;
|
|
login = $.isDefined(login) ? login : false;
|
|
timeOut = $.isDefined(timeOut) ? timeOut : false;
|
|
|
|
if (_this.iTime > 0 || login || timeOut) {
|
|
_this.iTime = (timeOut ? timeOut : _this.iTimeout);
|
|
_this.timer.reset(_this.iTime);
|
|
}
|
|
|
|
|
|
// Restart counter timer
|
|
if (login || timeOut) {
|
|
setTimeout(function () {
|
|
_this.sBody.find("span").removeClass("ajax");
|
|
}, 1000);
|
|
}
|
|
}
|
|
|
|
appendSessionTime(){
|
|
let _this = this;
|
|
_this.sBody.find("span").html(_this.secondsToTime(_this.iTime));
|
|
}
|
|
|
|
callLoginForm(){
|
|
let _this = this;
|
|
|
|
// Format status timer
|
|
_this.sBody.find("span").addClass("ajax");
|
|
|
|
CBase.ajaxLoader.disabled = true;
|
|
CBase.ajax({ac: "tcheck"}, "/ajax/g", function (d) {
|
|
if (d && d.jsonok && d.t) {
|
|
// Check if session still active - then update timer
|
|
let t = parseInt(d.t);
|
|
if (t > 5) {
|
|
_this.updateTimer(false, t);
|
|
return true;
|
|
}
|
|
}
|
|
|
|
_this.sBody.addClass("hover");
|
|
_this.sBody.find("span").html("00:00").removeClass("ajax");
|
|
|
|
CBase.ajaxLoader.disabled = false;
|
|
_this.showLoginForm();
|
|
});
|
|
}
|
|
|
|
showLoginForm(){
|
|
let _this = this, bAppended = false;
|
|
|
|
// Create form only if already not exists
|
|
if (!_this.jqIframe.length) {
|
|
bAppended = true;
|
|
_this.jqIframe = $("<iframe class='loginf' id='loginf' src='" + _this.sUrlSrc + "'></iframe>")
|
|
.css({visibility: "hidden"});
|
|
|
|
$("body").append(_this.jqIframe);
|
|
}
|
|
|
|
_this.jqIframe.on("load", function () {
|
|
$("body").addClass("oh").find("> .wrapper, #confirmDialog").addClass("fmoreblur");
|
|
if (bAppended) {
|
|
bAppended = false;
|
|
setTimeout(function () {
|
|
_this.jqIframe.hide().css({visibility: "unset"});
|
|
_this.jqIframe.fadeIn("fast");
|
|
}, 100);
|
|
}
|
|
});
|
|
}
|
|
|
|
hideLoginForm(){
|
|
let _this = this;
|
|
|
|
_this.updateTimer(true);
|
|
_this.jqIframe.fadeOut("fast", function () {
|
|
$(this).remove();
|
|
_this.jqIframe = $();
|
|
});
|
|
$("body").removeClass("oh").find("> .wrapper, #confirmDialog").removeClass("fmoreblur");
|
|
}
|
|
|
|
secondsToTime(seconds) {
|
|
const mins = Math.floor(seconds / 60);
|
|
const secs = Math.floor(seconds % 60);
|
|
return `${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
|
|
}
|
|
}
|
|
|
|
|
|
/********************************************************************
|
|
* TABS CLASS
|
|
********************************************************************/
|
|
class Tabs {
|
|
constructor(tabObj) {
|
|
let _this = this;
|
|
$(tabObj).each(function () {
|
|
$(this).find(".tab-btn li a").each(function () {
|
|
$(this).closest(".tabs").find("." + $(this).attr("id")).hide();
|
|
$(this).click(function () {
|
|
_this.select(this, true);
|
|
});
|
|
});
|
|
_this.select($(this).find(".tab-btn li a:first"), false);
|
|
});
|
|
}
|
|
|
|
select(_tab, _eff) {
|
|
_tab = $(_tab);
|
|
if (!_tab.parent().hasClass("ts")) {
|
|
let _parent = _tab.closest(".tabs");
|
|
_parent.find(".ts").removeClass("ts");
|
|
_tab.parent().addClass("ts");
|
|
_parent.find(".sbox").stop(true, true).hide();
|
|
if (_eff) {
|
|
_parent.find("." + _tab.attr("id")).fadeIn("fast");
|
|
} else {
|
|
_parent.find("." + _tab.attr("id")).show();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/********************************************************************
|
|
* AJAX LOADER CLASS
|
|
********************************************************************/
|
|
class AjaxLoader {
|
|
|
|
jqAjax = {};
|
|
disabled = false;
|
|
disabledFadeOut = false;
|
|
jqCallerObject = $();
|
|
jqCloneVisibleObject = $();
|
|
|
|
constructor() {
|
|
let _this = this;
|
|
|
|
_this.jqAjax = $("#ajax_loader");
|
|
_this.jqRoundAjaxLoader = $('<div id="ju-loading-screen" class="style-fix custom-embed-loader"><div class="sk-double-bounce"><div class="sk-child sk-double-bounce1"></div><div class="sk-child sk-double-bounce2"></div></div></div>');
|
|
|
|
if (!_this.jqAjax.length) {
|
|
// Create ajax loader
|
|
_this.jqAjax = $("<div id='ajax_loader'><div></div></div>").hide();
|
|
_this.jqAjax.find(">div").append(_this.jqRoundAjaxLoader.clone());
|
|
$("body").append(_this.jqAjax);
|
|
}
|
|
|
|
$(document).ajaxStart(function () {
|
|
_this.showLoader();
|
|
}).ajaxStop(function () {
|
|
_this.hideLoader();
|
|
});
|
|
}
|
|
|
|
showLoader(callback){
|
|
let _this = this;
|
|
if (!_this.disabled) {
|
|
if (_this.jqCallerObject.length) {
|
|
_this.jqCloneVisibleObject = _this.jqRoundAjaxLoader.clone();
|
|
_this.jqCallerObject.hide().after(_this.jqCloneVisibleObject).parent().addClass('callerAjaxObject');
|
|
} else {
|
|
//_this.jqAjax.find(">div").css({"opacity" : "0.8"});
|
|
//_this.jqAjax.siblings().not(_this.jqAjax).addClass("fblur");
|
|
_this.jqAjax.fadeIn("fast", function () {
|
|
if ($.isFunction(callback))
|
|
callback();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
hideLoader(force) {
|
|
let _this = this;
|
|
if (!_this.disabledFadeOut || $.isDefined(force) && force) {
|
|
_this.disabledFadeOut = false;
|
|
if (_this.jqCallerObject.length) {
|
|
_this.jqCloneVisibleObject.remove();
|
|
_this.jqCallerObject.show().parent().removeClass('callerAjaxObject');
|
|
_this.jqCallerObject = $();
|
|
_this.jqCloneVisibleObject = $();
|
|
} else {
|
|
if (_this.jqAjax.is(":visible")) {
|
|
//_this.jqAjax.siblings().removeClass("fblur");
|
|
_this.jqAjax.fadeOut("fast", function () {
|
|
$(this).hide();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/********************************************************************
|
|
* CONFIRM DIALOG CLASS
|
|
* ******************************************************************/
|
|
class ConfirmDialog {
|
|
|
|
jqDialog = {};
|
|
isVisible = false;
|
|
closeButton = true;
|
|
|
|
constructor(sIDClass) {
|
|
let _this = this;
|
|
|
|
sIDClass = defaultVal(sIDClass, "mainWin");
|
|
// Check if dialog already exists
|
|
_this.jqDialog = $("#confirmDialog."+sIDClass);
|
|
if(!_this.jqDialog.length){
|
|
_this.jqDialog = $("<div id='confirmDialog' class='"+sIDClass+"'><div class='dialogContainer'><div class='header'></div><div class='body'></div><div class='buttons'><ul class='dx'></ul></div></div></div>").hide();
|
|
$("body").append(_this.jqDialog);
|
|
}
|
|
|
|
if(jQuery().draggable)
|
|
_this.jqDialog.find(".dialogContainer").draggable({ containment: "parent", handle: ".header" });
|
|
_this.jqDialog.find(".header").css({opacity : 0.9});
|
|
}
|
|
|
|
show(oCfg){
|
|
let _this = this;
|
|
if (oCfg) {
|
|
if (oCfg.message && oCfg.buttons) {
|
|
_this.populateButtons(oCfg.buttons);
|
|
_this.jqDialog.find(".body").html(oCfg.message);
|
|
}
|
|
_this.jqDialog.find(".header").html((oCfg.title ? oCfg.title : "..."));
|
|
|
|
// Add close button if exists
|
|
if (oCfg.closeBtn) {
|
|
_this.jqDialog.find(".header").append($("<a href='javascript:;' class='close'></a>").click(function () {
|
|
_this.hide();
|
|
}));
|
|
}
|
|
if (oCfg.callbackAfterAppend && $.isFunction(oCfg.callbackAfterAppend))
|
|
oCfg.callbackAfterAppend(_this.jqDialog);
|
|
}
|
|
|
|
let jqForm = _this.jqDialog.find("> div");
|
|
jqForm.fadeIn("fast");
|
|
_this.jqDialog.removeClass("ajax").fadeIn("fast");
|
|
//_this.jqDialog.siblings().not("#ajax_loader").addClass("fblur");
|
|
jqForm.css({top: ($(window).height() - jqForm.height()) / 3 + "px"});
|
|
_this.isVisible = true;
|
|
}
|
|
|
|
setCustomContentAndShow(oObj) {
|
|
let _this = this;
|
|
if (_this.isVisible) {
|
|
if (oObj && oObj.message)
|
|
_this.jqDialog.find(".body").html(oObj.message);
|
|
} else {
|
|
_this.show(oObj);
|
|
}
|
|
}
|
|
|
|
hide(bShowAjaxLoader) {
|
|
let _this = this;
|
|
bShowAjaxLoader = defaultVal(bShowAjaxLoader, false);
|
|
if (bShowAjaxLoader) {
|
|
CBase.ajaxLoader.jqObj = _this.jqDialog.addClass("ajax");
|
|
} else
|
|
_this.jqDialog.fadeOut("fast");
|
|
|
|
//_this.jqDialog.siblings().removeClass("fblur");
|
|
_this.jqDialog.find("> div").stop(true, true).fadeOut("fast");
|
|
_this.isVisible = false;
|
|
}
|
|
|
|
populateButtons(d) {
|
|
if ($.isDefined(d)) {
|
|
let i, _this = this;
|
|
let cnt = _this.jqDialog.find(".buttons ul");
|
|
cnt.html("");
|
|
|
|
for (i in d) {
|
|
if ($.isDefined(d[i].lbl) && $.isDefined(d[i].id)) {
|
|
_this.addBtn(cnt, d[i]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
addBtn(cnt, d) {
|
|
let _this = this;
|
|
let oLi = $("<li" + ("liclass" in d && d.liclass.length ? " class='" + d.liclass + "'" : "") + "><a href='" + ("href" in d && d.href.length ? d.href : "javascript:;") + "' id='" + d.id + "' class='sbtn " + ("class" in d && d.class.length ? d.class : "") + "'><span>" + d.lbl + "</span></a></li>");
|
|
if ("click" in d) {
|
|
oLi.find("> a").click(function () {
|
|
d.click({target: this, object: _this.jqDialog});
|
|
});
|
|
}
|
|
if ("hidden" in d && d.hidden) oLi.hide();
|
|
cnt.append(oLi);
|
|
}
|
|
}
|
|
|
|
|
|
/********************************************************************
|
|
* CUSTOM 2FA REQUEST ONTROLLER
|
|
* ******************************************************************/
|
|
class C2FAController {
|
|
|
|
jqObj = false;
|
|
sCfgKey = "vcfg";
|
|
oValidator = false;
|
|
jqSubmitButton = $(); // Submit to automatically call after paste event
|
|
|
|
constructor(jqObj) {
|
|
let _this = this;
|
|
_this.jqObj = jqObj;
|
|
}
|
|
|
|
chk2FACode() {
|
|
let _this = this, sCode = "";
|
|
if (_this.oValidator && _this.oValidator.isFormValid()) {
|
|
_this.jqObj.find("input:text").each(function () {
|
|
sCode += $(this).val();
|
|
});
|
|
return sCode;
|
|
} else {
|
|
_this.jqObj.find(".v-error:first input:text").focus();
|
|
}
|
|
return false;
|
|
}
|
|
|
|
show2FAError(d, jqMsgContainer) {
|
|
let _this = this;
|
|
let sMsg = ("code" in d ? d.code : ("msg" in d ? d.msg : "Two-Factor Authentication Error!"));
|
|
|
|
_this.jqObj.find("input:text").parent().addClass("v-error");
|
|
if (typeof jqMsgContainer === "undefined")
|
|
_this.jqObj.find("p.msg-error").html(sMsg).fadeIn("fast");
|
|
else
|
|
jqMsgContainer.html(sMsg).fadeIn("fast");
|
|
return false;
|
|
}
|
|
|
|
bindSingleField2FARequestInputs(){
|
|
let _this = this;
|
|
let jqInputs = _this.jqObj.find("input:text");
|
|
|
|
if (jqInputs.length) {
|
|
jqInputs.unbind('focus blur click paste').bind({
|
|
focus: function () {
|
|
$(this).parent().addClass("focus");
|
|
this.setSelectionRange(0, this.value.length);
|
|
},
|
|
blur: function () {
|
|
$(this).parent().removeClass("focus");
|
|
},
|
|
click: function () {
|
|
this.setSelectionRange(0, this.value.length);
|
|
},
|
|
paste: function (e) {
|
|
// access the clipboard using the api
|
|
let jqOne = $(this);
|
|
let pastedData = e.originalEvent.clipboardData.getData('text');
|
|
|
|
if (pastedData.length) {
|
|
for (var i = 0; i < pastedData.length; i++) {
|
|
if (jqOne.length)
|
|
jqOne.val(pastedData.charAt(i)).blur();
|
|
jqOne = jqOne.parent().next().find("input:text");
|
|
}
|
|
if (jqOne.length) {
|
|
jqOne.focus();
|
|
} else {
|
|
_this.jqObj.find("input:text:focus").blur();
|
|
// Submit form on last input
|
|
if (_this.jqSubmitButton.length) _this.jqSubmitButton.click(); // If button - then click
|
|
else _this.jqObj.find("input:first").closest("form").submit(); // else submit parent form
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
jqInputs.unbind('keyup change input').bind('keyup change input', function (e) {
|
|
e.stopImmediatePropagation();
|
|
|
|
let jqObj = $(this);
|
|
let val = jqObj.val();
|
|
let valLength = val.length;
|
|
let maxCount = jqObj.attr('maxlength');
|
|
|
|
if (valLength > maxCount)
|
|
jqObj.val(jqObj.val().substring(0, maxCount));
|
|
|
|
let ctrl = (e.ctrlKey || CBase.os.mac && e.metaKey);
|
|
if (
|
|
e.type == "keyup"
|
|
&& !e.shiftKey
|
|
&& !ctrl
|
|
&& e.which != CBase.iKeys.TAB
|
|
&& e.which != CBase.iKeys.SHIFT
|
|
&& e.which != CBase.iKeys.KEY_V
|
|
) {
|
|
// Delete button
|
|
if (e.which == CBase.iKeys.BACKSPACE) {
|
|
let jqInp = jqObj.parent().prev().find("input:text");
|
|
if (jqInp.length) jqInp.focus();
|
|
return false;
|
|
}
|
|
|
|
if (_this.oValidator && _this.oValidator.checkThis(jqObj)) {
|
|
let jqInp = jqObj.parent().next().find("input:text");
|
|
if (jqInp.length) jqInp.focus();
|
|
else {
|
|
jqObj.blur();
|
|
// Submit form on last input
|
|
if (_this.jqSubmitButton.length) _this.jqSubmitButton.click(); // If button - then click
|
|
else _this.jqObj.find("input:first").closest("form").submit(); // else submit parent form
|
|
}
|
|
} else jqObj.focus();
|
|
}
|
|
});
|
|
|
|
// Setup Validator
|
|
if ($.isFunction(Validator) && _this.sCfgKey in CBase.dt) {
|
|
_this.oValidator = new Validator(CBase.dt[_this.sCfgKey], "#" + _this.jqObj.attr("id"), CBase.gM);
|
|
_this.oValidator.hideError = function (caller) {
|
|
let jqCaller = $(caller);
|
|
if (jqCaller.length) {
|
|
jqCaller.removeClass("err");
|
|
if (!jqCaller.parent().find(".err").length)
|
|
jqCaller.parent().removeClass("v-error").find(".errMsg").hide().html("");
|
|
}
|
|
// Hide base Error
|
|
_this.jqObj.find("p.msg-error").fadeOut("fast");
|
|
};
|
|
_this.oValidator.showError = function (caller, msg) {
|
|
let jqCaller = $(caller);
|
|
if (jqCaller.length) {
|
|
let jqErr = jqCaller.addClass("err").parent().addClass("v-error").find(".errMsg");
|
|
if (!jqErr.length)
|
|
jqCaller.parent().append("<div class='errMsg'>" + msg + "</div>");
|
|
else
|
|
jqErr.show().html(msg);
|
|
}
|
|
};
|
|
} else pr("Missing cfg parts!")
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/********************************************************************
|
|
* GLOBAL MESSAGE
|
|
* ******************************************************************/
|
|
class FormMsg {
|
|
|
|
iInt = 0;
|
|
jqCnt = $();
|
|
jqMessage = $();
|
|
hideChecks = false;
|
|
msg = {
|
|
msgok : {
|
|
t : "Data successfully saved",
|
|
p : "Form data has been successfully saved"
|
|
},
|
|
msgerror : {
|
|
t : "Data save error",
|
|
p : "An error occurred while saving data, please check fields and try again"
|
|
}
|
|
};
|
|
|
|
constructor(sCntSelector) {
|
|
let _this = this;
|
|
|
|
sCntSelector = defaultVal(sCntSelector, ".form-data h2.title");
|
|
_this.jqCnt = $("#data " + sCntSelector);
|
|
|
|
if (_this.jqCnt.length) {
|
|
_this.jqMessage = $("<div class='save-status'><span></span></div>").hide();
|
|
_this.jqCnt.append(_this.jqMessage);
|
|
|
|
// Set translations
|
|
if (CBase.gM) {
|
|
for (let i in _this.msg) {
|
|
_this.msg[i]["t"] = CBase.getMessageTranslation(_this.msg[i]["t"]);
|
|
_this.msg[i]["p"] = CBase.getMessageTranslation(_this.msg[i]["p"]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
show(red, autohide, title, description){
|
|
let _this = this;
|
|
|
|
clearTimeout(_this.iInt);
|
|
|
|
// Set auto-hide timer
|
|
autohide = defaultVal(autohide, 4000);
|
|
autohide = (autohide === true ? 4000 : autohide);
|
|
|
|
red = defaultVal(red, "");
|
|
title = defaultValNotFalse(title, (red ? _this.msg.msgerror.t : _this.msg.msgok.t));
|
|
description = defaultValNotFalse(description, (red ? _this.msg.msgerror.p : _this.msg.msgok.p));
|
|
|
|
if (_this.jqMessage.length) {
|
|
_this.jqMessage.removeClass("error");
|
|
|
|
// Set color
|
|
if (red) _this.jqMessage.addClass("error");
|
|
// Set text
|
|
_this.jqMessage.html(title);
|
|
if (description.length)
|
|
_this.jqMessage.append("<span>" + description + "</span>");
|
|
|
|
let hide = _this.hideChecks;
|
|
_this.hideChecks = false;
|
|
|
|
let offset = _this.jqMessage.parent().offset().top - 30;
|
|
if (isNaN(offset) && offset < 0) offset = 0;
|
|
$("html").animate({scrollTop: offset}, 400, function () {
|
|
_this.jqMessage.stop(true, true).fadeIn("fast", function () {
|
|
if (autohide) {
|
|
_this.iInt = setTimeout(function () {
|
|
_this.hide(hide);
|
|
}, autohide);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
hide(hideChecks){
|
|
let _this = this;
|
|
hideChecks = defaultVal(hideChecks, false);
|
|
_this.jqMessage.stop(true, true).fadeOut("fast");
|
|
if (hideChecks) CBase.oForm.jqBlank.find(".v-ok").removeClass("v-ok");
|
|
}
|
|
}
|
|
|
|
|
|
/********************************************************************
|
|
* CHECKBOXES
|
|
* ******************************************************************/
|
|
class CheckBoxes {
|
|
|
|
NO = "No";
|
|
YES = "Yes";
|
|
|
|
constructor() { }
|
|
|
|
bindSliderCheckboxes(obj){
|
|
if ($.isDefined(obj)) {
|
|
obj = $(".content > .cnt");
|
|
}
|
|
|
|
let no = $.isDefined(CBase.gM.no) ? CBase.gM.no : this.NO;
|
|
let yes = $.isDefined(CBase.gM.yes) ? CBase.gM.yes : this.YES;
|
|
|
|
obj.find(".chk-value").each(function () {
|
|
|
|
let parent = $(this).parent();
|
|
let y = (parent.find(".on").length ? parent.find(".on").text() : yes);
|
|
let n = (parent.find(".off").length ? parent.find(".off").text() : no);
|
|
|
|
let elem = $(this).wrap("<div class='chk chk-slider'></div>");
|
|
elem = elem.parent().append(
|
|
"<div class='slider'>" +
|
|
"<div class='on'>" + y + "</div><div class='off'>" + n + "</div><div class='switch'></div><div class='clear' style='display: none;'></div>" +
|
|
"</div>");
|
|
|
|
if (elem.find("input").val()) {
|
|
elem.find(".slider").addClass("sw-on");
|
|
} else {
|
|
elem.find(".slider").removeClass("sw-on");
|
|
}
|
|
if (elem.parent().is("li")) {
|
|
elem.parent().click(function (e) {
|
|
e.stopImmediatePropagation();
|
|
elem.click();
|
|
});
|
|
}
|
|
elem.click(function (e) {
|
|
e.stopImmediatePropagation();
|
|
let val = $(this).find("input");
|
|
let jqSlider = $(this).find(".slider").removeClass("sw0");
|
|
if (!val.is(":disabled")) {
|
|
|
|
if (parseInt(val.val())) {
|
|
val.val("");
|
|
jqSlider.removeClass("sw-on");
|
|
} else {
|
|
val.val(1);
|
|
jqSlider.addClass("sw-on");
|
|
}
|
|
val.change();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
bindSliderCheckboxesUpdate(jqObject) {
|
|
jqObject.find(".chk-value").each(function () {
|
|
let jqSlider = $(this).parent().find(".slider").addClass("sw0");
|
|
if ($(this).val() && $(this).val() !== "0") {
|
|
jqSlider.addClass("sw-on");
|
|
} else {
|
|
jqSlider.removeClass("sw-on");
|
|
}
|
|
});
|
|
}
|
|
|
|
bindBaseCheckboxes(obj) {
|
|
if (!$.isDefined(obj)) {
|
|
obj = $(".content > .cnt");
|
|
}
|
|
|
|
// Bind checkboxes
|
|
obj.find(".ncheckbox ul.pblocks li > .chk.disabled").parent().addClass("disabled");
|
|
obj.find(".ncheckbox ul.pblocks li > .chk:not(.disabled)").parent().click(function (e) {
|
|
e.stopPropagation();
|
|
$(this).find(".chk").click();
|
|
});
|
|
obj.find(".ncheckbox .chk").parent().find("label").click(function (e) {
|
|
e.stopPropagation();
|
|
$(this).parent().find(".chk").click();
|
|
});
|
|
obj.find(".ncheckbox .chk").click(function (e) {
|
|
let jqObj = $(this), r = {}, sbox = {};
|
|
e.stopPropagation();
|
|
|
|
if (!jqObj.hasClass("disabled")) {
|
|
if (jqObj.hasClass("chked")) {
|
|
jqObj.removeClass("chked");
|
|
|
|
// Unticks mark tick all rows marker
|
|
r = jqObj.closest(".sbox").find(".ckh_all:first .chk");
|
|
if (r.length && r.hasClass("chkedall")) {
|
|
r.removeClass("chkedall chked");
|
|
}
|
|
} else {
|
|
jqObj.addClass("chked");
|
|
|
|
// Ticks mark tick all rows marker
|
|
sbox = jqObj.closest(".sbox");
|
|
r = sbox.find(".ckh_all:first .chk");
|
|
if (r.length) {
|
|
if (sbox.find(".ncheckbox .chk:not(.no-sbox-sel)").length == sbox.find(".ncheckbox .chk.chked:not(.no-sbox-sel)").length) {
|
|
r.addClass("chkedall chked");
|
|
}
|
|
}
|
|
}
|
|
jqObj.trigger("change");
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
/********************************************************************
|
|
* JS BASE CLASS
|
|
* ******************************************************************/
|
|
class CmsBase {
|
|
|
|
dt = {};
|
|
gM = {};
|
|
os = {};
|
|
|
|
browser = {};
|
|
settings = {};
|
|
checkboxes = {};
|
|
ajaxLoader = {};
|
|
onResize = {};
|
|
oSession = null;
|
|
|
|
oDialog = {};
|
|
oForm = {};
|
|
oTable = {};
|
|
jsModule = {};
|
|
url = null;
|
|
debug = false;
|
|
oConsole = false;
|
|
|
|
iKeys = {
|
|
BACKSPACE : 8,
|
|
TAB : 9,
|
|
ENTER : 13,
|
|
SHIFT : 16,
|
|
ESC : 27,
|
|
SPACE : 32,
|
|
ARROW_UP : 38,
|
|
ARROW_DOWN : 40,
|
|
DEL : 46,
|
|
KEY_F : 70,
|
|
KEY_N : 78,
|
|
KEY_S : 83,
|
|
KEY_V : 86
|
|
};
|
|
|
|
constructor() {
|
|
let _this = this;
|
|
|
|
// Load base js params
|
|
if ($.isDefined(Vars.data)) {
|
|
_this.dt = {};
|
|
for (let i in Vars.data) {
|
|
if (i === 'gL' || i === 'gM') {
|
|
_this.gM = $.parseJSON(Vars.data[i]);
|
|
} else {
|
|
_this.dt[i] = $.parseJSON(Vars.data[i]);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Global clicks
|
|
$('html').bind("click", function (event) {
|
|
_this.hideSettMenu(event, $(".settbox"));
|
|
_this.hideSettMenu(event, $(".actions a.dd"));
|
|
_this.hideSubMenu(event, $(".sub-menu").closest("a"));
|
|
$("#users-online").hide();
|
|
});
|
|
|
|
|
|
if (typeof BrsConsole === 'function') {
|
|
_this.debug = true;
|
|
_this.oConsole = new BrsConsole(_this);
|
|
window.onerror = function (msg, url, lineNo, columnNo, error) {
|
|
pr({msg: msg, url: url, lineNo: lineNo, columnNo: columnNo, error: error});
|
|
return false;
|
|
};
|
|
}
|
|
|
|
|
|
// Init subclasses
|
|
_this.url = new BaseUrl(defaultVal(_this.dt.baseUrl, false));
|
|
_this.oSession = new BaseSession(
|
|
($.isDefined(_this.dt.sessionTime) ? _this.dt.sessionTime : 3600),
|
|
("sessionLoginLink" in _this.dt ? _this.dt.sessionLoginLink : "")
|
|
);
|
|
_this.settings = typeof (Settings) != "undefined" ? new Settings() : {};
|
|
_this.ajaxLoader = new AjaxLoader();
|
|
_this.checkboxes = new CheckBoxes();
|
|
|
|
_this.message = new FormMsg();
|
|
_this.oDialog = new ConfirmDialog();
|
|
|
|
|
|
// Additional actions
|
|
_this.getDevice();
|
|
_this.bindActions();
|
|
_this.resizeForm();
|
|
}
|
|
|
|
// BIND ACTIONS
|
|
bindActions() {
|
|
this.bindMenuActions();
|
|
this.bindLeftMenuActions();
|
|
this.bindLayoutActions();
|
|
}
|
|
|
|
resizeForm() {
|
|
this.recalculateMenu();
|
|
this.resizeLeftMenu();
|
|
|
|
if ($.isDefined(this.onResize)) {
|
|
for (let i in this.onResize) {
|
|
if ($.isFunction(this.onResize[i]))
|
|
this.onResize[i]();
|
|
}
|
|
}
|
|
}
|
|
|
|
// Global functions
|
|
vNewMessages = {};
|
|
getMessageTranslation(sMsg){
|
|
let _this = this;
|
|
if (_this.gM && _this.gM[sMsg])
|
|
return _this.gM[sMsg];
|
|
else
|
|
_this.vNewMessages[sMsg];
|
|
return sMsg;
|
|
}
|
|
|
|
getDevice(){
|
|
let ua = navigator.userAgent.toLowerCase();
|
|
this.browser = {
|
|
idevice: /(iphone|ipod|ipad)/.test(ua),
|
|
blackberry: /blackberry/.test(ua),
|
|
android: /android/.test(ua),
|
|
firefox: /firefox/.test(ua)
|
|
};
|
|
this.os = {
|
|
mac: /(mac)/.test(ua),
|
|
win: /(win)/.test(ua),
|
|
linux: /(linux)/.test(ua)
|
|
}
|
|
}
|
|
|
|
ajax(data, url, onSuccess) {
|
|
let _this = this;
|
|
let jqAjaxCode = $("#ajaxcode");
|
|
|
|
if (jqAjaxCode.length) {
|
|
$.extend(($.isDefined(data) ? data : {}), {ajaxCode: jqAjaxCode.val()})
|
|
}
|
|
if (!$.isDefined(url) || $.isDefined(url) && !url) {
|
|
url = window.location;
|
|
}
|
|
|
|
$.ajax({
|
|
url: url,
|
|
type: "POST",
|
|
data: data,
|
|
dataType: "json",
|
|
success: function (d) {
|
|
if (d) {
|
|
// Update session timer
|
|
_this.oSession.updateTimer();
|
|
// Check if login request sent
|
|
if (d.error && d.show_login_frm) {
|
|
_this.oSession.callLoginForm();
|
|
return false;
|
|
}
|
|
}
|
|
|
|
if ($.isFunction(onSuccess)) {
|
|
onSuccess(d);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// Gather base fields
|
|
getFields(obj, exclude, sKeyAttr) {
|
|
let key;
|
|
obj = defaultVal(obj, $(".cnt"));
|
|
|
|
sKeyAttr = defaultValNotFalse(sKeyAttr, defaultValNotFalse(obj.data('attr-key'), "id"));
|
|
exclude = defaultValNotFalse(exclude, ".skip");
|
|
|
|
let oData = {};
|
|
$(obj).find("input:text, input:hidden, textarea, input:password").not(exclude).each(function () {
|
|
if (key = $(this).attr(sKeyAttr))
|
|
oData[key] = ($(this).val() ? $(this).val() : "");
|
|
});
|
|
$(obj).find("input:checkbox,.chk").not(exclude).each(function () {
|
|
if (key = $(this).attr(sKeyAttr))
|
|
oData[key] = ($(this).hasClass("chked") || $(this).is(":checked") ? 1 : 0);
|
|
});
|
|
$(obj).find("select").not(exclude).each(function () {
|
|
if (key = $(this).attr(sKeyAttr)) {
|
|
if ($(this).hasClass("getall")) {
|
|
let sel = $(this).find("option:selected");
|
|
$(this).find("option").not(exclude).prop("selected", true);
|
|
oData[key] = $(this).val();
|
|
$(this).find("option").not(sel).prop("selected", false);
|
|
} else {
|
|
oData[key] = ($(this).val() ? $(this).val() : "");
|
|
}
|
|
}
|
|
});
|
|
$(obj).find("input:radio:checked").not(exclude).each(function () {
|
|
if (key = $(this).attr(sKeyAttr))
|
|
oData[key] = ($(this).val() ? $(this).val() : "");
|
|
});
|
|
|
|
return oData;
|
|
}
|
|
|
|
// MENU BLOCK
|
|
bindMenuActions(){
|
|
let _this = this;
|
|
_this.Mnu = {timeout: 0, oTimeout: 0};
|
|
|
|
/*$(".menu:not(.settbox) li > a").click(function(){
|
|
$(this).closest("ul").find("li.active").removeClass("active");
|
|
$(this).parent().addClass("active");
|
|
});*/
|
|
|
|
// iDevice mode
|
|
if (this.browser.idevice) {
|
|
$(".settbox > .sett > a").bind({
|
|
click: function (event) {
|
|
if ($(".settbox_cnt").is(":visible")) {
|
|
_this.hideSettMenu(event, this);
|
|
} else {
|
|
_this.showSettMenu(event, this);
|
|
}
|
|
}
|
|
});
|
|
// Default mode
|
|
} else {
|
|
$(".settbox > .sett > a").bind({
|
|
mouseenter: function (event) {
|
|
if (_this.Mnu.timeout)
|
|
window.clearTimeout(_this.Mnu.timeout);
|
|
let box = this;
|
|
_this.Mnu.timeout = window.setTimeout(function () {
|
|
_this.showSettMenu(event, box);
|
|
}, 300);
|
|
|
|
},
|
|
click: function (event) {
|
|
_this.showSettMenu(event, this);
|
|
}
|
|
});
|
|
$(".settbox").bind({
|
|
mouseleave: function (event) {
|
|
if (_this.Mnu.timeout)
|
|
window.clearTimeout(_this.Mnu.timeout);
|
|
let box = this;
|
|
_this.Mnu.timeout = window.setTimeout(function () {
|
|
_this.hideSettMenu(event, box);
|
|
}, 300);
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
// Apend default actions
|
|
$(".inset li").each(function () {
|
|
$(".settbox_cnt ul").append($(this));
|
|
});
|
|
|
|
// Sub-menu actions
|
|
$("div.sub-menu").each(function () {
|
|
$(this).find("li > div").each(function () {
|
|
$(this).wrap("<a href='" + $(this).closest("li").attr("href") + "' class='" + $(this).closest("li").attr("id") + "'><a/>");
|
|
$(this).closest("li").attr("href", "");
|
|
$(this).closest("li").attr("id", "");
|
|
});
|
|
});
|
|
|
|
// Bind Sub-menu action events
|
|
$(".sub-menu").each(function () {
|
|
let pt = $(this);
|
|
// iDevice mode
|
|
if (_this.browser.idevice) {
|
|
|
|
pt.closest("a").bind({
|
|
click: function () {
|
|
return true;
|
|
}
|
|
});
|
|
} else {
|
|
|
|
pt.closest("a").bind({
|
|
mouseenter: function (event) {
|
|
if (_this.Mnu.timeout)
|
|
window.clearTimeout(_this.Mnu.timeout);
|
|
let box = this;
|
|
_this.Mnu.timeout = window.setTimeout(function () {
|
|
_this.showSubMenu(event, box);
|
|
}, 200);
|
|
|
|
},
|
|
click: function (event) {
|
|
_this.showSubMenu(event, this);
|
|
}
|
|
});
|
|
pt.closest("a").bind({
|
|
mouseleave: function (event) {
|
|
if (_this.Mnu.timeout)
|
|
window.clearTimeout(_this.Mnu.timeout);
|
|
_this.hideSubMenu(event, this);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
bindLayoutActions() {
|
|
let jqOUsers = $("#users-online");
|
|
if (jqOUsers.length) {
|
|
if (this.browser.idevice) {
|
|
$(".online-users").bind({
|
|
click: function () {
|
|
if ($(".settbox_cnt").is(":visible")) {
|
|
jqOUsers.hide();
|
|
} else {
|
|
jqOUsers.fadeIn("fast");
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
$(".online-users").bind({
|
|
mouseenter: function () {
|
|
jqOUsers.fadeIn("fast");
|
|
},
|
|
click: function () {
|
|
jqOUsers.fadeIn("fast");
|
|
}
|
|
});
|
|
jqOUsers.bind({
|
|
mouseleave: function () {
|
|
jqOUsers.hide();
|
|
}
|
|
});
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
showSettMenu(event, obj) {
|
|
let box = $(obj).find(".box_cnt");
|
|
if (box.is(":hidden")) {
|
|
box.closest("a").addClass("active");
|
|
box.stop(true, true).fadeIn("fast");
|
|
}
|
|
event.stopPropagation();
|
|
}
|
|
|
|
hideSettMenu(event, obj) {
|
|
let box = $(obj).find(".box_cnt");
|
|
if (box.is(":visible")) {
|
|
box.closest(".active").removeClass("active");
|
|
box.stop(true, true).fadeOut("fast");
|
|
}
|
|
}
|
|
|
|
showSubMenu(event, obj) {
|
|
let box = $(obj).find(".sub-menu");
|
|
if (box.is(":hidden") && box.find("li").length > 1) {
|
|
box.closest("a").addClass("oactive");
|
|
box.stop(true, true).fadeIn(100);
|
|
}
|
|
event.stopPropagation();
|
|
}
|
|
|
|
hideSubMenu(event, obj) {
|
|
let box = $(obj).find(".sub-menu");
|
|
if (box.is(":visible")) {
|
|
box.closest(".oactive").removeClass("oactive");
|
|
box.stop(true, true).fadeOut("fast");
|
|
}
|
|
}
|
|
|
|
recalculateMenu() {
|
|
let t = 0, mm = $(".menu:first"), ww = mm.width();
|
|
mm.find(".fh").removeClass("fh");
|
|
mm.find("> li").each(function () {
|
|
t += $(this).outerWidth();
|
|
if (ww < t) {
|
|
$(this).addClass("fh");
|
|
}
|
|
});
|
|
this.appendMenuListElem(ww, t);
|
|
}
|
|
|
|
appendMenuListElem() {
|
|
let mm = $(".menu:first"), dd = $(".settbox_cnt > ul");
|
|
if (dd.length) {
|
|
mm.find(".sl-last").remove();
|
|
dd.find(".m-link").remove();
|
|
mm.find(".fh:first").before(mm.find("li.last").clone().addClass("sl-last"));
|
|
mm.find(".fh:not(.last)").each(function () {
|
|
var elem = $(this).clone(true).addClass("m-link");
|
|
elem.find(".sub-menu").remove();
|
|
dd.append(elem);
|
|
|
|
});
|
|
}
|
|
}
|
|
|
|
// MAIL LEFT MENU
|
|
resizeLeftMenu() {
|
|
let h, win = $(window).height(), ds = $(".dummy-space").height();
|
|
let cont = $(".content > .cnt").outerHeight(), tmenu = $(".menu-cnt").height(),
|
|
lmenu = $(".lc-menu").height();
|
|
let winb = win - tmenu - cont;
|
|
|
|
let ac = lmenu - ds;
|
|
|
|
if (winb > 0) {
|
|
h = win - ac - tmenu;
|
|
if (h > 0) {
|
|
$(".dummy-space").css("height", h + "px");
|
|
} else if (ds) {
|
|
$(".dummy-space").css("height", "0px");
|
|
}
|
|
} else {
|
|
h = cont - (lmenu - ds);
|
|
|
|
if (h >= 0) {
|
|
$(".dummy-space").css({height: h + "px"});
|
|
}
|
|
}
|
|
}
|
|
|
|
bindLeftMenuActions() {
|
|
let _this = this;
|
|
|
|
$(".lc-menu .collapse").click(function () {
|
|
let jqWrapper = $(this).closest(".wrapper");
|
|
jqWrapper.toggleClass("lc-menu-short");
|
|
_this.settings.saveProperty({leftmenu: (jqWrapper.hasClass("lc-menu-short") ? 0 : 1)}, false, false);
|
|
});
|
|
|
|
if (!$(".lc-menu .collapse").is(":visible"))
|
|
$(".lc-menu .collapse").fadeIn("fast");
|
|
}
|
|
|
|
getObjectClass(oJsModule) {
|
|
let sModName = "", _this = this;
|
|
|
|
oJsModule = (!defaultVal(oJsModule, false) ? _this.jsModule : oJsModule);
|
|
if (oJsModule.hasOwnProperty("sModName") && oJsModule.sModName) {
|
|
sModName = oJsModule.sModName;
|
|
} else {
|
|
sModName = /(\w+)\(/.exec(oJsModule.constructor.toString())[1];
|
|
if (sModName.length) sModName = sModName.charAt(0).toLocaleLowerCase() + sModName.slice(1);
|
|
oJsModule.sModName = sModName;
|
|
}
|
|
return sModName;
|
|
}
|
|
|
|
roundNumber(num, dec) {
|
|
return Math.round(num * Math.pow(10, dec)) / Math.pow(10, dec);
|
|
}
|
|
|
|
formatNumber(number, decimals, dec_point, thousands_sep) {
|
|
let n = number, prec = decimals;
|
|
|
|
var toFixedFix = function (n, prec) {
|
|
let k = Math.pow(10, prec);
|
|
return (Math.round(n * k) / k).toString();
|
|
};
|
|
|
|
n = !isFinite(+n) ? 0 : +n;
|
|
prec = !isFinite(+prec) ? 0 : Math.abs(prec);
|
|
let sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep;
|
|
let dec = (typeof dec_point === 'undefined') ? '.' : dec_point;
|
|
|
|
let s = (prec > 0) ? toFixedFix(n, prec) : toFixedFix(Math.round(n), prec); //fix for IE parseFloat(0.55).toFixed(0) = 0;
|
|
|
|
let abs = toFixedFix(Math.abs(n), prec);
|
|
let _, i;
|
|
|
|
if (abs >= 1000) {
|
|
_ = abs.split(/\D/);
|
|
i = _[0].length % 3 || 3;
|
|
|
|
_[0] = s.slice(0, i + (n < 0)) +
|
|
_[0].slice(i).replace(/(\d{3})/g, sep + '$1');
|
|
s = _.join(dec);
|
|
} else {
|
|
s = s.replace('.', dec);
|
|
}
|
|
|
|
let decPos = s.indexOf(dec);
|
|
if (prec >= 1 && decPos !== -1 && (s.length - decPos - 1) < prec) {
|
|
s += new Array(prec - (s.length - decPos - 1)).join(0) + '0';
|
|
} else if (prec >= 1 && decPos === -1) {
|
|
s += dec + new Array(prec).join(0) + '0';
|
|
}
|
|
return s;
|
|
}
|
|
|
|
scrollToSeeElement(jqElement, fnCallback) {
|
|
let iScrollTo = false;
|
|
let winH = window.innerHeight;
|
|
let jqHtml = $("html"), winS2Top = jqHtml.scrollTop();
|
|
|
|
let iElemTop = jqElement.offset().top;
|
|
|
|
if (iElemTop < winS2Top) {
|
|
iScrollTo = iElemTop - 30;
|
|
} else if ((iElemTop + jqElement.outerHeight()) > (winH + winS2Top)) {
|
|
iScrollTo = winS2Top + (iElemTop + jqElement.outerHeight()) - (winH + winS2Top) + 20;
|
|
}
|
|
if (iScrollTo) {
|
|
jqHtml.stop(true, true).animate({scrollTop: iScrollTo}, 400, function () {
|
|
if ($.isFunction(fnCallback))
|
|
fnCallback();
|
|
});
|
|
}
|
|
}
|
|
|
|
// Copies a string to the clipboard. Must be called from within an event handler such as click.
|
|
// May return false if it failed, but this is not always
|
|
// possible. Browser support for Chrome 43+, Firefox 42+, Edge and IE 10+.
|
|
// No Safari support, as of (Nov. 2015). Returns false.
|
|
// IE: The clipboard feature may be disabled by an adminstrator. By default a prompt is
|
|
// shown the first time the clipboard is used (per session).
|
|
copyToClipboard(text) {
|
|
if (window.clipboardData && window.clipboardData.setData) {
|
|
// IE specific code path to prevent textarea being shown while dialog is visible.
|
|
return clipboardData.setData("Text", text);
|
|
|
|
} else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
|
|
let textarea = document.createElement("textarea");
|
|
textarea.textContent = text;
|
|
textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge.
|
|
document.body.appendChild(textarea);
|
|
textarea.select();
|
|
try {
|
|
return document.execCommand("copy"); // Security exception may be thrown by some browsers.
|
|
} catch (ex) {
|
|
console.warn("Copy to clipboard failed.", ex);
|
|
return false;
|
|
} finally {
|
|
document.body.removeChild(textarea);
|
|
}
|
|
}
|
|
}
|
|
|
|
xPos = 0;
|
|
yPos = 0;
|
|
|
|
findDocumentXY(e){
|
|
let _this = this;
|
|
|
|
// FireFox Chrome Safari
|
|
if (e) {
|
|
_this.xPos = e.pageX;
|
|
_this.yPos = e.pageY;
|
|
//IE
|
|
} else {
|
|
_this.xPos = window.event.x + document.body.scrollLeft - 2;
|
|
_this.yPos = window.event.y + document.body.scrollTop - 2;
|
|
}
|
|
//console.log(_this.xPos, _this.yPos);
|
|
}
|
|
|
|
initJsModule(){
|
|
let _this = this;
|
|
// Init module if set
|
|
if (_this.dt && _this.dt.JsModuleTitle) {
|
|
_this.jsModule = new window[_this.dt.JsModuleTitle]();
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/*
|
|
* BIND ACTIONS
|
|
*/
|
|
$(function () {
|
|
$(document).bind({
|
|
mousemove: function (e) {
|
|
CBase.findDocumentXY(e);
|
|
},
|
|
keydown: function (e) {
|
|
if (CBase.os.win || CBase.os.mac || CBase.os.linux) {
|
|
|
|
// Bind ESC button
|
|
if (e.which == CBase.iKeys.ESC) {
|
|
// Close popup
|
|
if (CBase.oDialog.isVisible)
|
|
CBase.oDialog.hide();
|
|
|
|
// Close drop-boxes
|
|
let searchDD = $(".search li.dropBox > ul:visible");
|
|
if (searchDD.length)
|
|
searchDD.closest("li").click();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|