mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 15:34:12 +01:00
904 lines
28 KiB
JavaScript
904 lines
28 KiB
JavaScript
// Some general purpose JS functions for the iTop application
|
|
|
|
//IE 8 compatibility, copied from: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/IndexOf
|
|
if (!Array.prototype.indexOf) {
|
|
|
|
if (false) // deactivated since it causes troubles: for(k in aData) => returns the indexOf function as first element on empty arrays !
|
|
{
|
|
Array.prototype.indexOf = function (searchElement /*, fromIndex */) {
|
|
"use strict";
|
|
if (this == null) {
|
|
throw new TypeError();
|
|
}
|
|
var t = Object(this);
|
|
var len = t.length >>> 0;
|
|
if (len === 0) {
|
|
return -1;
|
|
}
|
|
var n = 0;
|
|
if (arguments.length > 1) {
|
|
n = Number(arguments[1]);
|
|
if (n != n) { // shortcut for verifying if it's NaN
|
|
n = 0;
|
|
} else if (n != 0 && n != Infinity && n != -Infinity) {
|
|
n = (n > 0 || -1) * Math.floor(Math.abs(n));
|
|
}
|
|
}
|
|
if (n >= len) {
|
|
return -1;
|
|
}
|
|
var k = n >= 0 ? n : Math.max(len-Math.abs(n), 0);
|
|
for (; k < len; k++) {
|
|
if (k in t && t[k] === searchElement) {
|
|
return k;
|
|
}
|
|
}
|
|
return -1;
|
|
}
|
|
}
|
|
}
|
|
// Polyfill for Array.from for IE
|
|
// Copied from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from
|
|
if (!Array.from) {
|
|
Array.from = (function () {
|
|
var toStr = Object.prototype.toString;
|
|
var isCallable = function (fn) {
|
|
return typeof fn === 'function' || toStr.call(fn) === '[object Function]';
|
|
};
|
|
var toInteger = function (value) {
|
|
var number = Number(value);
|
|
if (isNaN(number)) { return 0; }
|
|
if (number === 0 || !isFinite(number)) { return number; }
|
|
return (number > 0 ? 1 : -1) * Math.floor(Math.abs(number));
|
|
};
|
|
var maxSafeInteger = Math.pow(2, 53) - 1;
|
|
var toLength = function (value) {
|
|
var len = toInteger(value);
|
|
return Math.min(Math.max(len, 0), maxSafeInteger);
|
|
};
|
|
|
|
// The length property of the from method is 1.
|
|
return function from(arrayLike/*, mapFn, thisArg */) {
|
|
// 1. Let C be the this value.
|
|
var C = this;
|
|
|
|
// 2. Let items be ToObject(arrayLike).
|
|
var items = Object(arrayLike);
|
|
|
|
// 3. ReturnIfAbrupt(items).
|
|
if (arrayLike == null) {
|
|
throw new TypeError('Array.from requires an array-like object - not null or undefined');
|
|
}
|
|
|
|
// 4. If mapfn is undefined, then let mapping be false.
|
|
var mapFn = arguments.length > 1 ? arguments[1] : void undefined;
|
|
var T;
|
|
if (typeof mapFn !== 'undefined') {
|
|
// 5. else
|
|
// 5. a If IsCallable(mapfn) is false, throw a TypeError exception.
|
|
if (!isCallable(mapFn)) {
|
|
throw new TypeError('Array.from: when provided, the second argument must be a function');
|
|
}
|
|
|
|
// 5. b. If thisArg was supplied, let T be thisArg; else let T be undefined.
|
|
if (arguments.length > 2) {
|
|
T = arguments[2];
|
|
}
|
|
}
|
|
|
|
// 10. Let lenValue be Get(items, "length").
|
|
// 11. Let len be ToLength(lenValue).
|
|
var len = toLength(items.length);
|
|
|
|
// 13. If IsConstructor(C) is true, then
|
|
// 13. a. Let A be the result of calling the [[Construct]] internal method
|
|
// of C with an argument list containing the single item len.
|
|
// 14. a. Else, Let A be ArrayCreate(len).
|
|
var A = isCallable(C) ? Object(new C(len)) : new Array(len);
|
|
|
|
// 16. Let k be 0.
|
|
var k = 0;
|
|
// 17. Repeat, while k < len… (also steps a - h)
|
|
var kValue;
|
|
while (k < len) {
|
|
kValue = items[k];
|
|
if (mapFn) {
|
|
A[k] = typeof T === 'undefined' ? mapFn(kValue, k) : mapFn.call(T, kValue, k);
|
|
} else {
|
|
A[k] = kValue;
|
|
}
|
|
k += 1;
|
|
}
|
|
// 18. Let putStatus be Put(A, "length", len, true).
|
|
A.length = len;
|
|
// 20. Return A.
|
|
return A;
|
|
};
|
|
}());
|
|
}
|
|
|
|
/**
|
|
* Reload a truncated list
|
|
*/
|
|
aTruncatedLists = {}; // To keep track of the list being loaded, each member is an ajaxRequest object
|
|
|
|
function ReloadTruncatedList(divId, sSerializedFilter, sExtraParams) {
|
|
$('#'+divId).block();
|
|
//$('#'+divId).blockUI();
|
|
if (aTruncatedLists[divId] != undefined) {
|
|
try {
|
|
aAjaxRequest = aTruncatedLists[divId];
|
|
aAjaxRequest.abort();
|
|
}
|
|
catch (e) {
|
|
// Do nothing special, just continue
|
|
console.log('Uh,uh, exception !');
|
|
}
|
|
}
|
|
aTruncatedLists[divId] = $.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php?style=list',
|
|
{operation: 'ajax', filter: sSerializedFilter, extra_params: sExtraParams},
|
|
function (data) {
|
|
aTruncatedLists[divId] = undefined;
|
|
if (data.length > 0) {
|
|
$('#'+divId).html(data);
|
|
$('#'+divId+' .listResults').tableHover(); // hover tables
|
|
$('#'+divId+' .listResults').each(function () {
|
|
var table = $(this);
|
|
var id = $(this).parent();
|
|
aTruncatedLists[divId] = undefined;
|
|
var checkbox = (table.find('th:first :checkbox').length > 0);
|
|
if (checkbox) {
|
|
// There is a checkbox in the first column, don't make it sortable
|
|
table.tablesorter({headers: {0: {sorter: false}}, widgets: ['myZebra', 'truncatedList']}).tablesorterPager({container: $("#pager")}); // sortable and zebra tables
|
|
}
|
|
else {
|
|
// There is NO checkbox in the first column, all columns are considered sortable
|
|
table.tablesorter({widgets: ['myZebra', 'truncatedList']}).tablesorterPager({container: $("#pager"), totalRows: 97, filter: sSerializedFilter, extra_params: sExtraParams}); // sortable and zebra tables
|
|
}
|
|
});
|
|
$('#'+divId).unblock();
|
|
}
|
|
}
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Truncate a previously expanded list !
|
|
*/
|
|
function TruncateList(divId, iLimit, sNewLabel, sLinkLabel) {
|
|
$('#'+divId).block();
|
|
var iCount = 0;
|
|
$('#'+divId+' table.listResults tr:gt('+iLimit+')').each(function () {
|
|
$(this).remove();
|
|
});
|
|
$('#lbl_'+divId).html(sNewLabel);
|
|
$('#'+divId+' table.listResults tr:last td').addClass('truncated');
|
|
$('#'+divId+' table.listResults').addClass('truncated');
|
|
$('#trc_'+divId).html(sLinkLabel);
|
|
$('#'+divId+' .listResults').trigger("update"); // Reset the cache
|
|
$('#'+divId).unblock();
|
|
}
|
|
|
|
/**
|
|
* Reload any block -- used for periodic auto-reload
|
|
*/
|
|
function ReloadBlock(divId, sStyle, sSerializedFilter, sExtraParams) {
|
|
// Check if the user is not editing the list properties right now
|
|
var bDialogOpen = false;
|
|
var oDataTable = $('#'+divId+' :itop-datatable');
|
|
var bIsDataTable = false;
|
|
if (oDataTable.length > 0) {
|
|
bDialogOpen = oDataTable.datatable('IsDialogOpen');
|
|
bIsDataTable = true;
|
|
}
|
|
if (!bDialogOpen) {
|
|
if (bIsDataTable) {
|
|
oDataTable.datatable('DoRefresh');
|
|
}
|
|
else {
|
|
$('#'+divId).block();
|
|
|
|
$.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php?style='+sStyle,
|
|
{operation: 'ajax', filter: sSerializedFilter, encoding: 'serialize', extra_params: sExtraParams},
|
|
function (data) {
|
|
$('#'+divId).empty();
|
|
$('#'+divId).append(data);
|
|
$('#'+divId).removeClass('loading');
|
|
}
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
function SaveGroupBySortOrder(sTableId, aValues) {
|
|
var sDashboardId = $('#'+sTableId).closest('.ibo-dashboard').attr('id');
|
|
var sPrefKey = 'GroupBy_'+sDashboardId+'_'+sTableId;
|
|
if (aValues.length != 0) {
|
|
$sValue = JSON.stringify(aValues);
|
|
if (GetUserPreference(sPrefKey, null) != $sValue) {
|
|
SetUserPreference(sPrefKey, $sValue, true);
|
|
}
|
|
}
|
|
}
|
|
|
|
function LoadGroupBySortOrder(sTableId) {
|
|
var sDashboardId = $('#'+sTableId).closest('.ibo-dashboard').attr('id');
|
|
var sPrefKey = 'GroupBy_'+sDashboardId+'_'+sTableId;
|
|
var sValues = GetUserPreference(sPrefKey, null);
|
|
if (sValues != null) {
|
|
aValues = JSON.parse(sValues);
|
|
window.setTimeout(function () {
|
|
$('#'+sTableId+' table.listResults').trigger('sorton', [aValues]);
|
|
}, 50);
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Update the display and value of a file input widget when the user picks a new file
|
|
*/
|
|
function UpdateFileName(id, sNewFileName) {
|
|
var aPath = sNewFileName.split('\\');
|
|
var sNewFileName = aPath[aPath.length-1];
|
|
|
|
$('#'+id).val(sNewFileName);
|
|
$('#'+id).trigger('validate');
|
|
$('#name_'+id).text(sNewFileName);
|
|
if(sNewFileName=='')
|
|
{
|
|
$('#do_remove_'+id).val('1');
|
|
$('#remove_attr_' + id).hide();
|
|
}
|
|
else
|
|
{
|
|
$('#do_remove_'+id).val('0');
|
|
$('#remove_attr_' + id).show();
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Reload a search form for the specified class
|
|
*/
|
|
function ReloadSearchForm(divId, sClassName, sBaseClass, sContext, sTableId, sExtraParams) {
|
|
var oDiv = $('#'+divId).parent();
|
|
oDiv.block();
|
|
// deprecated in jQuery 1.8
|
|
//var oFormEvents = $('#ds_'+divId+' form').data('events');
|
|
var oForm = $('#'+divId+' form');
|
|
var oFormEvents = $._data(oForm[0], "events");
|
|
|
|
// Save the submit handlers
|
|
aSubmit = new Array();
|
|
if ((oFormEvents != null) && (oFormEvents.submit != undefined)) {
|
|
for (var index = 0; index < oFormEvents.submit.length; index++) {
|
|
aSubmit [index] = {data: oFormEvents.submit[index].data, namespace: oFormEvents.submit[index].namespace, handler: oFormEvents.submit[index].handler};
|
|
}
|
|
}
|
|
sAction = $('#'+divId+' form').attr('action');
|
|
|
|
// Save the current values in the form
|
|
var oMap = {};
|
|
$('#'+divId+" form :input[name!='']").each(function () {
|
|
oMap[this.name] = this.value;
|
|
});
|
|
oMap.operation = 'search_form';
|
|
oMap.className = sClassName;
|
|
oMap.baseClass = sBaseClass;
|
|
oMap.currentId = divId;
|
|
oMap._table_id_ = sTableId;
|
|
oMap.action = sAction;
|
|
if(sExtraParams['selection_mode'])
|
|
{
|
|
oMap.selection_mode = sExtraParams['selection_mode'];
|
|
}
|
|
if(sExtraParams['result_list_outer_selector'])
|
|
{
|
|
oMap.result_list_outer_selector = sExtraParams['result_list_outer_selector'];
|
|
}
|
|
if(sExtraParams['cssCount'])
|
|
{
|
|
oMap.css_count = sExtraParams['cssCount'];
|
|
$(sExtraParams['cssCount']).val(0).trigger('change');
|
|
}
|
|
if(sExtraParams['table_inner_id'])
|
|
{
|
|
oMap.table_inner_id = sExtraParams['table_inner_id'];
|
|
}
|
|
$.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php?'+sContext, oMap,
|
|
function (data) {
|
|
oDiv.empty();
|
|
oDiv.append(data);
|
|
oDiv.unblock();
|
|
oDiv.parent().resize(); // Inform the parent that the form has just been (potentially) resized
|
|
oDiv.find('form').triggerHandler('itop.search.form.reloaded');
|
|
}
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Stores - in a persistent way - user specific preferences
|
|
* depends on a global variable oUserPreferences created/filled by the iTopWebPage
|
|
* that acts as a local -write through- cache
|
|
*/
|
|
function SetUserPreference(sPreferenceCode, sPrefValue, bPersistent) {
|
|
sPreviousValue = undefined;
|
|
try {
|
|
sPreviousValue = oUserPreferences[sPreferenceCode];
|
|
}
|
|
catch (err) {
|
|
sPreviousValue = undefined;
|
|
}
|
|
oUserPreferences[sPreferenceCode] = sPrefValue;
|
|
if (bPersistent && (sPrefValue != sPreviousValue)) {
|
|
ajax_request = $.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php',
|
|
{operation: 'set_pref', code: sPreferenceCode, value: sPrefValue}); // Make it persistent
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get user specific preferences
|
|
* depends on a global variable oUserPreferences created/filled by the iTopWebPage
|
|
* that acts as a local -write through- cache
|
|
*/
|
|
function GetUserPreference(sPreferenceCode, sDefaultValue) {
|
|
var value = sDefaultValue;
|
|
if ((typeof(oUserPreferences) !== 'undefined') && (typeof(oUserPreferences[sPreferenceCode]) !== 'undefined')) {
|
|
value = oUserPreferences[sPreferenceCode];
|
|
}
|
|
return value;
|
|
}
|
|
|
|
/**
|
|
* Check/uncheck a whole list of checkboxes
|
|
*/
|
|
function CheckAll(sSelector, bValue) {
|
|
var value = bValue;
|
|
$(sSelector).each(function () {
|
|
if (this.checked != value) {
|
|
this.checked = value;
|
|
$(this).trigger('change');
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
/**
|
|
* Toggle (enabled/disabled) the specified field of a form
|
|
*/
|
|
function ToggleField(value, field_id) {
|
|
if (value) {
|
|
$('#'+field_id).prop('disabled', false);
|
|
// In case the field is rendered as a div containing several inputs (e.g. RedundancySettings)
|
|
$('#'+field_id+' :input').prop('disabled', false);
|
|
}
|
|
else {
|
|
$('#'+field_id).prop('disabled', true);
|
|
// In case the field is rendered as a div containing several inputs (e.g. RedundancySettings)
|
|
$('#'+field_id+' :input').prop('disabled', true);
|
|
}
|
|
$('#'+field_id).trigger('update');
|
|
$('#'+field_id).trigger('validate');
|
|
}
|
|
|
|
/**
|
|
* For the fields that cannot be visually disabled, they can be blocked
|
|
* @return
|
|
*/
|
|
function BlockField(field_id, bBlocked) {
|
|
if (bBlocked) {
|
|
$('#'+field_id).block({message: ' ** disabled ** ', enableValidation : true});
|
|
}
|
|
else {
|
|
$('#'+field_id).unblock();
|
|
}
|
|
}
|
|
/**
|
|
* Updates (enables/disables) a "duration" field
|
|
*/
|
|
function ToggleDurationField(field_id) {
|
|
// Toggle all the subfields that compose the "duration" input
|
|
aSubFields = new Array('d', 'h', 'm', 's');
|
|
|
|
if ($('#'+field_id).prop('disabled')) {
|
|
for (var i = 0; i < aSubFields.length; i++) {
|
|
$('#'+field_id+'_'+aSubFields[i]).prop('disabled', true);
|
|
}
|
|
}
|
|
else {
|
|
for (var i = 0; i < aSubFields.length; i++) {
|
|
$('#'+field_id+'_'+aSubFields[i]).prop('disabled', false);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* PropagateCheckBox
|
|
*/
|
|
function PropagateCheckBox(bCurrValue, aFieldsList, bCheck) {
|
|
if (bCurrValue == bCheck) {
|
|
for (var i = 0; i < aFieldsList.length; i++) {
|
|
var sFieldId = aFieldsList[i];
|
|
$('#enable_'+sFieldId).prop('checked', bCheck);
|
|
ToggleField(bCheck, sFieldId);
|
|
|
|
// Cascade propagation
|
|
$('#enable_'+sFieldId).trigger('change');
|
|
}
|
|
}
|
|
}
|
|
|
|
function FixTableSorter(table) {
|
|
if (table[0].config == undefined) {
|
|
// Table is not sort-able, let's fix it
|
|
var checkbox = (table.find('th:first :checkbox').length > 0);
|
|
if (checkbox) {
|
|
// There is a checkbox in the first column, don't make it sort-able
|
|
table.tablesorter({headers: {0: {sorter: false}}, widgets: ['myZebra', 'truncatedList']}); // sort-able and zebra tables
|
|
}
|
|
else {
|
|
// There is NO checkbox in the first column, all columns are considered sort-able
|
|
table.tablesorter({widgets: ['myZebra', 'truncatedList']}); // sort-able and zebra tables
|
|
}
|
|
}
|
|
}
|
|
|
|
function DashletCreationDlg(sOQL, sContext) {
|
|
$.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php?'+sContext, {operation: 'dashlet_creation_dlg', oql: sOQL}, function (data) {
|
|
$('body').append(data);
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function ShortcutListDlg(sOQL, sDataTableId, sContext) {
|
|
var sDataTableName = 'datatable_'+sDataTableId;
|
|
var oTableSettings = {
|
|
oColumns: $('#'+sDataTableName).datatable('option', 'oColumns'),
|
|
iPageSize: $('#'+sDataTableName).datatable('option', 'iPageSize')
|
|
};
|
|
var sTableSettings = JSON.stringify(oTableSettings);
|
|
|
|
$.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php?'+sContext, {operation: 'shortcut_list_dlg', oql: sOQL, table_settings: sTableSettings}, function (data) {
|
|
$('body').append(data);
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function ExportListDlg(sOQL, sDataTableId, sFormat, sDlgTitle) {
|
|
var aFields = [];
|
|
if (sDataTableId != '') {
|
|
var sDataTableName = 'datatable_'+sDataTableId;
|
|
var oColumns = $('#'+sDataTableName).datatable('option', 'oColumns');
|
|
for (var j in oColumns) {
|
|
for (var k in oColumns[j]) {
|
|
if (oColumns[j][k].checked) {
|
|
var sCode = oColumns[j][k].code;
|
|
if (sCode == '_key_') {
|
|
sCode = 'id';
|
|
}
|
|
aFields.push(j+'.'+sCode);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var oParams = {
|
|
interactive: 1,
|
|
mode: 'dialog',
|
|
expression: sOQL,
|
|
suggested_fields: aFields.join(','),
|
|
dialog_title: sDlgTitle
|
|
};
|
|
|
|
if (sFormat !== null) {
|
|
oParams.format = sFormat;
|
|
}
|
|
|
|
$.post(GetAbsoluteUrlAppRoot()+'webservices/export-v2.php', oParams, function (data) {
|
|
$('body').append(data);
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function ExportToggleFormat(sFormat) {
|
|
$('.form_part').hide();
|
|
for (k in window.aFormParts[sFormat]) {
|
|
$('#form_part_'+window.aFormParts[sFormat][k]).show().trigger('form-part-activate');
|
|
}
|
|
}
|
|
|
|
function ExportStartExport() {
|
|
var oParams = {};
|
|
$('.form_part:visible :input').each(function () {
|
|
if (this.name != '') {
|
|
if ((this.type == 'radio') || (this.type == 'checkbox')) {
|
|
if (this.checked) {
|
|
oParams[this.name] = $(this).val();
|
|
}
|
|
}
|
|
else {
|
|
oParams[this.name] = $(this).val();
|
|
}
|
|
}
|
|
});
|
|
$(':itop-tabularfieldsselector:visible').tabularfieldsselector('close_all_tooltips');
|
|
$('#export-form').hide();
|
|
$('#export-feedback').show();
|
|
oParams.operation = 'export_build';
|
|
oParams.format = $('#export-form :input[name=format]').val();
|
|
var sQueryMode = $(':input[name=query_mode]:checked').val();
|
|
if ($(':input[name=query_mode]:checked').length > 0) {
|
|
if (sQueryMode == 'oql') {
|
|
oParams.expression = $('#export-form :input[name=expression]').val();
|
|
}
|
|
else {
|
|
oParams.query = $('#export-form :input[name=query]').val();
|
|
}
|
|
}
|
|
else {
|
|
oParams.expression = $('#export-form :input[name=expression]').val();
|
|
oParams.query = $('#export-form :input[name=query]').val();
|
|
}
|
|
$.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php', oParams, function (data) {
|
|
if (data == null) {
|
|
ExportError('Export failed (no data provided), please contact your administrator');
|
|
}
|
|
else {
|
|
ExportRun(data);
|
|
}
|
|
}, 'json')
|
|
.fail(function () {
|
|
ExportError('Export failed, please contact your administrator');
|
|
});
|
|
}
|
|
|
|
function ExportError(sMessage) {
|
|
$('.export-message').html(sMessage);
|
|
$('.export-progress-bar').hide();
|
|
$('#export-btn').hide();
|
|
}
|
|
|
|
function ExportRun(data) {
|
|
switch (data.code) {
|
|
case 'run':
|
|
// Continue
|
|
$('.export-progress-bar').progressbar({value: data.percentage});
|
|
$('.export-message').html(data.message);
|
|
oParams = {};
|
|
oParams.token = data.token;
|
|
var sDataState = $('#export-form').attr('data-state');
|
|
if (sDataState == 'cancelled') {
|
|
oParams.operation = 'export_cancel';
|
|
}
|
|
else {
|
|
oParams.operation = 'export_build';
|
|
}
|
|
|
|
$.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php', oParams, function (data) {
|
|
ExportRun(data);
|
|
},
|
|
'json');
|
|
break;
|
|
|
|
case 'done':
|
|
$('#export-btn').hide();
|
|
sMessage = '<a href="'+GetAbsoluteUrlAppRoot()+'pages/ajax.render.php?operation=export_download&token='+data.token+'" target="_blank">'+data.message+'</a>';
|
|
$('.export-message').html(sMessage);
|
|
$('.export-progress-bar').hide();
|
|
$('#export-btn').hide();
|
|
$('#export-form').attr('data-state', 'done');
|
|
if (data.text_result != undefined) {
|
|
if (data.mime_type == 'text/html') {
|
|
$('#export_content').parent().html(data.text_result);
|
|
$('#export_text_result').show();
|
|
$('#export_text_result .listResults').tableHover();
|
|
$('#export_text_result .listResults').tablesorter({widgets: ['myZebra']});
|
|
}
|
|
else {
|
|
if ($('#export_text_result').closest('ui-dialog').length == 0) {
|
|
// not inside a dialog box, adjust the height... approximately
|
|
var jPane = $('#export_text_result').closest('.ui-layout-content');
|
|
var iTotalHeight = jPane.height();
|
|
jPane.children(':visible').each(function () {
|
|
if ($(this).attr('id') != '') {
|
|
iTotalHeight -= $(this).height();
|
|
}
|
|
});
|
|
$('#export_content').height(iTotalHeight-80);
|
|
}
|
|
$('#export_content').val(data.text_result);
|
|
$('#export_text_result').show();
|
|
}
|
|
}
|
|
$('#export-dlg-submit').button('option', 'label', Dict.S('UI:Button:Done')).button('enable');
|
|
break;
|
|
|
|
case 'error':
|
|
$('#export-form').attr('data-state', 'error');
|
|
$('.export-progress-bar').progressbar({value: data.percentage});
|
|
$('.export-message').html(data.message);
|
|
$('#export-dlg-submit').button('option', 'label', Dict.S('UI:Button:Done')).button('enable');
|
|
$('#export-btn').hide();
|
|
default:
|
|
}
|
|
}
|
|
|
|
function ExportInitButton(sSelector) {
|
|
$(sSelector).on('click', function () {
|
|
var sDataState = $('#export-form').attr('data-state');
|
|
switch (sDataState) {
|
|
case 'not-yet-started':
|
|
$('.form_part:visible').each(function () {
|
|
$('#export-form').data('validation_messages', []);
|
|
var ret = $(this).trigger('validate');
|
|
});
|
|
var aMessages = $('#export-form').data('validation_messages');
|
|
|
|
if (aMessages.length > 0) {
|
|
alert(aMessages.join(''));
|
|
return;
|
|
}
|
|
if ($(this).hasClass('ui-button')) {
|
|
$(this).button('option', 'label', Dict.S('UI:Button:Cancel'));
|
|
}
|
|
else {
|
|
$(this).html(Dict.S('UI:Button:Cancel'));
|
|
}
|
|
$('#export-form').attr('data-state', 'running');
|
|
ExportStartExport();
|
|
break;
|
|
|
|
case 'running':
|
|
if ($(this).hasClass('ui-button')) {
|
|
$(this).button('disable');
|
|
}
|
|
else {
|
|
$(this).prop('disabled', true);
|
|
}
|
|
$('#export-form').attr('data-state', 'cancelled');
|
|
break;
|
|
|
|
case 'done':
|
|
case 'error':
|
|
$('#interactive_export_dlg').dialog('close');
|
|
break;
|
|
|
|
default:
|
|
// Do nothing
|
|
}
|
|
});
|
|
}
|
|
|
|
function DisplayHistory(sSelector, sFilter, iCount, iStart) {
|
|
$(sSelector).block();
|
|
var oParams = {operation: 'history_from_filter', filter: sFilter, start: iStart, count: iCount};
|
|
$.post(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php', oParams, function (data) {
|
|
$(sSelector).html(data).unblock();
|
|
}
|
|
);
|
|
}
|
|
|
|
/**
|
|
* @param sValue value to escape
|
|
* @param bReplaceAmp if false don't replace "&" (can be useful when sValue contrains html entities we want to keep)
|
|
* @returns {string} escaped value, ready to insert in the DOM without XSS risk
|
|
*
|
|
* @since 2.6.5, 2.7.2, 3.0.0 N°3332
|
|
* @see https://cheatsheetseries.owasp.org/cheatsheets/Cross_Site_Scripting_Prevention_Cheat_Sheet.html#rule-1-html-encode-before-inserting-untrusted-data-into-html-element-content
|
|
* @see https://stackoverflow.com/questions/295566/sanitize-rewrite-html-on-the-client-side/430240#430240 why inserting in the DOM (for
|
|
* example the text() JQuery way) isn't safe
|
|
*/
|
|
function EncodeHtml(sValue, bReplaceAmp) {
|
|
var sEncodedValue = (sValue+'')
|
|
.replace(/</g, '<')
|
|
.replace(/>/g, '>')
|
|
.replace(/"/g, '"')
|
|
.replace(/'/g, ''')
|
|
.replace(/\//g, '/');
|
|
|
|
if (bReplaceAmp) {
|
|
sEncodedValue = sEncodedValue.replace(/&/g, '&');
|
|
}
|
|
|
|
return sEncodedValue;
|
|
}
|
|
|
|
// Very simple equivalent to format: placeholders are %1$s %2$d ...
|
|
function Format() {
|
|
var args = [];
|
|
var str = '';
|
|
if (arguments[0] instanceof Array) {
|
|
str = arguments[0][0].toString();
|
|
args = arguments[0];
|
|
} else {
|
|
str = arguments[0].toString();
|
|
if (arguments.length > 1) {
|
|
var t = typeof arguments[1];
|
|
args = ("string" === t || "number" === t) ? Array.prototype.slice.call(arguments) : arguments[1];
|
|
}
|
|
}
|
|
var key;
|
|
for (key in args) {
|
|
str = str.replace(new RegExp("\\%"+key+"\\$.", "gi"), args[key]);
|
|
}
|
|
|
|
return str;
|
|
}
|
|
|
|
/**
|
|
* Return true if oDOMElem is visible to the user, meaning that it is in the current viewport AND is not behind another element.
|
|
*
|
|
* @param oDOMElem DOM element to check
|
|
* @param bCompletely Should oDOMElem be completely visible for the function to return true?
|
|
* @param iThreshold Use when bCompletely = true, a threshold in pixels to consider oDOMElem as completely visible. This is useful when elements are next to others as the browser can consider 1 pixel is overlapping the next element.
|
|
* @returns {boolean}
|
|
* @url: https://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
|
|
*/
|
|
function IsElementVisibleToTheUser(oDOMElem, bCompletely = false, iThreshold = 0)
|
|
{
|
|
const oRect = oDOMElem.getBoundingClientRect(),
|
|
fViewportWidth = window.innerWidth || doc.documentElement.clientWidth,
|
|
fViewportHeight = window.innerHeight || doc.documentElement.clientHeight,
|
|
efp = function (x, y)
|
|
{
|
|
return document.elementFromPoint(x, y)
|
|
};
|
|
|
|
// Return false if it's not in the viewport
|
|
if (oRect.right < 0 || oRect.bottom < 0
|
|
|| oRect.left > fViewportWidth || oRect.top > fViewportHeight)
|
|
{
|
|
return false;
|
|
}
|
|
|
|
if (bCompletely === true)
|
|
{
|
|
// Return true if ALL of its four corners are visible
|
|
return (
|
|
oDOMElem.contains(efp(oRect.left+iThreshold, oRect.top+iThreshold))
|
|
&& oDOMElem.contains(efp(oRect.right-iThreshold, oRect.top+iThreshold))
|
|
&& oDOMElem.contains(efp(oRect.right-iThreshold, oRect.bottom-iThreshold))
|
|
&& oDOMElem.contains(efp(oRect.left+iThreshold, oRect.bottom-iThreshold))
|
|
);
|
|
} else
|
|
{
|
|
// Return true if ANY of its four corners are visible
|
|
return (
|
|
oDOMElem.contains(efp(oRect.left, oRect.top))
|
|
|| oDOMElem.contains(efp(oRect.right, oRect.top))
|
|
|| oDOMElem.contains(efp(oRect.right, oRect.bottom))
|
|
|| oDOMElem.contains(efp(oRect.left, oRect.bottom))
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Enable to access translation keys client side.
|
|
* The called keys needs to be exported using \WebPage::add_dict_entry
|
|
*/
|
|
var Dict = {};
|
|
if (typeof aDictEntries == 'undefined') {
|
|
Dict._entries = {}; // Entries have not been loaded (we are in the setup ?)
|
|
}
|
|
else {
|
|
Dict._entries = aDictEntries; // Entries were loaded asynchronously via their own js files
|
|
}
|
|
Dict.S = function (sEntry) {
|
|
if (sEntry in Dict._entries) {
|
|
return Dict._entries[sEntry];
|
|
}
|
|
else {
|
|
return sEntry;
|
|
}
|
|
};
|
|
Dict.Format = function () {
|
|
var args = Array.from(arguments);
|
|
args[0] = Dict.S(arguments[0]);
|
|
return Format(args);
|
|
}
|
|
|
|
// TODO 3.0.0: Move functions above either in CombodoGlobalToolbox or CombodoBackofficeToolbox and deprecate them
|
|
|
|
/**
|
|
* A toolbox for common JS operations accross the app no matter the GUI. Meant to be used by Combodo developers and the community.
|
|
*
|
|
* Note: All functions like those above should be moved in the corresponding toolbox to avoid name collision with other libs and scripts.
|
|
*
|
|
* @api
|
|
* @since 3.0.0
|
|
*/
|
|
const CombodoGlobalToolbox = {
|
|
// Instanciate tooltips (abstraction layer between iTop markup and tooltip plugin to ease its replacement in the future)
|
|
/**
|
|
* Instanciate a tooltip on oElem from its data attributes
|
|
*
|
|
* Note: Content SHOULD be HTML entity encoded to avoid markup breaks (eg. when using a double quote in a sentence)
|
|
*
|
|
* @param {Object} oElem The jQuery object representing the element
|
|
* @param {boolean} bForce When set to true, tooltip will be instanciate even if one already exists, overwritting it.
|
|
* @constructor
|
|
*/
|
|
InitTooltipFromMarkup: function(oElem, bForce = false)
|
|
{
|
|
const oOptions = {
|
|
allowHTML: true, // Always true so line breaks can work. Don't worry content will be sanitized.
|
|
};
|
|
|
|
// First, check if the tooltip isn't already instanciated
|
|
if((oElem.attr('data-tooltip-instanciated') === 'true') && (bForce === false))
|
|
{
|
|
return false;
|
|
}
|
|
|
|
// Content must be reworked before getting into the tooltip
|
|
// - Should we enable HTML content or keep text as is
|
|
const bEnableHTML = oElem.attr('data-tooltip-html-enabled') === 'true';
|
|
|
|
// - Content should be sanitized unless the developer says otherwise
|
|
// Note: Condition is inversed on purpose. When the developer is instanciating a tooltip,
|
|
// we want him/her to explicitly declare that he/she wants the sanitizer to be skipped.
|
|
// Whereas in this code, it's easier to follow the logic with the variable oriented this way.
|
|
const bSanitizeContent = oElem.attr('data-tooltip-sanitizer-skipped') !== 'true';
|
|
|
|
// - Sanitize content and make sure line breaks are kept
|
|
const oTmpContentElem = $('<div />').html(oElem.attr('data-tooltip-content'));
|
|
let sContent = '';
|
|
if(bEnableHTML)
|
|
{
|
|
sContent = oTmpContentElem.html();
|
|
if(bSanitizeContent)
|
|
{
|
|
sContent = sContent.replace(/<script/g, '<script WARNING: scripts are not allowed in tooltips');
|
|
}
|
|
}
|
|
else
|
|
{
|
|
sContent = oTmpContentElem.text();
|
|
sContent = sContent.replace(/(\r\n|\n\r|\r|\n)/g, '<br/>');
|
|
}
|
|
oOptions['content'] = sContent;
|
|
|
|
oOptions['placement'] = oElem.attr('data-tooltip-placement') ?? 'top';
|
|
oOptions['trigger'] = oElem.attr('data-tooltip-trigger') ?? 'mouseenter focus';
|
|
|
|
const sShiftingOffset = oElem.attr('data-tooltip-shifting-offset');
|
|
const sDistanceOffset = oElem.attr('data-tooltip-distance-offset');
|
|
oOptions['offset'] = [
|
|
(sShiftingOffset === undefined) ? 0 : parseInt(sShiftingOffset),
|
|
(sDistanceOffset === undefined) ? 10 : parseInt(sDistanceOffset),
|
|
];
|
|
|
|
oOptions['animation'] = oElem.attr('data-tooltip-animation') ?? 'shift-away-subtle';
|
|
|
|
const sShowDelay = oElem.attr('data-tooltip-show-delay');
|
|
const sHideDelay = oElem.attr('data-tooltip-hide-delay');
|
|
oOptions['delay'] = [
|
|
(typeof sShowDelay === 'undefined') ? 200 : parseInt(sShowDelay),
|
|
(typeof sHideDelay === 'undefined') ? null : parseInt(sHideDelay),
|
|
];
|
|
|
|
tippy(oElem[0], oOptions);
|
|
|
|
// Mark tooltip as instanciated
|
|
oElem.attr('data-tooltip-instanciated', 'true');
|
|
},
|
|
/**
|
|
* Instantiate all tooltips that are not already.
|
|
* Useful after AJAX calls or dynamic content modification for examples.
|
|
*
|
|
* @param {Object} oContainerElem Tooltips will only be instantiated if they are contained within this jQuery object
|
|
* @constructor
|
|
*/
|
|
InitAllNonInstantiatedTooltips: function(oContainerElem = null)
|
|
{
|
|
if(oContainerElem === null)
|
|
{
|
|
oContainerElem = $('body');
|
|
}
|
|
|
|
oContainerElem.find('[data-tooltip-content]:not([data-tooltip-instanciated="true"])').each(function(){
|
|
CombodoGlobalToolbox.InitTooltipFromMarkup($(this));
|
|
});
|
|
}
|
|
}; |