250 lines
7.1 KiB
JavaScript
Executable File
250 lines
7.1 KiB
JavaScript
Executable File
/*
|
|
* OpenSTAManager: il software gestionale open source per l'assistenza tecnica e la fatturazione
|
|
* Copyright (C) DevCode s.n.c.
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program 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 General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
// Select
|
|
function start_superselect() {
|
|
// Statico
|
|
$('.superselect').each(function () {
|
|
let $this = $(this);
|
|
|
|
$(this).select2({
|
|
theme: "bootstrap",
|
|
language: "it",
|
|
width: '100%',
|
|
maximumSelectionLength: $this.data('maximum') ? $this.data('maximum') : -1,
|
|
minimumResultsForSearch: $this.hasClass('no-search') ? -1 : 0,
|
|
allowClear: !$this.hasClass('no-search'),
|
|
escapeMarkup: function (text) {
|
|
return text;
|
|
},
|
|
templateResult: selectBackground,
|
|
});
|
|
});
|
|
|
|
// Dinamico (AJAX, per tabelle con molti record)
|
|
$('.superselectajax').each(function () {
|
|
let $this = $(this);
|
|
|
|
$(this).select2({
|
|
theme: "bootstrap",
|
|
language: "it",
|
|
maximumSelectionLength: $this.data('maximum') ? $this.data('maximum') : -1,
|
|
minimumInputLength: $this.data('heavy') ? 3 : 0,
|
|
allowClear: true,
|
|
escapeMarkup: function (text) {
|
|
return text;
|
|
},
|
|
templateResult: selectBackground,
|
|
ajax: {
|
|
url: globals.rootdir + "/ajax_select.php?op=" + $this.data('source'),
|
|
dataType: 'json',
|
|
delay: 250,
|
|
data: function (params) {
|
|
return {
|
|
search: params.term,
|
|
page: params.page || 0,
|
|
length: params.length || 100,
|
|
options: this.data('select-options'), // Dati aggiuntivi
|
|
};
|
|
},
|
|
processResults: function (data, params) {
|
|
params.page = params.page || 0;
|
|
params.length = params.length || 100;
|
|
|
|
let results = data.results;
|
|
|
|
// Interpretazione forzata per campi optgroup
|
|
if (results && results[0] && [0]['optgroup']) {
|
|
let groups = results.reduce(function (r, a) {
|
|
r[a.optgroup] = r[a.optgroup] || [];
|
|
r[a.optgroup].push(a);
|
|
return r;
|
|
}, {});
|
|
|
|
let results_groups = [];
|
|
for (const key in groups) {
|
|
results_groups.push({
|
|
text: key,
|
|
children: groups[key],
|
|
});
|
|
}
|
|
results = results_groups;
|
|
}
|
|
|
|
return {
|
|
results: results,
|
|
pagination: {
|
|
more: (params.page + 1) * params.length < data.recordsFiltered,
|
|
}
|
|
};
|
|
},
|
|
cache: false
|
|
},
|
|
width: '100%'
|
|
});
|
|
});
|
|
}
|
|
|
|
function selectBackground(data, container) {
|
|
let bg;
|
|
|
|
if (data._bgcolor_) {
|
|
bg = data._bgcolor_;
|
|
} else if ($(data.element).attr("_bgcolor_")) {
|
|
bg = $(data.element).attr("_bgcolor_");
|
|
} else if ($(data.element).data("_bgcolor_")) {
|
|
bg = $(data.element).data("_bgcolor_");
|
|
}
|
|
|
|
if (bg && !$("head").find('#' + data._resultId + '_style').length) {
|
|
$(container).css("background-color", bg);
|
|
$(container).css("color", setContrast(bg));
|
|
}
|
|
|
|
return data.text;
|
|
}
|
|
|
|
/**
|
|
* Reimposta i contenuti di un <select> creato con select2.
|
|
*/
|
|
jQuery.fn.selectClear = function () {
|
|
this.val([]).trigger("change");
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Resetta i contenuti di un <select> creato con select2.
|
|
*/
|
|
jQuery.fn.selectReset = function (placeholder) {
|
|
this.selectClear();
|
|
this.empty();
|
|
|
|
if (placeholder !== undefined) {
|
|
this.next().find('.select2-selection__placeholder').text(placeholder);
|
|
this.next().find('input.select2-search__field').attr('placeholder', placeholder);
|
|
}
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Aggiorna un <select> creato con select2 impostando un valore di default.
|
|
* Da utilizzare per l'impostazione dei select basati su richieste AJAX.
|
|
*/
|
|
jQuery.fn.selectSetNew = function (value, label, data) {
|
|
// Fix selezione per valori multipli
|
|
let values = this.val();
|
|
if (this.prop("multiple")) {
|
|
values.push(value);
|
|
} else {
|
|
this.selectReset();
|
|
values = value;
|
|
}
|
|
|
|
this.selectAdd([{
|
|
'value': value,
|
|
'text': label,
|
|
'data': data,
|
|
}]);
|
|
|
|
this.selectSet(values);
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Aggiorna un <select> creato con select2 impostando un valore di default.
|
|
* Da utilizzare per l'impostazione dei select statici.
|
|
*/
|
|
jQuery.fn.selectSet = function (value) {
|
|
this.val(value).trigger("change");
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Aggiorna un <select> creato con select2 impostando un valore di default
|
|
*/
|
|
jQuery.fn.selectAdd = function (values) {
|
|
let $this = this;
|
|
|
|
values.forEach(function (item) {
|
|
if (item.data) {
|
|
Object.keys(item.data).forEach(function (element) {
|
|
item['data-' + element] = item.data[element];
|
|
});
|
|
}
|
|
|
|
delete item.data;
|
|
|
|
const option = $('<option/>', item);
|
|
$this.append(option);
|
|
});
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Restituisce l'oggetto contenente gli attributi di una <option> generata da select2.
|
|
*/
|
|
jQuery.fn.selectData = function () {
|
|
let selectData = this.select2('data');
|
|
|
|
if (this.prop('multiple')) {
|
|
let results = [];
|
|
for (const option of selectData) {
|
|
results.push(option.element.dataset);
|
|
}
|
|
|
|
return results;
|
|
} else if (selectData.length === 0) {
|
|
return undefined;
|
|
} else {
|
|
return selectData[0].element.dataset;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Imposta il valore di un'opzione di un <select> creato con select2.
|
|
*/
|
|
jQuery.fn.setSelectOption = function (name, value) {
|
|
this.data('select-options')[name] = value;
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Restituisce il valore impostato per un'opzione di un <select> creato con select2.
|
|
*/
|
|
jQuery.fn.getSelectOption = function (name) {
|
|
return this.data('select-options')[name];
|
|
};
|
|
|
|
/**
|
|
* Imposta il valore di un opzioni per tutti i select attivi della pagina.
|
|
*
|
|
* @param name
|
|
* @param value
|
|
*/
|
|
function updateSelectOption(name, value) {
|
|
$(".superselectajax").each(function () {
|
|
$(this).setSelectOption(name, value);
|
|
})
|
|
}
|