mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-12 23:14:18 +01:00
N°3190 - Edit n:n LinkedSetIndirect in object details using a tagset-like widget
- Add generic set block ui component - Add model link set (direct and indirect) attribute (display style) - Add model link set direct allowed values - Create link set viewer block UI (BlockLinksSetDisplayAsProperty) - Add set block ui factory for linkset - Add object factory and create new endpoint in object controller (with data binder) - Add link set model, link set repository and link set data transformer services
This commit is contained in:
bdalsass
60
js/selectize/plugin_combodo_add_button.js
Normal file
60
js/selectize/plugin_combodo_add_button.js
Normal file
@@ -0,0 +1,60 @@
|
||||
/*
|
||||
* Copyright (C) 2013-2022 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* iTop is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
*/
|
||||
|
||||
Selectize.define("combodo_add_button", function (aOptions) {
|
||||
|
||||
// Selectize instance
|
||||
let oSelf = this;
|
||||
|
||||
// Plugin options
|
||||
aOptions = $.extend({
|
||||
title: "Add Option",
|
||||
className: "selectize-add-option",
|
||||
label: "+",
|
||||
html: function () {
|
||||
return (
|
||||
'<a class="' + this.className + ' fas fa-plus" title="' + this.title + '"></a>'
|
||||
);
|
||||
},
|
||||
},
|
||||
aOptions
|
||||
);
|
||||
|
||||
// Override setup function
|
||||
oSelf.setup = (function () {
|
||||
let oOriginal = oSelf.setup;
|
||||
return function () {
|
||||
oOriginal.apply(oSelf, arguments);
|
||||
oSelf.$buttonAdd = $(aOptions.html());
|
||||
oSelf.$wrapper.append(oSelf.$buttonAdd);
|
||||
if(oSelf.settings.hasOwnProperty('onAdd')) {
|
||||
oSelf.on('add', oSelf.settings['onAdd']);
|
||||
oSelf.$buttonAdd.on('click', function(){
|
||||
oSelf.trigger( "add");
|
||||
});
|
||||
}
|
||||
else{
|
||||
oSelf.$buttonAdd.css({
|
||||
opacity: .5,
|
||||
cursor: 'default'
|
||||
});
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
});
|
||||
62
js/selectize/plugin_combodo_auto_position.js
Normal file
62
js/selectize/plugin_combodo_auto_position.js
Normal file
@@ -0,0 +1,62 @@
|
||||
/*
|
||||
* Copyright (C) 2013-2022 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* iTop is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
*/
|
||||
Selectize.define("combodo_auto_position", function (aOptions) {
|
||||
|
||||
// Selectize instance
|
||||
let oSelf = this;
|
||||
|
||||
// Plugin options
|
||||
aOptions = $.extend({
|
||||
maxDropDownHeight: 200,
|
||||
},
|
||||
aOptions
|
||||
);
|
||||
|
||||
// override settings
|
||||
oSelf.settings.dropdownParent = 'body';
|
||||
|
||||
// Override position dropdown function
|
||||
oSelf.positionDropdown = (function () {
|
||||
return function () {
|
||||
let iRefHeight = oSelf.$dropdown.outerHeight() < aOptions.maxDropDownHeight ?
|
||||
oSelf.$dropdown.outerHeight() : aOptions.maxDropDownHeight;
|
||||
|
||||
if(oSelf.$control.offset().top + oSelf.$control.outerHeight() + iRefHeight > window.innerHeight){
|
||||
|
||||
oSelf.$dropdown.css({
|
||||
top: oSelf.$control.offset().top - iRefHeight,
|
||||
left: oSelf.$control.offset().left,
|
||||
width: oSelf.$wrapper.outerWidth(),
|
||||
'max-height': `${aOptions.maxDropDownHeight}px`,
|
||||
'overflow-y': 'auto',
|
||||
'border-top': '1px solid #d0d0d0',
|
||||
});
|
||||
}
|
||||
else{
|
||||
oSelf.$dropdown.css({
|
||||
top: oSelf.$control.offset().top + oSelf.$control.outerHeight(),
|
||||
left: oSelf.$control.offset().left,
|
||||
width: oSelf.$wrapper.outerWidth(),
|
||||
'max-height': `${aOptions.maxDropDownHeight}px`,
|
||||
'overflow-y': 'auto'
|
||||
});
|
||||
}
|
||||
};
|
||||
}());
|
||||
|
||||
});
|
||||
280
js/selectize/plugin_combodo_multi_values_synthesis.js
Normal file
280
js/selectize/plugin_combodo_multi_values_synthesis.js
Normal file
@@ -0,0 +1,280 @@
|
||||
/*
|
||||
* Copyright (C) 2013-2022 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* iTop is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
*/
|
||||
Selectize.define("combodo_multi_values_synthesis", function (aOptions) {
|
||||
|
||||
// Selectize instance
|
||||
let oSelf = this;
|
||||
oSelf.require("combodo_update_operations");
|
||||
|
||||
// Plugin options
|
||||
aOptions = $.extend({
|
||||
tooltip_links_will_be_created_for_all_objects: 'Links will be created for all objects',
|
||||
tooltip_links_will_be_deleted_from_all_objects: 'Links will be deleted from all objects',
|
||||
tooltip_links_will_be_created_for_one_object: 'Links will be created for one object',
|
||||
tooltip_links_will_be_deleted_from_one_object: 'Links will be deleted from one object',
|
||||
tooltip_links_will_be_created_for_x_objects: 'Links will be created for {count} objects',
|
||||
tooltip_links_will_be_deleted_from_x_objects: 'Links will be deleted from {count} objects',
|
||||
tooltip_links_exist_for_all_objects: 'Links exist for all objects',
|
||||
tooltip_links_exist_for_one_object: 'Links exist for one object',
|
||||
tooltip_links_exist_for_x_objects: 'Links exist for some objects'
|
||||
},
|
||||
aOptions
|
||||
);
|
||||
|
||||
// Items operations
|
||||
const OPERATIONS = {
|
||||
add: 'add',
|
||||
remove: 'remove',
|
||||
ignore: 'ignore',
|
||||
};
|
||||
|
||||
// Items states css classes
|
||||
const ITEMS_CLASSES = {
|
||||
add: 'item-add',
|
||||
remove: 'item-remove',
|
||||
ignore_all: 'item-ignore-all',
|
||||
ignore_partial: 'item-ignore-partial'
|
||||
};
|
||||
|
||||
// Local operations
|
||||
let aOperations = {};
|
||||
|
||||
// Override addItem function
|
||||
oSelf.addItem = (function () {
|
||||
let oOriginal = oSelf.addItem;
|
||||
return function () {
|
||||
|
||||
oOriginal.apply(this, arguments);
|
||||
|
||||
// Retrieve item and item element
|
||||
const sItemValue = arguments[0];
|
||||
const $Item = oSelf.getItem(sItemValue);
|
||||
|
||||
// Restore operation if exist and return
|
||||
if(typeof(aOperations[sItemValue]) !== 'undefined'){
|
||||
if(aOperations[sItemValue] === OPERATIONS.add){
|
||||
oSelf.Add($Item, sItemValue);
|
||||
}
|
||||
else if(aOperations[sItemValue] === OPERATIONS.remove){
|
||||
oSelf.Remove($Item, sItemValue);
|
||||
}
|
||||
else if(aOperations[sItemValue] === OPERATIONS.ignore){
|
||||
oSelf.Ignore($Item, sItemValue);
|
||||
}
|
||||
// Element exist in default selection,
|
||||
// click allow user to switch between add or ignore states
|
||||
if(oSelf.settings.initial.includes(sItemValue)) {
|
||||
oSelf.listenClick($Item, sItemValue);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// If no operation to restore
|
||||
if(!oSelf.settings.initial.includes(sItemValue)) {
|
||||
|
||||
// Element doesn't exist in initial value, we mark it as added
|
||||
oSelf.Add($Item, sItemValue);
|
||||
}
|
||||
else{
|
||||
|
||||
// Element exist, we restore it
|
||||
oSelf.Ignore($Item, sItemValue);
|
||||
|
||||
// Element exist in default selection,
|
||||
// click allow user to switch between add or ignore states
|
||||
oSelf.listenClick($Item, sItemValue);
|
||||
}
|
||||
}
|
||||
})();
|
||||
|
||||
// Override removeItem function
|
||||
oSelf.removeItem = (function () {
|
||||
let oOriginal = oSelf.removeItem;
|
||||
return function () {
|
||||
|
||||
// Retrieve item and item element
|
||||
const sItem = arguments[0];
|
||||
const $Item = oSelf.getItem(sItem);
|
||||
|
||||
// Element doesn't exist in default selection,
|
||||
if(!oSelf.settings.initial.includes(sItem)) {
|
||||
|
||||
// Remove operation
|
||||
delete aOperations[sItem];
|
||||
|
||||
// Call original remove function (element will be removed of the input)
|
||||
oOriginal.apply(this, arguments);
|
||||
}
|
||||
else{
|
||||
|
||||
// Store remove operation (element will NOT be removed)
|
||||
oSelf.Remove($Item, sItem);
|
||||
}
|
||||
}
|
||||
})();
|
||||
|
||||
// Override updateOperations function
|
||||
oSelf.updateOperations = (function () {
|
||||
let oOriginal = oSelf.updateOperations;
|
||||
return function () {
|
||||
|
||||
// Call original updateOperations function
|
||||
oOriginal.apply(this, arguments);
|
||||
|
||||
// Iterate throw local operations...
|
||||
const aCurrentOptions = Object.values(oSelf.options);
|
||||
for (const [key, value] of Object.entries(aOperations)) {
|
||||
oSelf.operations[key] = {
|
||||
operation: value,
|
||||
data: CombodoGlobalToolbox.ExtractArrayItemsContainingThisKeyAndValue(aCurrentOptions, oSelf.settings.valueField, key)
|
||||
}
|
||||
}
|
||||
}
|
||||
})();
|
||||
|
||||
// Declare listenClick function
|
||||
oSelf.listenClick = (function () {
|
||||
return function ($item, sItem) {
|
||||
|
||||
// Listen item element click event
|
||||
$item.on('click', function(){
|
||||
|
||||
// If element has operation
|
||||
if(aOperations[sItem] === OPERATIONS.add || aOperations[sItem] === OPERATIONS.remove) {
|
||||
|
||||
// Restore state
|
||||
oSelf.Ignore($item, sItem);
|
||||
}
|
||||
else{
|
||||
|
||||
// No need to add
|
||||
if(oSelf.options[sItem]['full'])
|
||||
return;
|
||||
|
||||
// Add element
|
||||
oSelf.Add($item, sItem);
|
||||
}
|
||||
});
|
||||
}
|
||||
})();
|
||||
|
||||
// Declare Add function
|
||||
oSelf.Add = (function () {
|
||||
return function ($item, sItem) {
|
||||
aOperations[sItem] = OPERATIONS.add;
|
||||
oSelf.updateOperationsInput();
|
||||
oSelf.ResetElementClass($item);
|
||||
oSelf.UpdateAllTooltip($item, sItem);
|
||||
$item.addClass(ITEMS_CLASSES.add);
|
||||
}
|
||||
})();
|
||||
|
||||
// Declare Remove function
|
||||
oSelf.Remove = (function () {
|
||||
return function ($item, sItem) {
|
||||
aOperations[sItem] = OPERATIONS.remove;
|
||||
oSelf.updateOperationsInput();
|
||||
oSelf.ResetElementClass($item);
|
||||
oSelf.UpdateRemoveTooltip($item, sItem);
|
||||
$item.addClass(ITEMS_CLASSES.remove);
|
||||
}
|
||||
})();
|
||||
|
||||
// Declare Ignore function
|
||||
oSelf.Ignore = (function () {
|
||||
return function ($item, sItem) {
|
||||
aOperations[sItem] = OPERATIONS.ignore;
|
||||
oSelf.updateOperationsInput();
|
||||
oSelf.ResetElementClass($item);
|
||||
oSelf.UpdateIgnoreTooltip($item, sItem);
|
||||
oSelf.options[sItem]['full'] ?
|
||||
$item.addClass(ITEMS_CLASSES.ignore_all) :
|
||||
$item.addClass(ITEMS_CLASSES.ignore_partial);
|
||||
}
|
||||
})();
|
||||
|
||||
// Declare ResetElementClass function
|
||||
oSelf.ResetElementClass = (function () {
|
||||
return function ($item) {
|
||||
$item.removeClass(Object.values(ITEMS_CLASSES));
|
||||
}
|
||||
})();
|
||||
|
||||
// Update add tooltip
|
||||
oSelf.UpdateAllTooltip = (function () {
|
||||
return function ($item, sItem) {
|
||||
const iOccurrence = oSelf.options[sItem]['occurrence'];
|
||||
let sTooltip = '';
|
||||
if(oSelf.options[sItem]['empty']){
|
||||
sTooltip = aOptions.tooltip_links_will_be_created_for_all_objects;
|
||||
}
|
||||
else if(iOccurrence === '1'){
|
||||
sTooltip = aOptions.tooltip_links_will_be_created_for_one_object;
|
||||
}
|
||||
else{
|
||||
sTooltip = aOptions.tooltip_links_will_be_created_for_x_objects.replaceAll('{count}', iOccurrence);
|
||||
}
|
||||
oSelf.CreateTooltip($item, sItem, sTooltip);
|
||||
}
|
||||
})();
|
||||
|
||||
// Update remove tooltip
|
||||
oSelf.UpdateRemoveTooltip = (function () {
|
||||
return function ($item, sItem) {
|
||||
const iOccurrence = oSelf.options[sItem]['occurrence'];
|
||||
let sTooltip = '';
|
||||
if(oSelf.options[sItem]['full']){
|
||||
sTooltip = aOptions.tooltip_links_will_be_deleted_from_all_objects;
|
||||
}
|
||||
else if(oSelf.options[sItem]['occurrence'] === '1'){
|
||||
sTooltip = aOptions.tooltip_links_will_be_deleted_from_one_object;
|
||||
}
|
||||
else{
|
||||
sTooltip = aOptions.tooltip_links_will_be_deleted_from_x_objects.replaceAll('{count}', iOccurrence);
|
||||
}
|
||||
oSelf.CreateTooltip($item, sItem, sTooltip);
|
||||
}
|
||||
})();
|
||||
|
||||
// Update ignore tooltip
|
||||
oSelf.UpdateIgnoreTooltip = (function () {
|
||||
return function ($item, sItem) {
|
||||
const iOccurrence = oSelf.options[sItem]['occurrence'];
|
||||
let sTooltip = '';
|
||||
if(oSelf.options[sItem]['full']){
|
||||
sTooltip = aOptions.tooltip_links_exist_for_all_objects;
|
||||
}
|
||||
else if(iOccurrence === '1'){
|
||||
sTooltip = aOptions.tooltip_links_exist_for_one_object;
|
||||
}
|
||||
else{
|
||||
sTooltip = aOptions.tooltip_links_exist_for_x_objects.replaceAll('{count}', iOccurrence);
|
||||
}
|
||||
oSelf.CreateTooltip($item, sItem, sTooltip);
|
||||
}
|
||||
})();
|
||||
|
||||
// Update ignore tooltip
|
||||
oSelf.CreateTooltip = (function () {
|
||||
return function ($item, sItem, sTooltip) {
|
||||
$item.attr('data-tooltip-content', oSelf.options[sItem][this.settings.tooltipField] + '<br><span class="ibo-linked-set--bulk-tooltip-info">' + sTooltip + '</span>');
|
||||
$item.attr('data-tooltip-html-enabled', true);
|
||||
CombodoTooltip.InitTooltipFromMarkup($item, true);
|
||||
}
|
||||
})();
|
||||
});
|
||||
112
js/selectize/plugin_combodo_update_operations.js
Normal file
112
js/selectize/plugin_combodo_update_operations.js
Normal file
@@ -0,0 +1,112 @@
|
||||
/*
|
||||
* Copyright (C) 2013-2022 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* iTop is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
*/
|
||||
Selectize.define("combodo_update_operations", function () {
|
||||
|
||||
// Selectize instance
|
||||
let oSelf = this;
|
||||
|
||||
// Plugin variables
|
||||
oSelf.bIsInitialized = false;
|
||||
oSelf.operations = {};
|
||||
|
||||
// Override setup function
|
||||
oSelf.setup = (function () {
|
||||
let oOriginal = oSelf.setup;
|
||||
return function () {
|
||||
oOriginal.apply(oSelf, arguments);
|
||||
oSelf.$operationsInput = $(`<input type="hidden" value="{}" name="${oSelf.$input.attr('name')}_operations">`)
|
||||
oSelf.$wrapper.append(oSelf.$operationsInput);
|
||||
oSelf.bIsInitialized = true;
|
||||
oSelf.updateOperationsInput();
|
||||
};
|
||||
})();
|
||||
|
||||
// Override addItem function
|
||||
oSelf.addItem = (function () {
|
||||
let oOriginal = oSelf.addItem;
|
||||
return function () {
|
||||
oOriginal.apply(this, arguments);
|
||||
if(oSelf.bIsInitialized && !arguments[1]){
|
||||
this.updateOperationsInput();
|
||||
}
|
||||
}
|
||||
})();
|
||||
|
||||
// Override removeItem function
|
||||
oSelf.removeItem = (function () {
|
||||
let oOriginal = oSelf.removeItem;
|
||||
return function () {
|
||||
oOriginal.apply(this, arguments);
|
||||
if(oSelf.bIsInitialized){
|
||||
this.updateOperationsInput();
|
||||
}
|
||||
}
|
||||
})();
|
||||
|
||||
// Declare updateOperationsInput function
|
||||
oSelf.updateOperationsInput = (function () {
|
||||
return function () {
|
||||
|
||||
// update operations
|
||||
oSelf.updateOperations();
|
||||
|
||||
// setup in progress
|
||||
if(typeof(oSelf.$operationsInput) === 'undefined'){
|
||||
return;
|
||||
}
|
||||
|
||||
// update operations input
|
||||
oSelf.$operationsInput.val(JSON.stringify(oSelf.operations));
|
||||
};
|
||||
})();
|
||||
|
||||
// Declare updateOperations function
|
||||
oSelf.updateOperations = (function () {
|
||||
return function () {
|
||||
|
||||
// Reset operations
|
||||
oSelf.operations = {};
|
||||
|
||||
// Reference data
|
||||
const aCurrentItems = Object.values(oSelf.items);
|
||||
const aCurrentOptions = Object.values(oSelf.options);
|
||||
|
||||
// Scan items in current value and not in initial value
|
||||
aCurrentItems.forEach(function(e){
|
||||
if(!oSelf.settings.initial.includes(e)){
|
||||
oSelf.operations[e] = {
|
||||
operation: 'add',
|
||||
data: CombodoGlobalToolbox.ExtractArrayItemsContainingThisKeyAndValue(aCurrentOptions, oSelf.settings.valueField, e)
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// scan items in initial value and not in current value
|
||||
oSelf.settings.initial.forEach(function(e){
|
||||
if(!aCurrentItems.includes(e)){
|
||||
oSelf.operations[e] = {
|
||||
operation: 'remove',
|
||||
data: CombodoGlobalToolbox.ExtractArrayItemsContainingThisKeyAndValue(aCurrentOptions, oSelf.settings.valueField, e)
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
})();
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user