mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 15:34:12 +01:00
5f00362805
Note: This could be used later as an entry point to manipulate the log and do something with it (format, persist, ...)
1014 lines
30 KiB
JavaScript
1014 lines
30 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;
|
|
//TODO 3.0.0 Datatable - to check
|
|
var oDataTable = $('#'+divId+' .ibo-datatable');
|
|
var bIsDataTable = false;
|
|
if (oDataTable.length > 0) {
|
|
bDialogOpen = ($('#datatable_dlg_datatable_'+divId+' :visible').length > 0);
|
|
//bDialogOpen = oDataTable.datatable('IsDialogOpen');
|
|
bIsDataTable = true;
|
|
}
|
|
if (!bDialogOpen) {
|
|
if (bIsDataTable) {
|
|
oDataTable.DataTable().clearPipeline();
|
|
oDataTable.DataTable().ajax.reload(null, false);
|
|
}
|
|
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'];
|
|
}
|
|
else{
|
|
oMap.table_inner_id = sTableId;
|
|
}
|
|
|
|
$.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
|
|
* that acts as a local -write through- cache
|
|
* @borrows global variable oUserPreferences created/filled by the iTopWebPage if login method was called
|
|
*/
|
|
function GetUserPreference(sPreferenceCode, sDefaultValue) {
|
|
var value = sDefaultValue;
|
|
if ((typeof (oUserPreferences) !== 'undefined') && (typeof (oUserPreferences[sPreferenceCode]) !== 'undefined')) {
|
|
value = oUserPreferences[sPreferenceCode];
|
|
}
|
|
return value;
|
|
}
|
|
|
|
/**
|
|
* @param {string} sPreferenceCode
|
|
* @param {boolean} bDefaultValue
|
|
* @returns {boolean}
|
|
* @since 3.0.0
|
|
*/
|
|
function GetUserPreferenceAsBoolean(sPreferenceCode, bDefaultValue) {
|
|
let sVal = GetUserPreference(sPreferenceCode, bDefaultValue);
|
|
try {
|
|
sVal = sVal.toLowerCase();
|
|
} catch (error) {
|
|
// nothing : this may be the boolean default value !
|
|
}
|
|
|
|
if (sVal === "true") {
|
|
return true;
|
|
}
|
|
if (sVal === "false") {
|
|
return false;
|
|
}
|
|
|
|
return bDefaultValue;
|
|
}
|
|
|
|
/**
|
|
* 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().ajax.params()['columns'],
|
|
iPageSize: $('#'+sDataTableName).DataTable().ajax.params()['length']/numberCachePages
|
|
};
|
|
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().ajax.params()['columns'];
|
|
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));
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Helper to print messages in the browser JS console, use this instead of "console.xxx()" directly as this checks that the method exists.
|
|
*
|
|
* @api
|
|
* @since 3.0.0
|
|
*/
|
|
const CombodoJSConsole = {
|
|
/**
|
|
* @param sMessage {string} Message to output in the JS console
|
|
* @param sLevel {string} Console canal to use for the output, values can be log|debug|warn|error, default is log
|
|
* @returns {boolean}
|
|
* @internal
|
|
*/
|
|
_Trace: function(sMessage, sLevel = 'log')
|
|
{
|
|
// Check if browser has JS console
|
|
if (!window.console) {
|
|
return false;
|
|
}
|
|
|
|
// Check if browser has the wanted log level
|
|
if (!window.console[sLevel]) {
|
|
sLevel = 'log';
|
|
}
|
|
|
|
window.console[sLevel](sMessage);
|
|
},
|
|
/**
|
|
* Equivalent of a "console.log(sMessage)"
|
|
*
|
|
* @param sMessage {string}
|
|
* @constructor
|
|
*/
|
|
Log: function(sMessage)
|
|
{
|
|
this._Trace(sMessage, 'log');
|
|
},
|
|
/**
|
|
* Equivalent of a "console.info(sMessage)"
|
|
*
|
|
* @param sMessage {string}
|
|
* @constructor
|
|
*/
|
|
Info: function(sMessage)
|
|
{
|
|
this._Trace(sMessage, 'info');
|
|
},
|
|
/**
|
|
* Equivalent of a "console.debug(sMessage)"
|
|
*
|
|
* @param sMessage {string}
|
|
* @constructor
|
|
*/
|
|
Debug: function(sMessage)
|
|
{
|
|
this._Trace(sMessage, 'debug');
|
|
},
|
|
/**
|
|
* Equivalent of a "console.warn(sMessage)"
|
|
*
|
|
* @param sMessage {string}
|
|
* @constructor
|
|
*/
|
|
Warn: function(sMessage)
|
|
{
|
|
this._Trace(sMessage, 'warn');
|
|
},
|
|
/**
|
|
* Equivalent of a "console.error(sMessage)"
|
|
*
|
|
* @param sMessage {string}
|
|
* @constructor
|
|
*/
|
|
Error: function(sMessage)
|
|
{
|
|
this._Trace(sMessage, 'error');
|
|
}
|
|
} |