/////////////////////////////////////////////////////////////////
// Sircl 2.x - Core
// www.getsircl.com
// Copyright (c) 2019-2023 Rudi Breedenraedt
// Sircl is released under the MIT license, see sircl-license.txt
/////////////////////////////////////////////////////////////////
/* tslint:disabled */
// Coding conventions:
// - Within selectors, write tagnames capitalized, i.e: "A[href]".
// - Variablenames holding selector strings end with '$', i.e: var selector$ = ".class";
// - Variablenames holding jQuery selection objects start with '$', i.e: var $selection = $(".class");
// - Strings are surrounded by double-quotes.
//#region Prerequisites
// Check JQuery is installed:
if (typeof jQuery === "undefined") console.error("Sircl requires jQuery to be executed before Sircl libraries. Please add the jQuery script or move it before Sircl scripts.");
//#endregion
//#region jQuery Overrides
//$.ajaxSetup({
// cache: false
//});
// jQuery html() override:
sircl_originalJqHtml = $.fn.html;
$.fn.html = function (htmlStringOrFx) {
var $t = this;
if (htmlStringOrFx === undefined) {
return sircl_originalJqHtml.call($t);
} else {
$t.each(function () { sircl._beforeUnload(this); });
var response = sircl_originalJqHtml.call($t, htmlStringOrFx);
if (htmlStringOrFx !== null) {
$t.each(function () { sircl._afterLoad(this); });
}
return response;
}
};
// jQuery load() override:
sircl_originalJqLoad = $.fn.load;
$.fn.load = function (url, data, callback) {
// Adjust params:
if (callback === undefined && typeof data == "function") {
callback = data;
data = null;
}
// Build request data:
var req = {
$trigger: this,
$initialTarget: this,
$newTarget: null,
targetMethod: this.attr("target-method") || null,
newTargetMethod: null,
action: url,
method: "get",
enctype: null,
formData: data,
isForeground: false
};
// Process submission:
sircl._processRequest(req, callback);
// Return this for chaining:
return this;
};
// Add a jQuery "hasAttr(name)" function:
$.fn.hasAttr = function (name) {
return this.attr(name) !== undefined;
};
//#endregion
//#region Sircl root object
// Sircl root object:
if (typeof sircl === "undefined") sircl = {};
sircl.version = 2.0;
console.info("Sircl v." + sircl.version + " running.");
/**
* Defines an class alias for an attribute with specific value.
* @param {any} aliasClass$ The class that is the alias.
* @param {any} attributeName The attribute name.
* @param {any} attributeValue The default attribute value.
*/
sircl.addAttributeAlias = function (aliasClass$, attributeName, attributeValue) {
sircl.addContentReadyHandler("enrich", function sircl_addAttributeAlias() {
$(this).find(aliasClass$).each(function () {
$(this).attr(attributeName, attributeValue);
});
});
};
//#endregion
//#region Miscellaneous settings
sircl.html_spinner = sircl.html_spinner || ' ';
sircl.max_redirects = sircl.max_redirects || 20;
sircl.mainTargetSelector$ = sircl.mainTargetSelector$ || "*[sircl-appid], .main-target";
sircl.lastPageNavigationObject = null;
sircl.showHideDuration = sircl.showHideDuration || 200;
//#endregion
//#region Sircl extensions library
sircl.ext = {};
/**
* Returns the first element of the given array, or null if array undefined or empty.
* @param {any} array The array.
*/
sircl.ext.firstOrNull = function sircl_ext_firstOrNull(array) { if (array) { if (array.length > 0) return array[0]; else return null; } else return null; };
/**
* Get current visible state or set visible state of given element or selector.
* @param {any} elementOrSelector Element or selector.
* @param {any} visible True to make it visible, false to make it hidden. Absent to get current visible state.
* @param {any} allowAnimation True to allow animation. False or absent for no animation (i.e. in initial rendering).
* Animation will only happen if allowed and element has "animate" class.
* @param {any} callback If set, function called after setting hiding/showing.
*/
sircl.ext.visible = function sircl_ext_visible(elementOrSelector, visible, allowAnimation, callback) {
if (visible === undefined) {
return !$(elementOrSelector).hasAttr("hidden") && !$(elementOrSelector).hasAttr("hiding");
} else if ($.fn.stop) { // stop is not available in slim version if jQuery
var matches = $(elementOrSelector).filter(visible ? "[hidden], [hiding]" : ":not([hidden]):not([hiding])");
var matchcount = matches.length;
matches.each(function () {
var animate = allowAnimation && $(this).hasClass("animate");
if (visible) {
if (animate) {
$(this).stop(false, true);
$(this).hide();
$(this).removeAttr("hidden");
$(this).slideDown(sircl.showHideDuration, function () {
if (callback) { if (--matchcount === 0) callback(); }
});
} else {
$(this).removeAttr("hidden");
$(this).show();
if (callback) { if (--matchcount === 0) callback(); }
}
} else {
if (animate) {
$(this).attr("hiding", "hiding");
$(this).stop(false, true);
$(this).show();
$(this).slideUp(sircl.showHideDuration, function () {
$(this).attr("hidden", "hidden");
$(this).removeAttr("hiding");
if (callback) { if (--matchcount === 0) callback(); }
});
} else {
$(this).attr("hidden", "hidden");
$(this).hide();
if (callback) { if (--matchcount === 0) callback(); }
}
}
});
// If no matches, just execute callback:
if (matches.length == 0) if (callback) callback();
} else {
if (visible) {
$(elementOrSelector).removeAttr("hidden");
} else {
$(elementOrSelector).attr("hidden", "hidden");
}
if (callback) callback();
}
};
/**
* Get current enabled state or set enabled state of given element or selector.
* @param {any} elementOrJqObject Element or jQuery object.
* @param {any} enabled True to make it enabled, false to make it disabled. Absent to get current enabled state.
*/
sircl.ext.enabled = function sircl_ext_enabled(elementOrJqObject, enabled) {
var $selector = $(elementOrJqObject);
if (enabled === undefined) {
if ($selector.length > 0) {
if ($selector[0].hasAttribute("href")) {
return !$selector[0].hasAttribute("disabled");
} else {
return !$selector.prop("disabled");
}
} else {
return false;
}
} else {
$selector.each(function () {
if (this.hasAttribute("href")) {
if (enabled) {
$selector.removeAttr("disabled");
} else {
$selector.attr("disabled", "disabled");
}
} else {
$selector.prop("disabled", !enabled);
}
});
}
}
/**
* Returns the id of the given element or selector.
* @param {any} elementOrSelector Element or selector.
* @param {any} createIdIfMissing True to create and id if none exists yet.
*/
sircl.ext.getId = function sircl_ext_getId(elementOrSelector, createIdIfMissing) {
var $elements = $(elementOrSelector);
if ($elements.length > 0) {
var id = $elements[0].id;
if ((id === "" || id === undefined) && createIdIfMissing === true) {
id = $elements[0].id = "id-" + new Date().getTime();
}
return id;
} else {
return null;
}
};
/**
* Returns the effective value of the form control element. For checkboxes and radios: there value if they are
* checked, empty string otherwise, for other controls, their current value.
* For multiselects, an array is returned. For all other controls, a string is returned.
* @param {any} element Form control element to get the value from.
*/
sircl.ext.effectiveValue = function sircl_ext_effectivValue(element) {
if (element.tagName == "INPUT" && element.getAttribute('type') == 'checkbox') {
return (element.checked) ? element.value : "";
} else if (element.tagName == "INPUT" && element.getAttribute('type') == 'radio') {
return (element.checked) ? element.value : "";
} else {
return $(element).val() || "";
}
}
/**
* Returns the main target of the page.
*/
sircl.ext.$mainTarget = function sircl_ext_$mainTarget() {
var $mainTarget = $(sircl.mainTargetSelector$);
return $mainTarget;
}
/**
* Returns whether the value should be interpreted as an internal target as opposed to an external target to a browser window, frame or tab.
* Targets starting with any of these characters is considered internal: #, ., *, :, <, >, &, [, space.
* External targets typically start with an underscore (as _self, _top, _blank) or are alphanumeric.
* @param {any} targetValue
*/
sircl.ext.isInternalTarget = function sircl_ext_isInternalTarget(targetValue) {
if (targetValue == null || targetValue.length == 0) return false;
switch (targetValue.charAt(0)) {
case "#": return true;
case ".": return true;
case "*": return true;
case ":": return true;
case "<": return true;
case ">": return true;
case "&": return true;
case "[": return true;
case " ": return true;
default: return false;
}
};
/**
* Convenience function, inverse of isInternalTarget.
* @param {any} targetValue
*/
sircl.ext.isExternalTarget = function sircl_ext_isExternalTarget(targetValue) { return !sircl.ext.isInternalTarget(targetValue); };
/**
* Resolves an absolute or relative selector in the given context.
* @param {any} $context Context in which to resolve the selector.
* @param {any} selector$ Absolute or relative selector string.
*/
sircl.ext.$select = function sircl_ext_$select($context, selector$) {
if (selector$ === undefined || selector$ === null) {
return $([]);
} else {
var selectorParts$ = selector$.split(",");
var $result = $([]);
for (var i = 0; i < selectorParts$.length; i++) {
var sel$ = selectorParts$[i].trim();
if (sel$.length == 0) {
// Ignore
} else if (sel$.indexOf("|") >= 0 && sel$.indexOf("|=") < sel$.indexOf("|")) { // Break on "|" but not on "|=" as in https://api.jquery.com/attribute-contains-prefix-selector/
var breakpos = sel$.indexOf("|");
$result = $result.add(sircl.ext.$select(sircl.ext.$select($context, sel$.substring(0, breakpos)), sel$.substr(breakpos + 1)));
} else if (sel$.endsWith(":nth(1)")) {
var matches = sircl.ext.$select($context, sel$.substring(0, sel$.length - 7));
if (matches.length > 0) $result = $result.add(matches[0]);
} else if (sel$ === ":this") {
$result = $result.add($context);
} else if (sel$ === ":parent") {
$result = $result.add($context).parent();
} else if (sel$ === ":form") {
if ($context.hasAttr("form")) {
$result = $result.add($("#" + $context.attr("form")));
} else {
$result = $result.add($context.closest("FORM"));
}
} else if (sel$.indexOf(">") === 0) {
$result = $result.add($context.find(sel$.substring(1)));
} else if (sel$.indexOf(">") === 0) {
$result = $result.add($context.find(sel$.substring(4)));
} else if (sel$.indexOf("<") === 0) {
$result = $result.add($context.closest(sel$.substring(1)));
} else if (sel$.indexOf("<") === 0) {
$result = $result.add($context.closest(sel$.substring(4)));
} else {
$result = $result.add($(sel$));
}
}
return $result;
}
};
/**
* Returns the value in CSS escaped format.
* @param {any} value
*/
sircl.ext.cssEscape = function sircl_ext_cssEscape(value) {
try {
return CSS.escape(value);
} catch (ex) {
// MSIE does not support CSS.escape:
return value
.replace(/\./g, "\\.")
.replace(/\,/g, "\\,")
.replace(/\:/g, "\\:")
.replace(/\*/g, "\\*")
.replace(/\#/g, "\\#")
.replace(/\(/g, "\\(")
.replace(/\)/g, "\\)")
.replace(/\[/g, "\\[")
.replace(/\\/g, "\\\\")
.replace(/\//g, "\\/")
.replace(/\%/g, "\\%")
.replace(/\]/g, "\\]");
}
};
/**
* Helper method to perform an action on given scopes.
* @param {any} $scope A scope.
* @param {string} expression An expression consisting of comma-separated parts that may contain an "on" clausule.
* @param {scopedDoCallback} action The action to perform.
*/
sircl.ext.scopedDo = function sircl_ext_scopedDo($scope, expression, action) {
try {
var part0 = null;
expression.split(",").forEach(function (exprItem) {
var parts = exprItem.split(" on ").map(function (value) { return value.trim(); });
if (parts.length === 1) {
if (part0 == null) {
action($scope, parts[0]);
} else {
action(sircl.ext.$select($scope, parts[0]), part0);
}
} else {
action(sircl.ext.$select($scope, parts[1]), part0 = parts[0]);
}
});
} catch (ex) {
var el = null;
if ($scope != null && $scope.length > 0) el = $scope[0];
sircl.handleError("S151", "Error evaluating class action value \"" + expression + "\" : " + ex, { exception: ex, element: el });
}
};
/**
* Add class to a given scope.
* @param {any} $scope
* @param {string} classExpression Class name to add. Can contain an "on" clausule. Supports comma-separated list. I.e. "active, highlighted on < li" : make scope active and closest li highlighted.
*/
sircl.ext.addClass = function sircl_ext_addClass($scope, classExpression) {
sircl.ext.scopedDo($scope, classExpression, function ($s, c) { $s.addClass(c); })
};
/**
* Remove class from a given scope.
* @param {any} $scope
* @param {string} classExpression Class name to remove. Can contain an "on" clausule. Supports comma-separated list. I.e. "active, highlighted on < li" : remove active from scpe and highlighted from closest li.
*/
sircl.ext.removeClass = function sircl_ext_removeClass($scope, classExpression) {
sircl.ext.scopedDo($scope, classExpression, function ($s, c) { $s.removeClass(c); })
};
/**
* Toggle class on a given scope.
* @param {any} $scope
* @param {string} classExpression Class name to toggle. Can contain an "on" clausule. Supports comma-separated list. I.e. "active, highlighted on < li" : toggle active on scope and highlighted on closest li.
*/
sircl.ext.toggleClass = function sircl_ext_toggleClass($scope, classExpression) {
sircl.ext.scopedDo($scope, classExpression, function ($s, c) { $s.toggleClass(c); })
};
/**
* Shows an alert message.
* @param {any} subject Sender of the alert request.
* @param {any} message Message to show.
* @param {any} event Event that triggered the alert request.
*/
sircl.ext.alert = function sircl_ext_alert(subject, message, event) {
window.alert(message);
};
/**
* Shows a confirm message.
* @param {any} subject Sender element of the confirm request.
* @param {any} message Message to show.
* @param {any} event Event that triggered the confirm request.
* @returns True if confirmed, false otherwise.
*/
sircl.ext.confirm = function sircl_ext_confirm(subject, message, event) {
return window.confirm(message);
};
/**
* Retrieves the value of the named querystring parameter.
* @param {any} name Name of the querystring parameter.
*/
sircl.ext.getUrlParameter = function sircl_ext_getUrlParameter(name) {
// Note: in v3 replace this by URLSearchParams (not supported by MSIE).
name = name.replace(/[\[]/g, '\\[').replace(/[\]]/g, '\\]');
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
var results = regex.exec(location.search);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
};
/**
* Submits a form.
* @param {any} event Event initiating the submit request.
*/
sircl.ext.submit = function sircl_ext_submit(form, event, fallback) {
// Find trigger:
var $trigger = (event) ? (event.originalEvent) ? (event.originalEvent.submitter) ? $(event.originalEvent.submitter) : null : null : null;
$trigger = ($trigger) ? $trigger : (form._formTrigger) ? $(form._formTrigger) : $(form);
// If trigger has onsubmit-confirm, ask confirmation:
if ($trigger.hasAttr("onsubmit-confirm") || $(form).hasAttr("onsubmit-confirm")) {
if (!sircl.ext.confirm(form, $trigger.attr("onsubmit-confirm") || $(form).attr("onsubmit-confirm"), event)) {
event.preventDefault();
event.stopPropagation();
return;
}
}
// Handle submit:
if ($(form).is("FORM:not([download]):not([method=dialog])")) {
// Find target of submit request:
var target = null;
var targetMethod = null;
var $targetScope = $(form);
if ($trigger.hasAttr("formtarget")) {
$targetScope = $trigger;
target = $targetScope.attr("formtarget");
targetMethod = $targetScope.attr("target-method");
} else if ($trigger.closest("[target]").length > 0) {
$targetScope = $trigger.closest("[target]");
target = $targetScope.attr("target");
targetMethod = $targetScope.attr("target-method");
}
if ((target != null && sircl.ext.isInternalTarget(target)) || (target == null && sircl.singlePageMode == true)) {
// Forward to the server side rendering handler:
var $target = (target != null) ? sircl.ext.$select($targetScope, target) : sircl.ext.$mainTarget();
sircl._submitForm($trigger, $(form), $target, targetMethod, event);
if (event) {
event.preventDefault();
event.stopPropagation();
}
} else {
// Perform page navigation preparation:
sircl._onPageNavigate(event, $trigger, $(form));
// Invoke fallback:
if (fallback) fallback();
}
} else {
// Invoke fallback:
if (fallback) fallback();
}
}
/**
* Returns the URL with substituted fields (form field references between [ and ]).
* @param {any} url The url to substitute.
* @param {any} $source The source of the substitution, usually the element holding the URL reference.
* @param {any} mustHaveSubstituteFieldsClass Whether to check for ".substitute-fields" class.
*/
sircl.ext.subtituteFields = function sircl_ext_substituteFields(url, $source, mustHaveSubstituteFieldsClass) {
if (mustHaveSubstituteFieldsClass == false || $source.hasClass("substitute-fields")) {
var $formscope = $source.closest("FORM");
if ($formscope.length == 0) $formscope = $(document);
var fieldparser = new RegExp(/(\[[a-z0-9\.\-\_]+?\])|(\%5B[a-z0-9\.\-\_]+?\%5D)/gi);
var fieldnames = [];
do {
var fieldname = fieldparser.exec(url);
if (fieldname !== null) fieldnames.push(fieldname[0]);
else break;
} while (true);
var fieldvalue;
for (var f = 0; f < fieldnames.length; f++) {
var fieldname = (fieldnames[f].charAt(0) === "[")
? fieldnames[f].substring(1, fieldnames[f].length - 1) // Fieldname surrounded by '[' and ']'
: fieldnames[f].substring(3, fieldnames[f].length - 3); // Fieldname surrounded by '%5B' and '%5D'
var fields = $formscope.find("[name='" + fieldname + "']");
if (fields.length == 1) {
fieldvalue = sircl.ext.effectiveValue(fields[0]);
} else if (fields.length > 1) {
fieldvalue = [];
for (var v = 0; v < fields.length; v++) {
var vval = sircl.ext.effectiveValue(fields[v]);
if (vval != "") fieldvalue.push(vval);
}
fieldvalue = fieldvalue.join();
} else {
fieldvalue = null;
}
if (fieldvalue === null)
url = url.replace(fieldnames[f], "");
else
url = url.replace(fieldnames[f], encodeURIComponent(fieldvalue));
}
}
return url;
};
//#endregion
//#region Web load functions
sircl.urlParser = /^(.*?)(\?.*?)?(\#.*)?$/;
/**
* Request pipeline handler arrays.
*/
sircl._requestHandlers = {};
sircl._requestHandlers.beforeSend = [];
sircl._requestHandlers.afterSend = [];
sircl._requestHandlers.onError = [];
sircl._requestHandlers.beforeRender = [];
sircl._requestHandlers.afterRender = [];
/**
* Add a request pipeline handler for "beforeSend", "afterSend", "onError", "beforeRender" or "afterRender".
*/
sircl.addRequestHandler = function (phase, handler) {
this._requestHandlers[phase].push(handler);
};
/**
* Initiates an Ajax request to load an URL.
* @param {any} $trigger The href holding element triggering the request.
* @param {any} url The URL to be requested.
* @param {any} $target The initial target of the request.
* @param [any] targetMethod The method to use to fill the target ('content', 'prepend', 'append', 'replace'). Null for default.
* @param {any} loadComplete Optional. Called when load is complete.
*/
sircl._loadUrl = function ($trigger, url, $target, targetMethod, loadComplete) {
// Build request data:
var req = {
$trigger: $trigger,
$initialTarget: $target,
$newTarget: null,
targetMethod: targetMethod,
newTargetMethod: null,
action: url,
method: "get",
accept: $trigger.attr("type"),
isForeground: true
};
// Process submission:
this._processRequest(req, loadComplete);
};
/**
* Initiates an Ajax request submitting a form.
* @param {any} $trigger The trigger (submit button) triggering the request.
* @param {any} $form The form to be submitted.
* @param {any} $target The initial target of the request.
* @param {any} targetMethod The method to use to fill the target.
* @param {any} event The submit event.
* @param {any} loadComplete Optional. Called when load is complete.
*/
sircl._submitForm = function ($trigger, $form, $target, targetMethod, event, loadComplete) {
// Build request data:
var req = {
$form: $form,
$trigger: $trigger,
$initialTarget: $target,
$newTarget: null,
targetMethod: targetMethod,
newTargetMethod: null,
event: event,
action: ($trigger.attr("formaction") || $form.attr("action") || window.location.href),
method: ($trigger.attr("formmethod") || $form.attr("method") || "get").toLowerCase(),
enctype: ($trigger.attr("formenctype") || $form.attr("enctype") || "application/x-www-form-urlencoded").toLowerCase(),
charset: $form.attr("accept-charset"),
getAttr: function (attrName) {
return (this.$trigger.hasAttr(attrName) ? this.$trigger.attr(attrName) : this.$form.attr(attrName));
},
isForeground: true
};
// Encode form data:
var triggerIsFormField = ($trigger != null) && ($trigger.is("INPUT:not([type=submit]), SELECT, TEXTAREA"));
if (req.method == "post") {
if (req.enctype == "multipart/form-data") {
req.formData = new FormData($form[0]);
if (!triggerIsFormField && $trigger != null && $trigger.attr("name") != null) req.formData.append($trigger.attr("name"), $trigger.val());
// Add files if any:
if ($trigger.length > 0 && $trigger[0]._files != null) {
for (var f = 0; f < $trigger[0]._files.length; f++) {
req.formData.append($trigger[0]._filesName, $trigger[0]._files[f]);
}
}
} else if (req.enctype == "text/plain") {
req.formData = $form.serialize(); // TODO: test and eventually change, should be one line per variable, unencoded
if (!triggerIsFormField && $trigger != null && $trigger.attr("name") != null) req.formData = encodeURIComponent($trigger.attr("name")) + "=" + encodeURIComponent($trigger.val()) + "&" + req.formData;
} else {
req.formData = $form.serialize();
if (!triggerIsFormField && $trigger != null && $trigger.attr("name") != null) req.formData = encodeURIComponent($trigger.attr("name")) + "=" + encodeURIComponent($trigger.val()) + "&" + req.formData;
}
} else {
// Extend req.action url with serialized form parameters, keeping hash (if any) at the end:
var actionParsed = sircl.urlParser.exec(req.action); // [1]=base url, [2]=query string, [3]=hash
var triggerPair = (!triggerIsFormField && $trigger != null && $trigger.attr("name") != null) ? encodeURIComponent($trigger.attr("name")) + "=" + encodeURIComponent($trigger.val()) + "&" : "";
req.action = actionParsed[1] + ((actionParsed[2]) ? actionParsed[2] + "&" : "?") + triggerPair + $form.serialize() + ((actionParsed[3]) ? actionParsed[3] : "");
req.formData = null;
}
// Process submission:
this._processRequest(req, loadComplete);
};
/**
* Processes the given Ajax request.
* @param {any} req A request data object.
* @param {any} loadComplete Optional callback called after full processing.
*/
sircl._processRequest = function (req, loadComplete) {
// Initialize final target:
req.$finalTarget = req.$initialTarget;
req.targetHasChanged = false;
// Add getAttr(attrName) function:
if (req.getAttr == null) {
req.getAttr = function (attrName) {
return (this.$trigger != null) ? this.$trigger.attr(attrName) : null;
};
}
// Retrieve caching info:
var cache = false;
if (req.$trigger != null && req.$trigger.attr("browser-cache") != null) {
cache = (req.$trigger.attr("browser-cache").toLowerCase() == "on");
} else if (req.$form != null && req.$form.attr("browser-cache") != null) {
cache = (req.$form.attr("browser-cache").toLowerCase() == "on");
}
// Configure HTTP request object:
req.xhr = new XMLHttpRequest();
req.allResponseHeaders = [];
req.xhr.open(req.method, req.action);
if (typeof req.formData === "object") {
// Leave Content-Type to be set by FormData.
} else if (req.enctype == null && req.charset == null) {
req.xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
} else if (req.enctype == null && req.charset != null) {
req.xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded" + "; charset=" + req.charset);
} else if (req.enctype != null && req.charset == null) {
req.xhr.setRequestHeader("Content-Type", req.enctype);
} else {
req.xhr.setRequestHeader("Content-Type", req.enctype + "; charset=" + rec.charset);
}
if (cache == false) {
req.xhr.setRequestHeader("Cache-Control", "no-cache, no-store, max-age=0");
req.xhr.setRequestHeader("Pragma", "no-cache");
}
req.xhr.setRequestHeader("Accept", (req.accept) ? req.accept : "text/html");
req.xhr.setRequestHeader("X-Sircl-Request-Type", "Partial");
req.appId = (req.$finalTarget.length === 1 && req.$finalTarget.is("*[sircl-appid]")) ? req.$finalTarget.attr("sircl-appid") : null;
if (req.appId !== null) req.xhr.setRequestHeader("X-Sircl-AppId", req.appId);
if (req.$finalTarget.length === 1 && req.$finalTarget[0].id !== '') req.xhr.setRequestHeader("X-Sircl-Target", "#" + req.$finalTarget[0].id);
if (Intl) req.xhr.setRequestHeader("X-Sircl-Timezone", Intl.DateTimeFormat().resolvedOptions().timeZone);
req.xhr.setRequestHeader("X-Sircl-Timezone-Offset", new Date().getTimezoneOffset());
// Start processing:
var processor = new SirclRequestProcessor(loadComplete);
processor.next(req);
};
/**
* SirclRequestProcessor class handles request pipeline for a web request.
* @param {any} sircl
*/
function SirclRequestProcessor(loadComplete) {
this._steps = [];
this._steps = this._steps.concat(sircl._requestHandlers.beforeSend);
this._sendIndex = this._steps.length;
this._steps.push(this._send);
this._steps = this._steps.concat(sircl._requestHandlers.afterSend);
this._processIndex = this._steps.length;
this._steps.push(this._process);
this._steps = this._steps.concat(sircl._requestHandlers.beforeRender);
this._renderIndex = this._steps.length;
this._steps.push(this._render);
this._steps = this._steps.concat(sircl._requestHandlers.afterRender);
this._loadComplete = loadComplete; // Callback of the load() method.
};
/**
* Get or set the sender function. Allows overwriting the regular sender function
* i.e. to retrieve pagedata from cache.
* @param {any} value If given, new sender function, of not, returns the current sender function.
*/
SirclRequestProcessor.prototype.send = function (value) {
if (arguments.length == 0) {
return this._steps[this._sendIndex];
} else {
this._steps[this._sendIndex] = value;
}
};
/**
* Get or set the process function. Allows overwriting the regular process function.
* @param {any} value If given, new process function, of not, returns the current process function.
*/
SirclRequestProcessor.prototype.process = function (value) {
if (arguments.length == 0) {
return this._steps[this._processIndex];
} else {
this._steps[this._processIndex] = value;
}
};
/**
* Get or set the render function. Allows overwriting the regular render function.
* @param {any} value If given, new render function, of not, returns the current render function.
*/
SirclRequestProcessor.prototype.render = function (value) {
if (arguments.length == 0) {
return this._steps[this._renderIndex];
} else {
this._steps[this._renderIndex] = value;
}
};
SirclRequestProcessor.prototype._send = function (req) {
var processor = this;
// If abort requested, set aborted and proceed with next.
if (req.abort == true) {
req.succeeded = false;
req.aborted = true;
processor.next(req);
return;
}
// Otherwise, add after-send event handlers:
req.xhr.addEventListener("abort", function (e) {
// Keep track of the event and response on the req object:
req.loadEvent = e;
req.status = req.xhr.status;
req.statusText = req.xhr.statusText;
req.responseText = req.xhr.responseText;
// Proceed with next (afterSend):
req.aborted = true;
req.succeeded = false;
processor.next(req);
});
req.xhr.addEventListener("error", function (e) {
// Keep track of the event and response on the req object:
req.loadEvent = e;
req.status = req.xhr.status;
req.statusText = req.xhr.statusText;
req.responseText = req.xhr.responseText;
// Proceed with next (afterSend):
req.aborted = false;
req.succeeded = false;
processor.next(req);
});
req.xhr.addEventListener("load", function (e) {
// Keep track of the event and response on the req object:
req.loadEvent = e;
req.status = req.xhr.status;
req.statusText = req.xhr.statusText;
req.responseText = req.xhr.responseText;
// Keep track of all response headers (concatenated over multiple requests if "Location" header causes multiple requests):
req.xhr.getAllResponseHeaders().trim().split(/[\r\n]+/).forEach(function (line) {
req.allResponseHeaders.push(line.split(": "));
});
// Keep track of last target and targetMethod:
if (req.xhr.getResponseHeader("X-Sircl-Target") !== null) {
req.$newTarget = req.xhr.getResponseHeader("X-Sircl-Target");
}
if (req.xhr.getResponseHeader("X-Sircl-Target-Method") !== null) {
req.newTargetMethod = req.xhr.getResponseHeader("X-Sircl-Target-Method");
} else if (req.xhr.getResponseHeader("X-Sircl-Render-Mode") !== null) {
// DEPRECATED: "X-Sircl-Render-Mode" has been replaced by "X-Sircl-Target-Method":
req.newTargetMethod = req.xhr.getResponseHeader("X-Sircl-Render-Mode");
console.warn("X-Sircl-Render-Mode response header is deprecated and replaced by X-Sircl-Target-Method.");
}
// Check for reload sections:
var reloadSection = req.xhr.getResponseHeader("X-Sircl-Load");
// Execute additional reload requests:
if (reloadSection != null) {
$(reloadSection).filter("[onload-load]").each(function () {
$(this).load($(this).attr("onload-load"));
});
}
// Check for abort reload:
var reloadAfter = req.xhr.getResponseHeader("X-Sircl-Reload-After");
if (reloadAfter != null) {
if (parseFloat(reloadAfter) <= 0) {
clearInterval(req.$initialTarget[0]._onloadInterval);
}
}
// If a Location header is given, redirect to that location:
var newLocation = req.xhr.getResponseHeader("Location"); // Redirect
if (newLocation !== null) {
// If a "_self" target is given, let browser window load the new location:
if (req.xhr.getResponseHeader("X-Sircl-Target") == "_self") {
window.location.href = newLocation;
} else {
// Else, check redirect count (avoid endless redirection loops):
if (req.redirects === undefined) req.redirects = 0;
req.redirects++;
if (req.redirects > sircl.max_redirects) {
sircl.handleError("S141", "Too many redirects.", { request: req });
req.aborted = true;
req.succeeded = false;
processor.next(req);
} else {
// Then request for new location:
req.action = newLocation;
req.method = "get";
req.xhr.open(req.method, req.action);
req.xhr.setRequestHeader("Accept", (req.accept) ? req.accept : "text/html");
req.xhr.setRequestHeader("Cache-Control", "no-cache, no-store, max-age=0");
req.xhr.setRequestHeader("Pragma", "no-cache");
req.xhr.setRequestHeader("X-Sircl-Request-Type", "Partial");
if (req.$finalTarget.length === 1 && req.$finalTarget[0].id !== '') req.xhr.setRequestHeader("X-Sircl-Target", "#" + req.$finalTarget[0].id);
req.xhr.setRequestHeader("X-Sircl-Timezone-Offset", new Date().getTimezoneOffset());
req.xhr.send();
// Xhr's load event should be fired again (recursively).
}
}
} else {
// Else check for history header:
var history = req.xhr.getResponseHeader("X-Sircl-History");
if (history == "back" || history == "back-uncached") {
if (window.history.length <= 1) {
var allowClose = req.xhr.getResponseHeader("X-Sircl-History-AllowClose");
if (allowClose && allowClose.toLowerCase() == "true") {
window.close();
return;
} else if (allowClose) {
if (sircl.ext.confirm(null, allowClose, null)) {
window.close();
return;
}
} else {
console.info("\"X-Sircl-History: back\" header with no previous page and without \"X-Sircl-History-AllowClose\" header has no effect.");
}
} else if (history == "back") {
req.action = "history:back";
} else if (history == "back-uncached") {
req.action = "history:back-uncached";
}
} else if (history == "reload" || history == "refresh") {
req.action = "history:reload";
}
// Then for target override:
if (req.$newTarget == "_self") {
if (req.method == "get" || history != null) {
req.$finalTarget = null;
req.targetMethod = null;
req.targetHasChanged = true;
} else {
console.warn("X-Sircl-Target response header value '_self' is only vaid for 'get' requests.");
}
} else if (req.$newTarget == "main") {
req.$finalTarget = sircl.ext.$mainTarget();
req.targetMethod = null;
req.targetHasChanged = true;
} else if (req.$newTarget != null) {
req.$finalTarget = sircl.ext.$select(req.$trigger, req.$newTarget);
req.targetMethod = null;
req.targetHasChanged = true;
}
// Handle full-page response:
if (req.method == "get" && req.responseText != null && req.responseText.length > 1024 && req.responseText.substr(0, 1024).indexOf("= 0) {
console.warn("The request to '" + req.action + "' returned a full page and has been re-issued to handle as full page. Consider returning a partial page or set target='_self' on the link to avoid double request.");
window.location.href = req.action;
return;
}
// Handle response header AppId given but different from current AppId while target is *[sircl-appid]:
if (req.method == "get" && req.$finalTarget !== null && req.$finalTarget.is("*[sircl-appid]")) {
if (req.$finalTarget.is("*[scirl-appmode='strict']") && req.xhr.getResponseHeader("X-Sircl-AppId") !== req.$finalTarget.attr("sircl-appid")) {
console.warn("The request to '" + req.action + "' is part of another application and has been re-issued as full page request. Consider using a target='_self' on the link to avoid double request.");
window.location.href = req.action;
return;
} else if (req.xhr.getResponseHeader("X-Sircl-AppId") !== null && req.xhr.getResponseHeader("X-Sircl-AppId") !== req.$finalTarget.attr("sircl-appid")) {
console.warn("The request to '" + req.action + "' is part of another application and has been re-issued as full page request. Consider using a target='_self' on the link to avoid double request.");
window.location.href = req.action;
return;
}
}
// Then for document title:
req.documentTitle = req.xhr.getResponseHeader("X-Sircl-Document-Title");
// Then for document language:
req.documentLanguage = req.xhr.getResponseHeader("X-Sircl-Document-Language");
// Then for alert message header:
req.alertMsg = req.xhr.getResponseHeader("X-Sircl-Alert-Message");
// Then for target method:
if (req.newTargetMethod !== null) {
req.targetMethod = req.newTargetMethod;
} else if (req.targetMethod == null && req.$finalTarget != null) {
req.targetMethod = req.$finalTarget.attr("target-method");
}
// Then for history-replace header:
req.historyReplace = req.xhr.getResponseHeader("X-Sircl-History-Replace");
// Then, if successful:
if (req.xhr.status <= 299) {
// Proceed with next (afterSend):
req.aborted = false;
req.succeeded = true;
processor.next(req);
} else {
// Else proceed with error (onError):
req.aborted = false;
req.succeeded = false;
processor.error(req);
}
}
});
// Send the request:
req.xhr.send(req.formData);
};
SirclRequestProcessor.prototype._process = function (req) {
// Handle 'History-Replace' header if any:
if (req.historyReplace) {
var state = window.history.state;
if (state != null) {
state.url = req.historyReplace;
}
window.history.replaceState(state, req.documentTitle || window.document.title, req.historyReplace);
}
// Handle 'Alert-Message' header if any:
if (req.alertMsg) sircl.ext.alert(sircl.ext.firstOrNull(req.$trigger), req.alertMsg, null);
// Only proceed with next (rendering) if succeeded and not "204":
if (req.succeeded) {
// Check for history navigation:
if (req.action == "history:back") {
window.history.back();
} else if (req.action == "history:back-uncached") {
sircl.ext.$mainTarget().addClass("sircl-history-nocache-once");
window.history.back();
} else if (req.action == "history:reload" || req.action == "history:refresh") {
// If X-Sircl-Target=_self header was set, or in MultiPage mode, perform a full page reload:
if (sircl.singlePageMode == false || req.$finalTarget == null) {
window.location.reload();
} else {
// Else reload only the main target:
//sircl.ext.$mainTarget().load(window.location.href);
sircl._processRequest({
$trigger: null,
$initialTarget: sircl.ext.$mainTarget(),
targetMethod: null,
action: window.location.href,
method: "get",
isForeground: true,
_historyMode: "skip"
});
}
} else if (req.status != "204") {
// Proceed with next (beforeRender):
this.next(req);
}
} else {
// Do not proceed with next: abort the pipeline.
}
};
SirclRequestProcessor.prototype._render = function (req) {
// If request is a "get" request on the main target and history handling is not to be skipped:
if (req._historyMode != "skip" && req.method === "get" && req.$finalTarget.is(sircl.ext.$mainTarget())) {
// Store (update) the current state in history:
req._historyMode = req.getAttr("history") || "push";
req._historyCached = req._historyMode.indexOf("cache") >= 0;
var initialState = {
url: window.location.href,
html: (req._historyCached) ? req.$finalTarget.html() : "",
cached: req._historyCached
};
window.history.replaceState(initialState, window.document.title, initialState.url);
}
// Set document title:
if (req.documentTitle != null) {
window.document.title = req.documentTitle;
}
// Set document language:
if (req.documentLanguage != null) {
$("HTML").attr("lang", req.documentLanguage);
}
// Push or replace new state in history:
if (req._historyMode) {
var finalState = {
url: req.action,
html: "",
cached: false
};
if (req._historyMode.indexOf("skip") >= 0) {
// Do nothing
} else if (req._historyMode.indexOf("replace") >= 0) {
window.history.replaceState(finalState, window.document.title, finalState.url);
sircl._afterHistory();
} else { // if "push":
window.history.pushState(finalState, window.document.title, finalState.url);
sircl._afterHistory();
}
}
// Retrieve target and responseText:
var $realTarget = req.$finalTarget;
var realResponseText = req.responseText;
// Apply sub-target if any:
var subTarget$ = req.xhr.getResponseHeader("X-Sircl-Sub-Target") || req.getAttr("sub-target");
var $subTarget = req.$finalTarget.find(subTarget$);
// If the sub-target is found in the finalTarget:
if (subTarget$ != null && $subTarget.length > 0) {
var subTargetSucceeded = true;
// Parse the responseText:
var $response = $("").append(req.responseText);
var $responseSubTargets = $response.find(subTarget$);
// If same count of subTargets and all have matching ids:
if ($subTarget.length == $responseSubTargets.length) {
for (var s = 0; s < $subTarget.length; s++) {
for (var r = 0; r < $responseSubTargets.length; r++) {
if ($subTarget[s].hasAttribute("id") && $subTarget[s].id === $responseSubTargets[r].id) {
// Substitute subtarget (only if different):
var responseSubTargetText = $($responseSubTargets[r]).html();
if ($($subTarget[s]).html() != responseSubTargetText) $($subTarget[s]).html(responseSubTargetText);
break; // This loop can now safely be aborted, outer loop will proceed
}
}
if (r >= $responseSubTargets.length) {
// No matching substitution was found:
subTargetSucceeded = false;
}
}
// Proceed with next (afterRender) and abort:
if (subTargetSucceeded) {
this.next(req);
return;
}
}
}
// Render, applying correct render mode:
if (req.targetMethod === "append") {
// If append mode, append responseText and force afterLoad:
var initialLength = $realTarget.children().length;
$realTarget.append(realResponseText);
$realTarget.children().slice(initialLength).each(function () { sircl._afterLoad(this); });
} else if (req.targetMethod === "prepend") {
// If prepend mode, prepend responseText and force afterLoad:
var initialLength = $realTarget.children().length;
$realTarget.prepend(realResponseText);
var finalLength = $realTarget.children().length;
$realTarget.children().slice(0, finalLength - initialLength).each(function () { sircl._afterLoad(this); });
} else if (req.targetMethod === "replace") {
// If replace mode, replaces responseText and force afterLoad on the parents:
var realTargetId = ($realTarget.length == 1) ? sircl.ext.getId($realTarget[0], false) : null;
var $realTargetParent = $realTarget.parent();
var $realTargetSiblings = $realTargetParent.children();
var initialLength = $realTargetSiblings.length;
// Retrieve position of element to be replaced:
var id = sircl.ext.getId($realTarget, true);
var pos = -1;
for (var i = 0; i < initialLength; i++) {
if ($realTargetSiblings[i].id === id) {
pos = i;
break;
}
}
// Perform replacement:
$realTarget.replaceWith(realResponseText);
var finalLength = $realTargetParent.children().length;
// If replaced by a single element with no id, copy id from original:
if (pos > -1 && initialLength === finalLength && realTargetId !== null) {
var elem = $realTargetParent.children()[pos];
if (elem.id == null || elem.id == "") elem.id = realTargetId;
}
// If replaced by one or more elements, apply afterLoad to the new elements:
if (pos > -1 && finalLength >= initialLength) {
$realTargetParent.children().slice(pos, pos + finalLength - initialLength + 1).each(function () { sircl._afterLoad(this); });
// Otherwise, replace just removed the element, no afterLoad needed.
}
} else {
// Else, replace inner html of target and scroll to top if main target and not history navigation:
if (req.method === "get" && req._historyMode !== "skip" && req._historyMode !== "replace" && $realTarget.is(sircl.mainTargetSelector$)) { window.scrollTo(0, 0); }
$realTarget.html(realResponseText);
}
// Make sure target is visible & proceed with next (afterRender):
var processor = this;
req.$finalTarget.each(function () { sircl.ext.visible(this, true, false, function () { processor.next(req); }); });
};
SirclRequestProcessor.prototype.next = function (req) {
// If steps available, execute next step:
if (this._steps.length > 0) {
var step = this._steps[0];
this._steps.splice(0, 1);
try {
step.apply(this, arguments);
} catch (ex) {
sircl.handleError("S131", "Error executing a RequestProcessor step: " + ex, { exception: ex, fx: step, request: req });
this.next(req);
}
} else if (this._loadComplete) {
// Else, if loadComplete defined, execute it:
this._loadComplete(req.responseText, req.statusText, req.xhr);
}
};
SirclRequestProcessor.prototype.error = function (req) {
// Inject onError handlers in place:
this._steps = sircl._requestHandlers.onError.concat(this._steps);
// Then, proceed with next step:
this.next(req);
};
// On document ready, install event handlers to handle hyperlinks and form submissions:
$(document).ready(function () {
// Detect SinglePage modus:
sircl.singlePageMode = $(sircl.mainTargetSelector$).length > 0;
console.info("sircl.singlePageMode = " + sircl.singlePageMode + "");
// Disable disabled hyperlinks:
$(document).on("click", "*[href][disabled], [onclick-load][disabled]", function (event) {
// If not returned earlier, stop event propagation:
event.preventDefault();
event.stopPropagation();
});
/// Any element having a href attribute (and no download attribute), or an onclick-load attribute:
/// Handles special href values
$(document).on("click", "*[href]:not([download]), [onclick-load]", function (event) {
// Check disabled:
if ($(this).is("[disabled]")) {
event.preventDefault();
event.stopPropagation();
return;
}
// Get href:
var href, canBeHandledByBrowser;
if (this.hasAttribute("onclick-load")) {
href = this.getAttribute("onclick-load");
canBeHandledByBrowser = false;
} else {
href = this.getAttribute("href");
canBeHandledByBrowser = (this.tagName === "A");
}
// In href, substitute "[...]" by form values:
var hrefBefore = href;
href = sircl.ext.subtituteFields(href, $(this), true);
var hrefHasSubstitutions = (href != hrefBefore);
// Process href:
if (href === "null" || href === "") {
// Ignore
} else if (href === "history:back" || href === "history:back-uncached") {
if (window.history.length <= 1) {
if ($(this).hasAttr("onback-allowclose")) {
if (sircl.ext.confirm(this, $(this).attr("onback-allowclose"), event)) {
window.close();
}
} else if ($(this).hasClass("onback-allowclose")) {
window.close();
} else {
console.warn("Link to \"history:back\" on first page without \"onback-allowclose\" attribute or class does nothing.");
}
} else if (href === "history:back") {
window.history.back();
} else if (href === "history:back-uncached") {
sircl.ext.$mainTarget().addClass("sircl-history-nocache-once");
window.history.back();
}
} else if (href === "history:reload" || href === "history:refresh") {
// Perform page navigation preparation:
sircl._onPageNavigate(event, $(this));
// Reload page:
location.reload();
} else if (href.indexOf("alert:") === 0) {
sircl.ext.alert(this, href.substring(6), event);
} else if (href.indexOf("javascript:") === 0) {
var nonce = this.getAttribute("nonce");
if (nonce) {
jQuery.globalEval(href.substring(11), { nonce: nonce });
} else {
jQuery.globalEval(href.substring(11));
}
} else if (canBeHandledByBrowser && href.indexOf("#") === 0) {
// Perform page navigation preparation:
sircl._onPageNavigate(event, $(this));
// Navigate link through default behavior:
return;
} else if (href.indexOf("#") === 0) {
// Perform page navigation preparation:
sircl._onPageNavigate(event, $(this));
// Load page:
window.location.hash = href;
} else {
var target = this.getAttribute("target");
if ((target == null && !sircl.singlePageMode) || (target != null && sircl.ext.isExternalTarget(target))) {
// Perform page navigation preparation:
sircl._onPageNavigate(event, $(this));
// Load whole page:
if (hrefHasSubstitutions && target === null) {
window.location.href = href;
} else if (hrefHasSubstitutions) {
window.open(href, target);
} else if (canBeHandledByBrowser) {
return; // navigate link through default behavior
} else if (target == null) {
window.location.href = href;
} else {
window.open(href, target);
}
} else {
// Forward to the server side rendering handler:
var $target = (target != null) ? sircl.ext.$select($(this), target) : sircl.ext.$mainTarget();
var targetMethod = this.getAttribute("target-method") || null;
sircl._loadUrl($(this), href, $target, targetMethod);
}
}
// If not returned earlier, stop event propagation:
event.preventDefault();
event.stopPropagation();
});
/// Performs a reload of an element having an onload-load attribute:
$(document).on("click", "*[onclick-reload]", function (event) {
// Check disabled:
if ($(this).is("[disabled]")) {
event.preventDefault();
event.stopPropagation();
return;
}
// Perform reload:
sircl.ext.$select($(this), $(this).attr("onclick-reload")).filter("[onload-load]").each(function () {
var url = $(this).attr("onload-load") + "";
$(this).load(url.replace("{rnd}", Math.random()));
});
});
/// Clicking a submit element may submit a form:
$(document).on("click", "form *:submit, *:submit[form]", function (event) {
// Check disabled:
if ($(this).is("[disabled]")) {
event.preventDefault();
event.stopPropagation();
return;
}
// To not interfer with form validation, we let default behavior happen.
// But we want to know the form trigger element, and unfortunately there's no but a dirty way to get it...
var form = (this.hasAttribute("form")) ? document.getElementById(this.getAttribute("form")) : $(this).closest("FORM")[0];
clearTimeout(form._formTriggerTimer);
form._formTrigger = this;
form._formTriggerTimer = setTimeout(function () { form._formTrigger = null; }, 700);
});
sircl.addAttributeAlias(".onclick-submit", "onclick-submit", ":form");
/// Clicking an element to submit a form:
$(document).on("click", "*[onclick-submit]", function sircl_onclickSubmit(event) {
// Event is hereby handled:
event.preventDefault();
event.stopPropagation();
// Check disabled:
if ($(this).is("[disabled]")) {
return;
}
// Search for form:
var $this = $(this);
var $form = sircl.ext.$select($this, $this.attr("onclick-submit"));
if ($form.length >= 1) {
var form = $form[0];
clearTimeout(form._formTriggerTimer);
form._formTrigger = this;
form._formTriggerTimer = setTimeout(function () { form._formTrigger = null; }, 700);
sircl.ext.submit(form, event, function () {
form.submit();
});
}
});
/// Submitting a form:
$(document).on("submit", "form:not([download]):not([method=dialog])", function (event) {
sircl.ext.submit(this, event);
});
/// Handle onkeyenter-click:
$(document).on("keydown", "[onkeyenter-click]", function (event) {
if (event.key === "Enter" && event.target.tagName !== "TEXTAREA" && event.target.tagName !== "BUTTON" && event.target.tagName !== "A") {
event.preventDefault();
var $this = $(this);
var $target = sircl.ext.$select($this, $this.attr("onkeyenter-click"));
if ($target.length > 0) $target[0].click(); // See: http://goo.gl/lGftqn
}
});
/// Handle onkeyescape-click:
$(document).on("keydown", "[onkeyescape-click]", function (event) {
if (event.key === "Escape") {
event.preventDefault();
var $this = $(this);
var $target = sircl.ext.$select($this, $this.attr("onkeyescape-click"));
if ($target.length > 0) $target[0].click(); // See: http://goo.gl/lGftqn
}
});
/// DEPRECATED: replaced by onkeyenter-click and onkeycancel-click:
/// Defines default submit or cancel buttons.
/// Pass an empty selector to disable default form submission.
/// I.e:
///
$(document).on("keydown", "FORM[default-submit-button] INPUT", function (event) {
if (event.keyCode == 13) {
event.preventDefault();
var $form = $(this).closest("FORM");
var $target = sircl.ext.$select($form, $form.attr("default-submit-button"));
if ($target.length > 0) $target[0].click(); // See: http://goo.gl/lGftqn
} else if (event.keyCode == 27) {
event.preventDefault();
var $form = $(this).closest("FORM");
var $target = sircl.ext.$select($form, $form.attr("default-cancel-button"));
if ($target.length > 0) $target[0].click(); // See: http://goo.gl/lGftqn
}
});
});
//#endregion
//#region Content Ready handlers
/**
* ContentReadyHandlers are executed before/after updating the content of a web page part.
*/
sircl._contentReadyHandlers = {};
sircl._contentReadyHandlers.before = [];
sircl._contentReadyHandlers.content = [];
sircl._contentReadyHandlers.enrich = [];
sircl._contentReadyHandlers.process = [];
sircl._contentReadyHandlers.after = [];
/**
* Adds a content ready handler.
* @param {string} phase Phase at which the handler is to be called: "before", "content", "enrich", "process" or "after".
* @param {any} handler Handler function.
*/
sircl.addContentReadyHandler = function (phase, handler) {
this._contentReadyHandlers[phase].push(handler);
};
/**
* Convenience method to add a content ready handler.
* Either pass a "process" handler, or pass phase ("before", "content", "enrich", "process" or "after") and handler.
*/
function $$() {
if (arguments.length >= 2)
sircl.addContentReadyHandler(arguments[0], arguments[1]);
else
sircl.addContentReadyHandler("process", arguments[0]);
}
/**
* To be called before unloading a web page part.
* @param {any} scope Element that will be unloaded.
*/
sircl._beforeUnload = function (scope) {
// Execute all "before" content ready handlers:
sircl._contentReadyHandlers.before.forEach(function (handler) {
try {
handler.call(scope);
} catch (ex) {
sircl.handleError("S121", "Error executing a BeforeUnLoad handler: " + ex, { exception: ex, fx: handler });
}
});
};
/**
* To be called after loading a web page part.
* @param {any} scope Element that saw it's content loaded.
*/
sircl._afterLoad = function (scope) {
// Add "sircl-content-processing" class:
$(scope).addClass("sircl-content-processing");
// Execute all "content" content ready handlers:
sircl._contentReadyHandlers.content.forEach(function (handler) {
try {
handler.call(scope);
} catch (ex) {
sircl.handleError("S122", "Error executing an AfterLoad content handler: " + ex, { exception: ex, fx: handler });
}
});
// Execute all "enrich" afterLoad handlers:
sircl._contentReadyHandlers.enrich.forEach(function (handler) {
try {
handler.call(scope);
} catch (ex) {
sircl.handleError("S123", "Error executing an AfterLoad enrich handler: " + ex, { exception: ex, fx: handler });
}
});
// Execute all "process" afterLoad handlers:
sircl._contentReadyHandlers.process.forEach(function (handler) {
try {
handler.call(scope);
} catch (ex) {
sircl.handleError("S124", "Error executing an AfterLoad process handler: " + ex, { exception: ex, fx: handler });
}
});
// Remove "sircl-content-processing" class:
$(scope).removeClass("sircl-content-processing");
// Execute all "after" afterLoad handlers:
sircl._contentReadyHandlers.after.forEach(function (handler) {
try {
handler.call(scope);
} catch (ex) {
sircl.handleError("S125", "Error executing an AfterLoad process handler: " + ex, { exception: ex, fx: handler });
}
});
};
//#endregion
//#region PageNavigate handlers
sircl._pageNavigateHandlers = {};
sircl._pageNavigateHandlers.initiate = [];
sircl._pageNavigateHandlers.cancel = [];
sircl.addPageNavigateHandler = function sircl_addPageNavigateHandler(phase, handler) {
sircl._pageNavigateHandlers[phase].push(handler);
};
sircl._onPageNavigate = function sircl__onPageNavigate(event, $trigger, $form) {
if ($trigger != null && $trigger.length >= 1 && $trigger.closest(".onnavigate").length > 0) {
// Execute all page navigate handlers:
var nav = { event: event, $trigger: $trigger, $form: $form };
sircl.lastPageNavigationObject = nav;
sircl._pageNavigateHandlers.initiate.forEach(function (handler) {
try {
handler.call(null, nav);
} catch (ex) {
sircl.handleError("S161", "Error executing a Page Navigate handler: " + ex, { exception: ex, fx: handler });
}
});
}
};
sircl.cancelPageNavigate = function sircl_cancelPageNavigate() {
if (sircl.lastPageNavigationObject !== null) {
// Execute all page navigate handlers:
var nav = sircl.lastPageNavigationObject;
sircl._pageNavigateHandlers.cancel.forEach(function (handler) {
try {
handler.call(null, nav);
} catch (ex) {
sircl.handleError("S162", "Error executing a Page Navigate cancellation handler: " + ex, { exception: ex, fx: handler });
}
});
sircl.lastPageNavigationObject = null;
}
};
//#endregion
//#region Default Content Ready handlers
sircl.addContentReadyHandler("content", function sircl_default_contentHandler() {
/// <* onload-copyto="selector"> Copies the content to the given selector.
$(this).filter("[onload-copyto]").add($(this).find("*[onload-copyto]")).each(function () {
var html = $(this).html();
sircl.ext.$select($(this), $(this).attr("onload-copyto")).html(html);
});
/// <* onload-moveto="selector"> Moves the content to the given selector.
$(this).filter("[onload-moveto]").add($(this).find("*[onload-moveto]")).each(function () {
var html = $(this).html();
$(this).html(null);
sircl.ext.$select($(this), $(this).attr("onload-moveto")).html(html);
});
});
sircl.addContentReadyHandler("process", function sircl_default_processHandler() {
// Update document title:
/// <* document-title="document title"> Sets the document title.
var documentTitleElement = $(this).find("[document-title]");
if (documentTitleElement.length > 0) {
document.title = documentTitleElement[0].getAttribute("document-title");
};
});
sircl.addContentReadyHandler("after", function sircl_default_afterHandler() {
// If an autofocus attribute is set, set focus to it:
// <* autofocus> Fix autofocus for lazy-loaded html.
$(this).find("*[autofocus]:first").each(function (index) {
try { this.focus(); } catch (x) { }
try { this.select(); } catch (x) { }
});
});
sircl_elementIdToFocus = null;
sircl.addRequestHandler("beforeRender", function sircl_beforeRender_autoFocus(req) {
// Store focus:
sircl_elementIdToFocus = sircl.ext.getId(document.activeElement, false);
// Chain next handler:
this.next(req);
});
sircl.addRequestHandler("afterRender", function sircl_afterRender_autoFocus(req) {
// Try to set focus:
try {
// Identify an [autofocus] element that would get the focus by the afterHandler:
var focusSet = $(this).find("*[autofocus]:first").length > 0;
// Else, if no focus set, try to restore focus on element with same id as before replacing the content:
if (focusSet === false && sircl_elementIdToFocus !== null && sircl_elementIdToFocus !== '') {
req.$finalTarget.find("#" + sircl_elementIdToFocus).each(function () {
this.focus();
focusSet = true;
});
}
sircl_elementIdToFocus = null;
// Final attempt, if target has .onload-autofocus, set focus on first focussable element:
if (focusSet === false && req.$finalTarget.hasClass("onload-autofocus")) {
var focussables = req.$finalTarget.find("INPUT:not([type='hidden']), SELECT, TEXTARA, BUTTON, [tabindex]").filter(":not([disabled]):not([tabindex='-1'])")
.toArray();
while (focussables.length > 0) {
var next = focussables.shift();
if (next.checkVisibility && !next.checkVisibility()) continue;
next.focus();
break;
}
}
} catch (e) { }
// Chain next handler:
this.next(req);
});
//#endregion
//#region Convenience classes
sircl.addAttributeAlias(".target", "target", ":this");
//#endregion
//#region Error handling
/**
* Error handlers.
*/
sircl._errorHandlers = [],
/**
* Add an error handler.
* Handlers have following arguments: code, message, [data].
*/
sircl.addErrorHandler = function (handler) {
this._errorHandlers.push(handler);
};
/**
* Handles an error. Arguments to pass: code, message, [data].
*/
sircl.handleError = function (code, message, data) {
data = data || {};
this._errorHandlers.forEach(function (handler) {
try {
handler(code, message, data);
} catch (ex) {
console.error("Sircl S999 - Error in error handler.", { exception: ex, fx: handler });
}
});
};
//#endregion
//#region Default error handlers
/**
* Add a default error handler logging to console.
*/
sircl.addErrorHandler(function sircl_defaultLogging_errorHandler(code, message, data) {
console.error("Sircl " + code + " - " + message, data);
});
//#endregion
//#region History handling
sircl._afterHistoryHandlers = [];
/**
* Registers an afterHistory handler.
* @param {any} handler
*/
sircl.addAfterHistoryHandler = function (handler) {
this._afterHistoryHandlers.push(handler);
};
/**
* Call afterHistory handlers.
*/
sircl._afterHistory = function () {
this._afterHistoryHandlers.forEach(function (handler) {
try {
handler();
} catch (ex) {
sircl.handleError("S130", "Error executing an After history handler: " + ex, { exception: ex, fx: handler });
}
});
};
document.addEventListener("DOMContentLoaded", function () {
// On browser back or forward:
window.onpopstate = function (event) {
var state = event.state;
var callback = null;
if (state) {
if (state.cached && sircl.ext.$mainTarget().hasClass("sircl-history-nocache-once")) {
// Remove "sircl-history-nocache-once" class:
sircl.ext.$mainTarget().removeClass("sircl-history-nocache-once");
// Set caching off:
state.cached = false;
// Restore cache after issuing the request:
callback = function () {
var refreshedState = {
url: window.location.href,
html: sircl.ext.$mainTarget().html(),
cached: true
};
window.history.replaceState(refreshedState, document.title, refreshedState.url);
sircl._afterHistory();
};
} else {
callback = function () {
sircl._afterHistory();
};
}
if (state.cached) {
// Retrieve content from cache:
sircl.ext.$mainTarget().html(state.html);
sircl._afterHistory();
} else {
// Retrieve content by issuing a new request, skipping further history handling:
sircl._processRequest({
$trigger: null,
$initialTarget: sircl.ext.$mainTarget(),
targetMethod: null,
action: state.url,
method: "get",
isForeground: true,
_historyMode: "skip"
}, callback);
}
} else {
// Is this needed ? With this line of code, an triggers a full page load instead of just scrolling to the right place...
//window.history.go(0);
}
};
sircl._afterHistory();
});
//#endregion
//#region Disabled handling
sircl.addRequestHandler("beforeSend", function sircl_disable_beforeSend_requestHandler(req) {
// Make "disabled":
if (req.$trigger != null && req.$trigger.length == 1 && req.$trigger.is(".onclick-disable")) {
if (req.$trigger[0].tagName == "BUTTON" || req.$trigger[0].tagName == "INPUT") {
req._disabled_to_restore = req.$trigger[0];
req._disabled_to_restore.disabled = true;
} else {
req._disabledclass_to_restore = req.$trigger;
sircl.ext.enabled(req._disabledclass_to_restore, false);
}
}
// Move to next handler:
this.next(req);
});
sircl.addRequestHandler("afterSend", function sircl_disable_afterSend_requestHandler(req) {
// Undo "disabled":
if (req._disabled_to_restore) {
req._disabled_to_restore.disabled = false;
}
if (req._disabledclass_to_restore) {
sircl.ext.enabled(req._disabledclass_to_restore, true);
}
// Move to next handler:
this.next(req);
});
sircl.addPageNavigateHandler("initiate", function sircl_disable_initiatePageNavigate_requestHandler(nav) {
// Make "disabled":
if (nav.$trigger != null && nav.$trigger.length == 1 && nav.$trigger.is(".onclick-disable")) {
if (nav.$trigger[0].tagName == "BUTTON" || nav.$trigger[0].tagName == "INPUT") {
nav._disabled_to_restore = nav.$trigger[0];
nav._disabled_to_restore.disabled = true;
} else {
nav._disabledclass_to_restore = nav.$trigger;
sircl.ext.enabled(nav._disabledclass_to_restore, false);
}
}
});
sircl.addPageNavigateHandler("cancel", function sircl_disable_cancelPageNavigate_requestHandler(nav) {
// Undo "disabled":
if (nav._disabled_to_restore) {
nav._disabled_to_restore.disabled = false;
}
if (nav._disabledclass_to_restore) {
sircl.ext.enabled(nav._disabledclass_to_restore, true);
}
});
//#endregion
//#region Spinner handling
sircl.addRequestHandler("beforeSend", function sircl_spinner_beforeSend_requestHandler(req) {
// Show spinner if any:
if (req.$trigger != null && req.$trigger.length == 1 && req.$trigger[0].tagName != "FORM") {
var $spinners = req.$trigger.find("> .spinner");
if ($spinners.length > 0) {
req._spinner_to_restore = req.$trigger[0].innerHTML;
$spinners[0].outerHTML = sircl.html_spinner;
}
}
// Move to next handler:
this.next(req);
});
sircl.addRequestHandler("afterSend", function sircl_spinner_afterSend_requestHandler(req) {
// Hide spinner if any:
if (req._spinner_to_restore) {
req.$trigger[0].innerHTML = req._spinner_to_restore;
}
// Move to next handler:
this.next(req);
});
sircl.addPageNavigateHandler("initiate", function sircl_spinner_initiatePageNavigate_requestHandler(nav) {
// Show spinner if any:
if (nav.$trigger != null && nav.$trigger.length == 1 && nav.$trigger[0].tagName != "FORM") {
var $spinners = nav.$trigger.find(".spinner");
if ($spinners.length > 0) {
nav._spinner_to_restore = nav.$trigger[0].innerHTML;
$spinners[0].outerHTML = sircl.html_spinner;
}
}
});
sircl.addPageNavigateHandler("cancel", function sircl_spinner_cancelPageNavigate_requestHandler(req) {
// Hide spinner if any:
if (req._spinner_to_restore) {
req.$trigger[0].innerHTML = req._spinner_to_restore;
}
});
//#endregion
//#region Overlay handling
sircl.addRequestHandler("beforeSend", function sircl_overlay_beforeSend_requestHandler(req) {
// Search for overlays:
var $overlays = req.$initialTarget.find(".overlay");
if ($overlays.length > 0) {
// Only take "root overlays" into account, ignore nested overlays:
var $rootoverlays = $overlays.first();
for (var o = 1; o < $overlays.length; o++) {
var isroot = true;
var $oparents = $($overlays[o]).parents();
for (var r = 0; r < $rootoverlays.length; r++) {
var $rparent = $($rootoverlays[r]).parent();
if ($oparents.is($rparent)) {
isroot = false;
break;
}
}
if (isroot) $rootoverlays = $rootoverlays.add($overlays[o]);
}
// Make rootoverlays visible:
$rootoverlays.each(function () {
$(this).parent().css("position", "relative");
sircl.ext.visible(this, true, false);
});
}
// Move to next handler:
this.next(req);
});
sircl.addRequestHandler("afterSend", function sircl_overlay_afterSend_requestHandler(req) {
// Search for overlays:
var $overlays = req.$initialTarget.find(".overlay");
if ($overlays.length > 0) {
// Only take "root overlays" into account, ignore nested overlays:
var $rootoverlays = $overlays.first();
for (var o = 1; o < $overlays.length; o++) {
var isroot = true;
var $oparents = $($overlays[o]).parents();
for (var r = 0; r < $rootoverlays.length; r++) {
var $rparent = $($rootoverlays[r]).parent();
if ($oparents.is($rparent)) {
isroot = false;
break;
}
}
if (isroot) $rootoverlays = $rootoverlays.add($overlays[o]);
}
// Make rootoverlays hidden:
$rootoverlays.each(function () {
sircl.ext.visible(this, false, false);
});
}
// Move to next handler:
this.next(req);
});
//#endregion
//#region Loading status handling
sircl.addRequestHandler("beforeSend", function sircl_loadingStatus_beforeSend_requestHandler(req) {
// Set classes to loading state:
$(document).addClass("body-loading");
req.$initialTarget.addClass("loading");
// Move to next handler:
this.next(req);
});
sircl.addRequestHandler("afterSend", function sircl_loadingStatus_afterSend_requestHandler(req) {
// Reset classes to loading state:
$(document).removeClass("body-loading");
req.$initialTarget.removeClass("loading");
// Move to next handler:
this.next(req);
});
$(document).ready(function () {
$(window).on("beforeunload", function (event) {
// Ensure load status items are shown:
$(document).addClass("body-loading");
});
});
//#endregion
//#region Load progress handling
sircl.addRequestHandler("beforeSend", function sircl_loadProgress_beforeSend_requestHandler(req) {
req._progressToResetAfterSend = []
req._progressToHideAfterSend = []
if (req.xhr != null) {
// Show and add event handler to upload progresses:
var $uploadProgresses = sircl.ext.$select(req.$initialTarget, req.$initialTarget.attr("upload-progress")).filter("PROGRESS");
if ($uploadProgresses.length > 0) {
$uploadProgresses.each(function () {
// Set initial value:
this.removeAttribute("value");
req._progressToResetAfterSend.push(this);
// Make hidden progresses visible:
if (!sircl.ext.visible(this)) {
req._progressToHideAfterSend.push(this);
sircl.ext.visible(this, true, false);
}
});
// Add event handler to show upload progress:
req.xhr.upload.addEventListener("progress", function (e) {
if (e.lengthComputable) {
$uploadProgresses.each(function () {
this.value = e.loaded / e.total;
});
}
});
}
// Show and add event handler to download progresses:
var $downloadProgresses = sircl.ext.$select(req.$initialTarget, req.$initialTarget.attr("download-progress")).filter("PROGRESS");
if ($downloadProgresses.length > 0) {
$downloadProgresses.each(function () {
// Set initial value:
this.removeAttribute("value");
req._progressToResetAfterSend.push(this);
// Make hidden progresses visible:
if (!sircl.ext.visible(this)) {
req._progressToHideAfterSend.push(this);
sircl.ext.visible(this, true, false);
}
});
// Add event handler to show download progress:
req.xhr.addEventListener("progress", function (e) {
if (e.lengthComputable) {
$downloadProgresses.each(function () {
this.value = e.loaded / e.total;
});
}
});
}
}
// Move to next handler:
this.next(req);
});
sircl.addRequestHandler("afterSend", function sircl_loadProgress_afterSend_requestHandler(req) {
// Hide progresses that were hidden before send:
req._progressToHideAfterSend.forEach(function (elem) {
sircl.ext.visible(elem, false, false);
});
// Reset progresses to 0:
req._progressToResetAfterSend.forEach(function (elem) {
elem.value = 0;
});
// Move to next handler:
this.next(req);
});
//#endregion
//#region Load with diffcheck
sircl.addRequestHandler("afterSend", function sircl_diffcheck_afterSend_requestHandler(req) {
// If diffcheck:
if (req.$finalTarget && req.$finalTarget.is(".diffcheck")) {
// If call succeeded:
if (req.succeeded && req.$finalTarget.length == 1) {
// And if cached data same as response text:
var cached = req.$finalTarget[0].sirclDiffCheckCached;
if (cached == req.responseText) {
// Simulate an abort:
req.succeeded = false;
req.aborted = true;
} else {
// Else set or update the cache:
req.$finalTarget[0].sirclDiffCheckCached = req.responseText;
}
}
}
// Move to next handler:
this.next(req);
});
//#endregion
//#region Reload by server
sircl.addRequestHandler("afterRender", function sircl_reloadAfter_afterRender_requestHandler(req) {
if (req.xhr != null) {
// If reloadAfter header is set with value > 0, reload after timeout:
var reloadAfter = req.xhr.getResponseHeader("X-Sircl-Reload-After");
if (reloadAfter) {
// Parse delay (in seconds):
var delay = parseFloat(reloadAfter);
// Set timer:
if (reloadAfter > 0 && req.method == "get") {
setTimeout(function () {
req.$finalTarget.load(req.url)
}, delay * 1000);
}
}
}
// Move to next handler:
this.next(req);
});
//#endregion
//#region HTML5 Dialog handling
sircl.addAttributeAlias(".onclick-closedialog", "onclick-closedialog", "
$(document).on("click", "[onclick-showdialog]", function (event) {
var $dlg = sircl.ext.$select($(this), $(this).attr("onclick-showdialog"));
if ($dlg.length > 0) {
// If final dialog is exclusive, close all other open dialogs:
if ($dlg.is(".dialog-exclusive")) {
$("DIALOG[open]").each(function () {
if (!$dlg.is($(this))) {
// Close dialog:
this.close();
}
});
}
// Open the dialog:
if ($dlg.hasClass("dialog-modal")) {
$dlg[0].showModal();
} else {
$dlg[0].show();
}
}
});
/// Closes the given dialog when clicked:
/// <* onclick-closedialog="selector" >
$(document).on("click", "[onclick-closedialog]", function (event) {
var $dlg = sircl.ext.$select($(this), $(this).attr("onclick-closedialog"));
// Close all matching dialogs:
for (var i = 0; i < $dlg.length; i++) {
$dlg[i].close();
}
});
});
sircl.addRequestHandler("beforeSend", function sircl_dialogs_beforeSend_requestHandler(req) {
var processor = this;
// Open any non-open dialog holding the initial target and having class "beforeload-showdialog":
req._dialogOpened = req.$initialTarget.closest("DIALOG.beforeload-showdialog:not([open])");
if (req._dialogOpened.length > 0) {
// If initial dialog is exclusive, close all other open dialogs:
if (req._dialogOpened.is(".dialog-exclusive")) {
$("DIALOG[open]").each(function () {
if (!$(this).is(req.$finalTarget)) {
// Close dialog:
this.close();
}
});
}
// Open the dialog:
if (req._dialogOpened.hasClass("dialog-modal")) {
req._dialogOpened[0].showModal();
} else {
req._dialogOpened[0].show();
}
}
// Move to next handler:
processor.next(req);
});
sircl.addRequestHandler("afterSend", function sircl_dialogs_afterSend_requestHandler(req) {
var processor = this;
// On error, undo opened dialogs:
if (!req.succeeded && req._dialogOpened.length > 0) {
// Close dialog:
req._dialogOpened[0].close();
req._dialogOpened = $([]);
} else if (req.status == "204") {
// Else, if status "204" (no content), close target dialog:
var $dlg = req.$initialTarget.closest("DIALOG[open]");
if ($dlg.length > 0) {
// Close dialog:
$dlg[0].close();
}
}
// Move to next handler:
processor.next(req);
});
sircl.addRequestHandler("beforeRender", function sircl_dialogs_beforeRender_requestHandler(req) {
var processor = this;
// Undo opened dialog if target has changed:
if (req.targetHasChanged && req._dialogOpened.length > 0) {
if (!req.$finalTarget.has(req._dialogOpened)) {
// Close dialog:
req._dialogOpened[0].close();
req._dialogOpened = $([]);
}
}
// If final dialog is exclusive, close all other open dialogs:
var $targetDlg = req.$finalTarget.closest("DIALOG");
if ($targetDlg.is(".dialog-exclusive")) {
$("DIALOG[open]").each(function () {
if (!$targetDlg.is($(this))) {
// Close dialog:
this.close();
}
});
}
// If trigger of foreground request is in dialog, but target not, close dialog:
if (req.isForeground == true && $targetDlg.length == 0 && req.$trigger != null && req.$trigger.length > 0 && req.$trigger.closest("DIALOG").length > 0) {
req.$trigger.closest("DIALOG")[0].close();
}
// Move to next handler:
processor.next(req);
});
sircl.addRequestHandler("afterRender", function sircl_dialogs_afterRender_requestHandler(req) {
var processor = this;
// Open modal on final target:
var $dlg = req.$finalTarget.closest("DIALOG:not([open])");
if ($dlg.length > 0) {
if ($dlg.hasClass("dialog-modal")) {
$dlg[0].showModal();
} else {
$dlg[0].show();
}
}
// Move to next handler:
processor.next(req);
});
sircl.addContentReadyHandler("process", function sircl_dialogs_processHandler() {
// Disable cancelling of dialog with .dialog-nocancel:
$(this).find("DIALOG").each(function (index, elem) {
elem.addEventListener("cancel", function (event) {
if ($(this).is(".dialog-nocancel")) {
event.preventDefault();
}
});
});
// Backup original content of onclose-restore dialogs to be able to reset on close:
$(this).find("DIALOG.onclose-restore").each(function (index, elem) {
elem._originalContent = $(elem).html();
// Reset content of a dialog with onclose-restore when closing the dialog:
elem.addEventListener("close", function (event) {
var originalContent = this._originalContent;
if (originalContent !== undefined) {
$(this).html(originalContent);
}
});
});
$(this).find("DIALOG[onload-showdialogafter]").each(function () {
// Parse delay ("seconds" or "[hh:]mm:ss"):
var delay = 0;
var delaypart = $(this).attr("onload-showdialogafter").split(":");
for (var i = 0; i < delaypart.length; i++) delay = parseFloat(delaypart[i]) + (60 * delay);
// Set timer:
setTimeout(function (dlg) {
var $dlg = $(dlg);
// If final dialog is exclusive, close all other open dialogs:
if ($dlg.is(".dialog-exclusive")) {
$("DIALOG[open]").each(function () {
if (!$dlg.is($(this))) {
// Close dialog:
this.close();
}
});
}
// Open dialog:
if ($dlg.hasClass("dialog-modal")) {
dlg.showModal();
} else {
dlg.show();
}
}, (delay * 1000), this);
});
});
//#endregion
//#region Core event-actions
// Click event-actions:
///////////////////////
sircl.addAttributeAlias(".onclick-setchanged", "onclick-setchanged", ":form");
document.addEventListener("DOMContentLoaded", function () {
/// Buttons and link can have a confirmation dialog:
/// ...
$(document.body).on("click", "*[onclick-confirm]", function (event) {
var confirmMessage = $(this).attr("onclick-confirm");
if (confirmMessage) {
if (!sircl.ext.confirm(this, confirmMessage, event)) {
event.stopPropagation();
event.preventDefault();
}
}
});
/// Mark form as changed:
$(document).on("click", "[onclick-setchanged]", function () {
sircl.ext.$select($(this), $(this).attr("onclick-setchanged")).each(function () {
$(this).addClass("form-changed");
var $input = $(this).find("INPUT[name='" + $(this).attr("onchange-set") + "']");
if ($input.length > 0) {
$input.val(true);
}
});
});
});
// Change and Input event-actions:
//////////////////////////////////
sircl.addAttributeAlias(".oninput-change", "oninput-changeafter", "0.8");
sircl.addAttributeAlias(".onchange-submit", "onchange-submit", ":form");
document.addEventListener("DOMContentLoaded", function () {
/// <* onchange-submit="form-selector"> Triggers form submission on change.
$(document).on("change", "[onchange-submit]", function (event) {
// Ignore when target is not closest .onchange-submit (in case of nested onchange-submit attributes):
if (event.currentTarget != $(event.target).closest(".onchange-submit")[0]) return;
// If not in a nosubmit region and not currently content processing, trigger form submission:
if ($(event.target).closest(".onchange-nosubmit").length == 0 && $(event.target).closest(".sircl-content-processing").length == 0) {
var $form = sircl.ext.$select($(this), $(this).attr("onchange-submit"));
if ($form.length > 0) {
$form[0]._formTrigger = this;
$form[0]._formTriggerTimer = setTimeout(function () { $form[0]._formTrigger = null; }, 700);
sircl.ext.submit($form[0], null, function () {
$form[0].submit();
});
}
}
});
/// On input on the element, triggers a change event.
$(document).on("input", "INPUT[oninput-changeafter], TEXTAREA[oninput-changeafter]", function (event) {
var timeout = 1000 * $(this).attr("oninput-changeafter");
if (this._oninput_changeafter_timeout) {
clearTimeout(this._oninput_changeafter_timeout);
}
this._oninput_changeafter_timeout = setTimeout(function (elem) {
$(elem).trigger("change");
}, timeout, this);
});
/// Prevent change event if value has not really changed since last change event:
$(document.body).on("change", "INPUT[oninput-changeafter], TEXTAREA[oninput-changeafter]", function (event) {
var currentValue = $(this).val();
var previousValue = this._previousChangeValue;
if (currentValue === previousValue) {
event.preventDefault();
event.stopPropagation();
} else {
this._previousChangeValue = currentValue;
}
});
});
// Submit event-actions:
////////////////////////
sircl.addAttributeAlias(".onsubmit-disable", "onsubmit-disable", ">:submit");
///