mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 15:34:12 +01:00
803 lines
24 KiB
JavaScript
803 lines
24 KiB
JavaScript
/*
|
|
* @copyright Copyright (C) 2010-2021 Combodo SARL
|
|
* @license http://opensource.org/licenses/AGPL-3.0
|
|
*/
|
|
/*
|
|
* Plugin to change the behaviour of enter and backspace buttons
|
|
* if the inputText is null when iti push on enter, the field is put to null
|
|
* when we push on backspace, it clean the input text, in order to autocmplete
|
|
* */
|
|
Selectize.define('custom_itop', function(aOptions) {
|
|
var KEY_BACKSPACE = 8;
|
|
var KEY_RETURN = 13;
|
|
var self = this;
|
|
|
|
aOptions.text = aOptions.text || function(aOptions) {
|
|
return aOptions[this.settings.labelField];
|
|
};
|
|
|
|
this.onKeyDown = (function() {
|
|
var original = self.onKeyDown;
|
|
return function(e) {
|
|
var iIndex;
|
|
switch (e.keyCode) {
|
|
case KEY_BACKSPACE:
|
|
if (e.keyCode === KEY_BACKSPACE && this.$control_input.val() === '' && !this.$activeItems.length) {
|
|
iIndex = this.caretPos-1;
|
|
if (iIndex >= 0 && iIndex < this.items.length) {
|
|
this.clear(true);
|
|
e.preventDefault();
|
|
return;
|
|
}
|
|
}
|
|
case KEY_RETURN:
|
|
if (self.isOpen) {
|
|
//case nothing selected ->delete selection
|
|
if (!self.$activeOption || self.currentResults.query == "") {
|
|
self.deleteSelection(e);
|
|
self.setValue("");
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
return original.apply();
|
|
};
|
|
})();
|
|
});
|
|
|
|
|
|
function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper, sAttCode, bSearchMode, bDoSearch, sFormAttCode) {
|
|
this.id = id;
|
|
this.sOriginalTargetClass = sTargetClass;
|
|
this.sTargetClass = sTargetClass;
|
|
this.sFilter = sFilter;
|
|
this.sTitle = sTitle;
|
|
this.sAttCode = sAttCode;
|
|
this.emptyHtml = ''; // content to be displayed when the search results are empty (when opening the dialog)
|
|
this.emptyOnClose = true; // Workaround for the JQuery dialog being very slow when opening and closing if the content contains many INPUT tags
|
|
this.oWizardHelper = oWizHelper;
|
|
this.ajax_request = null;
|
|
this.bSelectMode = bSelectMode; // true if the edited field is a SELECT, false if it's an autocomplete
|
|
this.bSearchMode = bSearchMode; // true if selecting a value in the context of a search form
|
|
this.bDoSearch = bDoSearch; // false if the search is not launched
|
|
this.sFormAttCode = sFormAttCode;
|
|
|
|
var me = this;
|
|
|
|
this.Init = function () {
|
|
// make sure that the form is clean
|
|
$('#'+this.id+'_btnRemove').prop('disabled', true);
|
|
$('#'+this.id+'_linksToRemove').val('');
|
|
|
|
}
|
|
this.AddSelectize = function (options, initValue) {
|
|
let $select = $('#'+me.id).selectize({
|
|
plugins:['custom_itop'],
|
|
render: {
|
|
item: function (item) {
|
|
if (item.obsolescence_flag == 1) {
|
|
val = '<span class="object-ref-icon text_decoration"><span class="fas fa-eye-slash object-obsolete fa-1x fa-fw"></span></span>'+item.label;
|
|
} else {
|
|
val = item.label;
|
|
}
|
|
return $("<div>").append(val);
|
|
},
|
|
option: function(item) {
|
|
if (item.obsolescence_flag == 1) {
|
|
val = '<span class="object-ref-icon text_decoration"><span class="fas fa-eye-slash object-obsolete fa-1x fa-fw"></span></span>'+item.label;
|
|
} else {
|
|
val = item.label;
|
|
}
|
|
if (item.additional_field != undefined) {
|
|
val = val+'<br><i>'+item.additional_field+'</i>';
|
|
}
|
|
return $("<div>").append(val);
|
|
}
|
|
},
|
|
valueField: 'value',
|
|
labelField: 'label',
|
|
searchField: 'label',
|
|
options: JSON.parse(options),
|
|
maxItems: 1,
|
|
copyClassesToDropdown: false,
|
|
inputClass: 'ibo-input ibo-input-select ibo-input-selectize',
|
|
// To avoid dropdown to be cut by the container's overflow hidden rule
|
|
dropdownParent: 'body',
|
|
});
|
|
let $selectize = $select[0].selectize; // This stores the selectize object to a variable (with name 'selectize')
|
|
$selectize.setValue(initValue, true);
|
|
var iPaddingRight = $('#'+this.id).parent().find('.ibo-input-select--action-buttons')[0].childElementCount*20+15;
|
|
$('#'+this.id).parent().find('.ibo-input-select').css('padding-right',iPaddingRight);
|
|
|
|
}
|
|
this.AddAutocomplete = function(iMinChars, sWizHelperJSON)
|
|
{
|
|
var hasFocus = 0;
|
|
var cache = {};
|
|
$('#label_'+me.id).data('selected_value', $('#label_'+me.id).val());
|
|
$('#label_'+me.id).autocomplete({
|
|
source: function (request, response) {
|
|
term = request.term.toLowerCase().latinise().replace(/[\u0300-\u036f]/g, "");
|
|
|
|
if (term in cache) {
|
|
response(cache[term]);
|
|
return;
|
|
}
|
|
if (term.indexOf(this.previous) >= 0 && cache[this.previous] != null && cache[this.previous].length < 120) {
|
|
//we have already all the possibility in cache
|
|
var data = [];
|
|
$.each(cache[this.previous], function (key, value) {
|
|
if (value.label.toLowerCase().latinise().replace(/[\u0300-\u036f]/g, "").indexOf(term) >= 0) {
|
|
data.push(value);
|
|
}
|
|
});
|
|
cache[term] = data;
|
|
response(data);
|
|
} else {
|
|
$.post({
|
|
url: GetAbsoluteUrlAppRoot()+'pages/ajax.render.php',
|
|
dataType: "json",
|
|
data: {
|
|
q: request.term,
|
|
operation: 'ac_extkey',
|
|
sTargetClass: me.sTargetClass,
|
|
sFilter: me.sFilter,
|
|
bSearchMode: me.bSearchMode,
|
|
sOutputFormat: 'json',
|
|
json: function () {
|
|
return sWizHelperJSON;
|
|
}
|
|
},
|
|
success: function (data) {
|
|
cache[term] = data;
|
|
response(data);
|
|
}
|
|
});
|
|
|
|
}
|
|
},
|
|
autoFocus: true,
|
|
minLength: iMinChars,
|
|
focus: function (event, ui) {
|
|
return false;
|
|
},
|
|
select: function (event, ui) {
|
|
$('#'+me.id).val(ui.item.value);
|
|
$('#label_'+me.id).val(ui.item.label);
|
|
$('#label_'+me.id).data('selected_value', ui.item.label);
|
|
$('#'+me.id).trigger('validate');
|
|
$('#'+me.id).trigger('extkeychange');
|
|
$('#'+me.id).trigger('change');
|
|
return false;
|
|
}
|
|
})
|
|
.autocomplete("instance")._renderItem = function (ul, item) {
|
|
$(ul).addClass('selectize-dropdown');
|
|
var term = this.term.replace("/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi", "\\$1");
|
|
var val = item.label.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)("+term+")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
|
|
if (item.obsolescence_flag == '1') {
|
|
val = ' <span class="object-ref-icon text_decoration"><span class="fas fa-eye-slash object-obsolete fa-1x fa-fw"></span></span>'+val;
|
|
}
|
|
if (item.additional_field != undefined )
|
|
{
|
|
val = val+'<br><i>'+item.additional_field+'</i>';
|
|
}
|
|
|
|
return $("<li>")
|
|
.append("<div data-selectable=\"\">"+val+"</div>")
|
|
.appendTo(ul);
|
|
};
|
|
|
|
$('#label_'+me.id).on('focus', function () {
|
|
// track whether the field has focus, we shouldn't process any
|
|
// results if the field no longer has focus
|
|
hasFocus++;
|
|
}).on('blur', function () {
|
|
hasFocus = 0;
|
|
if ($('#label_'+me.id).val().length == 0) {
|
|
eval('oACWidget_'+me.id).Clear();
|
|
} else {
|
|
$('#label_'+me.id).val($('#label_'+me.id).data('selected_value'));
|
|
}
|
|
}).on('click',
|
|
function () {
|
|
hasFocus++;
|
|
$('#label_'+me.id).autocomplete("search");
|
|
}).on('keyup',function () {
|
|
if ($('#label_'+me.id).val().length == 0) {
|
|
if (!$('#label_'+me.id).parent().find('.ibo-input-select--action-button--clear').hasClass('ibo-is-hidden')) {
|
|
$('#label_'+me.id).parent().find('.ibo-input-select--action-button--clear').addClass('ibo-is-hidden');
|
|
}
|
|
} else {
|
|
if ($('#label_'+me.id).parent().find('.ibo-input-select--action-button--clear').hasClass('ibo-is-hidden')) {
|
|
$('#label_'+me.id).parent().find('.ibo-input-select--action-button--clear').removeClass('ibo-is-hidden');
|
|
}
|
|
}
|
|
});
|
|
var iPaddingRight = $('#'+this.id).parent().find('.ibo-input-select--action-buttons')[0].childElementCount*20+15;
|
|
$('#'+this.id).parent().find('.ibo-input-select').css('padding-right',iPaddingRight);
|
|
};
|
|
|
|
this.StopPendingRequest = function () {
|
|
if (me.ajax_request)
|
|
{
|
|
me.ajax_request.abort();
|
|
me.ajax_request = null;
|
|
}
|
|
};
|
|
|
|
this.Search = function () {
|
|
if ($('#'+me.id).prop('disabled'))
|
|
{
|
|
return;
|
|
} // Disabled, do nothing
|
|
var value = $('#'+me.id).val(); // Current value
|
|
|
|
// Query the server to get the form to search for target objects
|
|
if (me.bSelectMode)
|
|
{
|
|
$('#fstatus_'+me.id).html('<img src="../images/indicator.gif" />');
|
|
}
|
|
else
|
|
{
|
|
$('#label_'+me.id).addClass('ac_dlg_loading');
|
|
}
|
|
var theMap = {
|
|
sAttCode: me.sAttCode,
|
|
iInputId: me.id,
|
|
sTitle: me.sTitle,
|
|
sAttCode: me.sAttCode,
|
|
sTargetClass: me.sTargetClass,
|
|
sFilter: me.sFilter,
|
|
bSearchMode: me.bSearchMode,
|
|
operation: 'objectSearchForm'
|
|
};
|
|
|
|
if (me.oWizardHelper == null)
|
|
{
|
|
theMap['json'] = '';
|
|
}
|
|
else
|
|
{
|
|
// Not inside a "search form", updating a real object
|
|
me.oWizardHelper.UpdateWizard();
|
|
theMap['json'] = me.oWizardHelper.ToJSON();
|
|
}
|
|
|
|
// Make sure that we cancel any pending request before issuing another
|
|
// since responses may arrive in arbitrary order
|
|
me.StopPendingRequest();
|
|
|
|
// Run the query and get the result back directly in HTML
|
|
me.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php'), theMap,
|
|
function (data) {
|
|
$('#ac_dlg_'+me.id).html(data);
|
|
$('#ac_dlg_'+me.id).dialog('open');
|
|
me.UpdateSizes();
|
|
me.UpdateButtons();
|
|
me.ajax_request = null;
|
|
$('#count_'+me.id+ '_results').change(function () {
|
|
me.UpdateButtons();
|
|
});
|
|
if (me.bDoSearch)
|
|
{
|
|
me.DoSearchObjects();
|
|
}
|
|
},
|
|
'html'
|
|
);
|
|
};
|
|
|
|
this.UpdateSizes = function () {
|
|
var dlg = $('#ac_dlg_'+me.id);
|
|
// Adjust the dialog's size to fit into the screen
|
|
if (dlg.width() > ($(window).width()-40))
|
|
{
|
|
dlg.width($(window).width()-40);
|
|
}
|
|
if (dlg.height() > ($(window).height()-70))
|
|
{
|
|
dlg.height($(window).height()-70);
|
|
}
|
|
var searchForm = dlg.find('div.display_block:first'); // Top search form, enclosing display_block
|
|
var results = $('#dr_'+me.id);
|
|
var oPadding = {};
|
|
var aKeys = ['top', 'right', 'bottom', 'left'];
|
|
for (k in aKeys)
|
|
{
|
|
oPadding[aKeys[k]] = 0;
|
|
if (dlg.css('padding-'+aKeys[k]))
|
|
{
|
|
oPadding[aKeys[k]] = parseInt(dlg.css('padding-'+aKeys[k]).replace('px', ''));
|
|
}
|
|
}
|
|
width = dlg.innerWidth()-oPadding['right']-oPadding['left']-22; // 5 (margin-left) + 5 (padding-left) + 5 (padding-right) + 5 (margin-right) + 2 for rounding !
|
|
height = dlg.innerHeight()-oPadding['top']-oPadding['bottom']-22;
|
|
form_height = searchForm.outerHeight();
|
|
results.height(height-form_height-40); // Leave some space for the buttons
|
|
};
|
|
|
|
this.UpdateButtons = function () {
|
|
var okBtn = $('#btn_ok_' + me.id + '_results');
|
|
if ($('#count_' + me.id + '_results').val() > 0) {
|
|
okBtn.prop('disabled', false);
|
|
} else {
|
|
okBtn.prop('disabled', true);
|
|
}
|
|
};
|
|
|
|
this.DoSearchObjects = function (id) {
|
|
var theMap = {
|
|
sTargetClass: me.sTargetClass,
|
|
iInputId: me.id,
|
|
sFilter: me.sFilter,
|
|
bSearchMode: me.bSearchMode
|
|
};
|
|
|
|
// Gather the parameters from the search form
|
|
$('#fs_'+me.id+' :input').each(function () {
|
|
if (this.name != '')
|
|
{
|
|
var val = $(this).val(); // supports multiselect as well
|
|
if (val !== null)
|
|
{
|
|
theMap[this.name] = val;
|
|
}
|
|
}
|
|
});
|
|
|
|
if (me.oWizardHelper == null)
|
|
{
|
|
theMap['json'] = '';
|
|
}
|
|
else
|
|
{
|
|
// Not inside a "search form", updating a real object
|
|
me.oWizardHelper.UpdateWizard();
|
|
theMap['json'] = me.oWizardHelper.ToJSON();
|
|
}
|
|
|
|
theMap['sRemoteClass'] = theMap['class']; // swap 'class' (defined in the form) and 'remoteClass'
|
|
theMap.operation = 'searchObjectsToSelect'; // Override what is defined in the form itself
|
|
theMap.sAttCode = me.sAttCode,
|
|
|
|
sSearchAreaId = '#dr_'+me.id;
|
|
$(sSearchAreaId).block();
|
|
me.UpdateButtons();
|
|
|
|
// Make sure that we cancel any pending request before issuing another
|
|
// since responses may arrive in arbitrary order
|
|
me.StopPendingRequest();
|
|
|
|
// Run the query and display the results
|
|
me.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php'), theMap,
|
|
function (data) {
|
|
$(sSearchAreaId).html(data);
|
|
$('#fr_'+me.id+' input:radio').on('click', function () {
|
|
me.UpdateButtons();
|
|
});
|
|
me.UpdateButtons();
|
|
me.ajax_request = null;
|
|
me.UpdateSizes();
|
|
},
|
|
'html'
|
|
);
|
|
|
|
return false; // Don't submit the form, stay in the current page !
|
|
};
|
|
|
|
this.DoOk = function () {
|
|
var iObjectId = window['oSelectedItems' + me.id + '_results'][0];
|
|
$('#ac_dlg_' + this.id).dialog('close');
|
|
$('#label_' + this.id).addClass('ac_dlg_loading');
|
|
|
|
// Query the server again to get the display name of the selected object
|
|
var theMap = {
|
|
sTargetClass: me.sTargetClass,
|
|
iInputId: me.id,
|
|
iObjectId: iObjectId,
|
|
sAttCode: me.sAttCode,
|
|
sFormAttCode: me.sFormAttCode,
|
|
bSearchMode: me.bSearchMode,
|
|
operation: 'getObjectName'
|
|
};
|
|
|
|
// Make sure that we cancel any pending request before issuing another
|
|
// since responses may arrive in arbitrary order
|
|
me.StopPendingRequest();
|
|
|
|
// Run the query and get the result back directly in JSON
|
|
me.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php'), theMap,
|
|
function (data) {
|
|
var oTemp = $('<div>'+data.name+'</div>');
|
|
var txt = oTemp.text(); // this causes HTML entities to be interpreted
|
|
|
|
var newValue;
|
|
if ($('#label_'+me.id).length) {
|
|
newValue = iObjectId;
|
|
$('#label_'+me.id).val(txt);
|
|
$('#label_'+me.id).removeClass('ac_dlg_loading');
|
|
} else {
|
|
// N°3227 if no label_* field present, we just want to pick the attribute value !
|
|
newValue = txt;
|
|
}
|
|
|
|
var prevValue = $('#'+me.id).val();
|
|
$('#'+me.id).val(newValue);
|
|
if (prevValue != newValue) {
|
|
// dependent fields will be updated using the WizardHelper JS object
|
|
$('#'+me.id).trigger('validate');
|
|
$('#'+me.id).trigger('extkeychange');
|
|
$('#'+me.id).trigger('change');
|
|
}
|
|
|
|
if ($('#label_'+me.id).length) {
|
|
$('#label_'+me.id).focus();
|
|
} else {
|
|
$('#'+me.id).focus();
|
|
}
|
|
|
|
me.ajax_request = null;
|
|
},
|
|
'json'
|
|
);
|
|
|
|
return false; // Do NOT submit the form in case we are called by OnSubmit...
|
|
};
|
|
|
|
this.Clear = function () {
|
|
$('#'+me.id).val('');
|
|
$('#label_'+me.id).val('');
|
|
$('#label_'+me.id).data('selected_value', '');
|
|
$('#'+me.id).trigger('validate');
|
|
$('#'+me.id).trigger('extkeychange');
|
|
$('#'+me.id).trigger('change');
|
|
};
|
|
|
|
// Workaround for a ui.jquery limitation: if the content of
|
|
// the dialog contains many INPUTs, closing and opening the
|
|
// dialog is very slow. So empty it each time.
|
|
this.OnClose = function () {
|
|
me.StopPendingRequest();
|
|
if (me.bSelectMode) {
|
|
$('#fstatus_'+me.id).html('');
|
|
} else {
|
|
$('#label_'+me.id).removeClass('ac_dlg_loading');
|
|
}
|
|
|
|
// called by the dialog, so in the context 'this' points to the jQueryObject
|
|
if (me.emptyOnClose) {
|
|
$('#dr_'+me.id).html(me.emptyHtml);
|
|
}
|
|
$('#label_'+me.id).removeClass('ac_dlg_loading');
|
|
$('#label_'+me.id).focus();
|
|
me.ajax_request = null;
|
|
};
|
|
|
|
this.SelectObjectClass = function (oWizHelper) {
|
|
// Resetting target class to its original value
|
|
// (If not done, closing the dialog and trying to create a object again
|
|
// will force it be of the same class as the previous call)
|
|
me.sTargetClass = me.sOriginalTargetClass;
|
|
|
|
me.CreateObject(oWizHelper);
|
|
};
|
|
|
|
this.DoSelectObjectClass = function () {
|
|
// Retrieving selected value
|
|
var oSelectedClass = $('#ac_create_'+me.id+' select');
|
|
if (oSelectedClass.length !== 1)
|
|
{
|
|
return;
|
|
}
|
|
|
|
// Setting new target class
|
|
me.sTargetClass = oSelectedClass.val();
|
|
|
|
// Opening real creation form
|
|
$('#ac_create_'+me.id).dialog('close');
|
|
me.CreateObject();
|
|
};
|
|
|
|
this.CreateObject = function (oWizHelper) {
|
|
if ($('#'+me.id).prop('disabled'))
|
|
{
|
|
return;
|
|
} // Disabled, do nothing
|
|
// Query the server to get the form to create a target object
|
|
if (me.bSelectMode)
|
|
{
|
|
$('#fstatus_'+me.id).html('<img src="../images/indicator.gif" />');
|
|
}
|
|
else
|
|
{
|
|
$('#label_'+me.id).addClass('ac_dlg_loading');
|
|
}
|
|
me.oWizardHelper.UpdateWizard();
|
|
var theMap = {
|
|
sTargetClass: me.sTargetClass,
|
|
iInputId: me.id,
|
|
sAttCode: me.sAttCode,
|
|
'json': me.oWizardHelper.ToJSON(),
|
|
operation: 'objectCreationForm'
|
|
};
|
|
|
|
// Make sure that we cancel any pending request before issuing another
|
|
// since responses may arrive in arbitrary order
|
|
me.StopPendingRequest();
|
|
|
|
// Run the query and get the result back directly in HTML
|
|
me.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php'), theMap,
|
|
function (data) {
|
|
$('#ajax_'+me.id).html(data);
|
|
$('#ac_create_'+me.id).dialog('open');
|
|
$('#ac_create_'+me.id).dialog("option", "close", me.OnCloseCreateObject);
|
|
// Modify the action of the cancel button
|
|
$('#ac_create_'+me.id+' button.cancel').off('click').on('click', me.CloseCreateObject);
|
|
me.ajax_request = null;
|
|
// Adjust the dialog's size to fit into the screen
|
|
if ($('#ac_create_'+me.id).width() > ($(window).width()-40))
|
|
{
|
|
$('#ac_create_'+me.id).width($(window).width()-40);
|
|
}
|
|
if ($('#ac_create_'+me.id).height() > ($(window).height()-70))
|
|
{
|
|
$('#ac_create_'+me.id).height($(window).height()-70);
|
|
}
|
|
},
|
|
'html'
|
|
);
|
|
};
|
|
|
|
this.CloseCreateObject = function () {
|
|
$('#ac_create_'+me.id).dialog("close");
|
|
};
|
|
|
|
this.OnCloseCreateObject = function () {
|
|
if (me.bSelectMode)
|
|
{
|
|
$('#fstatus_'+me.id).html('');
|
|
}
|
|
else
|
|
{
|
|
$('#label_'+me.id).removeClass('ac_dlg_loading');
|
|
}
|
|
$('#label_'+me.id).focus();
|
|
$('#ac_create_'+me.id).dialog("destroy");
|
|
$('#ac_create_'+me.id).remove();
|
|
$('#ajax_'+me.id).html('');
|
|
};
|
|
|
|
this.DoCreateObject = function () {
|
|
var sFormId = $('#dcr_'+me.id+' form').attr('id');
|
|
if (CheckFields(sFormId, true))
|
|
{
|
|
$('#'+sFormId).block();
|
|
var theMap = {
|
|
sTargetClass: me.sTargetClass,
|
|
iInputId: me.id,
|
|
sAttCode: me.sAttCode,
|
|
'json': me.oWizardHelper.ToJSON()
|
|
};
|
|
|
|
// Gather the values from the form
|
|
// Gather the parameters from the search form
|
|
$('#'+sFormId+' :input').each(
|
|
function (i) {
|
|
if (this.name != '')
|
|
{
|
|
if ($(this).hasClass('htmlEditor'))
|
|
{
|
|
var sId = $(this).attr('id');
|
|
var editorInst = CKEDITOR.instances[sId];
|
|
if (editorInst)
|
|
{
|
|
editorInst.updateElement();
|
|
}
|
|
}
|
|
|
|
theMap[this.name] = this.value;
|
|
}
|
|
}
|
|
);
|
|
// Override the 'operation' code
|
|
theMap['operation'] = 'doCreateObject';
|
|
theMap['class'] = me.sClass;
|
|
|
|
$('#ac_create_'+me.id).dialog('close');
|
|
|
|
// Make sure that we cancel any pending request before issuing another
|
|
// since responses may arrive in arbitrary order
|
|
me.StopPendingRequest();
|
|
|
|
// Run the query and get the result back directly in JSON
|
|
me.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php'), theMap,
|
|
function (data) {
|
|
$('#fstatus_'+me.id).html('');
|
|
if (data.id == 0)
|
|
{
|
|
$('#label_'+me.id).removeClass('ac_dlg_loading');
|
|
alert(data.error);
|
|
}
|
|
else if (me.bSelectMode)
|
|
{
|
|
// Add the newly created object to the drop-down list and select it
|
|
/*$('<option/>', { value : data.id }).html(data.name).appendTo('#'+me.id);
|
|
$('#'+me.id+' option[value="'+data.id+'"]').attr('selected', 'selected');
|
|
$('#'+me.id).focus();*/
|
|
var select = $('#'+me.id)[0].selectize;
|
|
select.addOption({label: data.name, value: data.id});
|
|
select.setValue(data.id);
|
|
}
|
|
else
|
|
{
|
|
// Put the value corresponding to the newly created object in the autocomplete
|
|
var oTemp = $('<div>'+data.name+'</div>');
|
|
var txt = oTemp.text(); // this causes HTML entities to be interpreted
|
|
$('#label_'+me.id).val(txt);
|
|
$('#'+me.id).val(data.id);
|
|
$('#label_'+me.id).removeClass('ac_dlg_loading');
|
|
$('#label_'+me.id).focus();
|
|
}
|
|
$('#'+me.id).trigger('validate');
|
|
$('#'+me.id).trigger('extkeychange');
|
|
$('#'+me.id).trigger('change');
|
|
me.ajax_request = null;
|
|
},
|
|
'json'
|
|
);
|
|
}
|
|
return false; // do NOT submit the form
|
|
};
|
|
|
|
this.Update = function () {
|
|
if ($('#'+me.id).prop('disabled'))
|
|
{
|
|
$('#v_'+me.id).html('');
|
|
$('#label_'+me.id).prop('disabled', 'disabled');
|
|
$('#label_'+me.id).css({'background': 'transparent'});
|
|
$('#mini_add_'+me.id).hide();
|
|
$('#mini_tree_'+me.id).hide();
|
|
$('#mini_search_'+me.id).hide();
|
|
}
|
|
else
|
|
{
|
|
$('#label_'+me.id).prop('disabled', false);
|
|
$('#label_'+me.id).css({'background': '#fff url(../images/ac-background.gif) no-repeat right'});
|
|
$('#mini_add_'+me.id).show();
|
|
$('#mini_tree_'+me.id).show();
|
|
$('#mini_search_'+me.id).show();
|
|
}
|
|
};
|
|
|
|
this.HKDisplay = function () {
|
|
var theMap = {
|
|
sTargetClass: me.sTargetClass,
|
|
sInputId: me.id,
|
|
sFilter: me.sFilter,
|
|
bSearchMode: me.bSearchMode,
|
|
sAttCode: me.sAttCode,
|
|
value: $('#'+me.id).val()
|
|
};
|
|
|
|
if (me.bSelectMode)
|
|
{
|
|
$('#fstatus_'+me.id).html('<img src="../images/indicator.gif" />');
|
|
}
|
|
else
|
|
{
|
|
$('#label_'+me.id).addClass('ac_dlg_loading');
|
|
}
|
|
if (me.oWizardHelper == null)
|
|
{
|
|
theMap['json'] = '';
|
|
}
|
|
else
|
|
{
|
|
// Not inside a "search form", updating a real object
|
|
me.oWizardHelper.UpdateWizard();
|
|
theMap['json'] = me.oWizardHelper.ToJSON();
|
|
}
|
|
|
|
theMap['sRemoteClass'] = me.sTargetClass;
|
|
theMap.operation = 'displayHierarchy';
|
|
|
|
// Make sure that we cancel any pending request before issuing another
|
|
// since responses may arrive in arbitrary order
|
|
me.StopPendingRequest();
|
|
|
|
// Run the query and display the results
|
|
me.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php'), theMap,
|
|
function (data) {
|
|
$('#ac_tree_'+me.id).html(data);
|
|
var maxHeight = $(window).height()-110;
|
|
$('#tree_'+me.id).css({maxHeight: maxHeight});
|
|
},
|
|
'html'
|
|
);
|
|
};
|
|
|
|
this.OnHKResize = function (event, ui) {
|
|
var dh = ui.size.height-ui.originalSize.height;
|
|
if (dh != 0)
|
|
{
|
|
var dlg_content = $('#dlg_tree_'+me.id+' .wizContainer');
|
|
var h = dlg_content.height();
|
|
dlg_content.height(h+dh);
|
|
var tree = $('#tree_'+me.id);
|
|
var h = tree.height();
|
|
tree.height(h+dh-1);
|
|
}
|
|
};
|
|
|
|
this.OnHKClose = function () {
|
|
if (me.bSelectMode)
|
|
{
|
|
$('#fstatus_'+me.id).html('');
|
|
}
|
|
else
|
|
{
|
|
$('#label_'+me.id).removeClass('ac_dlg_loading');
|
|
}
|
|
$('#label_'+me.id).focus();
|
|
$('#dlg_tree_'+me.id).dialog("destroy");
|
|
$('#dlg_tree_'+me.id).remove();
|
|
};
|
|
|
|
this.DoHKOk = function () {
|
|
iObjectId = $('#tree_'+me.id+' input[name=selectObject]:checked').val();
|
|
|
|
$('#dlg_tree_'+me.id).dialog('close');
|
|
|
|
// Query the server again to get the display name of the selected object
|
|
var theMap = {
|
|
sTargetClass: me.sTargetClass,
|
|
iInputId: me.id,
|
|
iObjectId: iObjectId,
|
|
sAttCode: me.sAttCode,
|
|
bSearchMode: me.bSearchMode,
|
|
operation: 'getObjectName'
|
|
};
|
|
|
|
// Make sure that we cancel any pending request before issuing another
|
|
// since responses may arrive in arbitrary order
|
|
me.StopPendingRequest();
|
|
if ($('#label_'+me.id).size() == 0)
|
|
{
|
|
var prevValue =$('#'+me.id)[0].selectize.getValue();
|
|
$('#'+me.id)[0].selectize.setValue(iObjectId);
|
|
}
|
|
else
|
|
{
|
|
// Run the query and get the result back directly in JSON
|
|
me.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+'pages/ajax.render.php'), theMap,
|
|
function (data) {
|
|
var oTemp = $('<div>' + data.name + '</div>');
|
|
var txt = oTemp.text(); // this causes HTML entities to be interpreted
|
|
|
|
$('#label_' + me.id).val(txt);
|
|
$('#label_' + me.id).removeClass('ac_dlg_loading');
|
|
|
|
var prevValue = $('#' + me.id).val();
|
|
$('#' + me.id).val(iObjectId);
|
|
if (prevValue != iObjectId) {
|
|
$('#' + me.id).trigger('validate');
|
|
$('#' + me.id).trigger('extkeychange');
|
|
$('#' + me.id).trigger('change');
|
|
}
|
|
if ($('#' + me.id).hasClass('multiselect')) {
|
|
$('#' + me.id + ' option').each(function () {
|
|
this.selected = ($(this).attr('value') == iObjectId);
|
|
});
|
|
$('#' + me.id).multiselect('refresh');
|
|
}
|
|
$('#label_' + me.id).focus();
|
|
me.ajax_request = null;
|
|
},
|
|
'json'
|
|
);
|
|
}
|
|
return false; // Do NOT submit the form in case we are called by OnSubmit...
|
|
};
|
|
|
|
} |