mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-12 23:14:18 +01:00
330 lines
9.7 KiB
JavaScript
330 lines
9.7 KiB
JavaScript
//iTop Search form criteria numeric
|
|
;
|
|
$(function()
|
|
{
|
|
// the widget definition, where 'itop' is the namespace,
|
|
// 'search_form_criteria_numeric' the widget name
|
|
$.widget( 'itop.search_form_criteria_numeric', $.itop.search_form_criteria,
|
|
{
|
|
// default options
|
|
options:
|
|
{
|
|
// Overload default operator
|
|
'operator': '=',
|
|
// Available operators
|
|
'available_operators': {
|
|
'=': {
|
|
'label': Dict.S('UI:Search:Criteria:Operator:Numeric:Equals'),//pre-existing, label changed
|
|
// 'dropdown_group':1,
|
|
},
|
|
'>': {
|
|
'label': Dict.S('UI:Search:Criteria:Operator:Numeric:GreaterThan'),
|
|
'code': 'greater_than',
|
|
'rank': 100,
|
|
// 'dropdown_group':1,
|
|
},
|
|
'>=': {
|
|
'label': Dict.S('UI:Search:Criteria:Operator:Numeric:GreaterThanOrEquals'),
|
|
'code': 'greater_than_or_equals',
|
|
'rank': 200,
|
|
// 'dropdown_group':1,
|
|
},
|
|
'<': {
|
|
'label': Dict.S('UI:Search:Criteria:Operator:Numeric:LessThan'),
|
|
'code': 'less_than',
|
|
'rank': 300,
|
|
// 'dropdown_group':1,
|
|
},
|
|
'<=': {
|
|
'label': Dict.S('UI:Search:Criteria:Operator:Numeric:LessThanOrEquals'),
|
|
'code': 'less_than_or_equals',
|
|
'rank': 400,
|
|
// 'dropdown_group':1,
|
|
},
|
|
'!=': {
|
|
'label': Dict.S('UI:Search:Criteria:Operator:Numeric:Different'),
|
|
'code': 'different',
|
|
'rank': 500,
|
|
// 'dropdown_group':1,
|
|
},
|
|
|
|
'between': {
|
|
'label': Dict.S('UI:Search:Criteria:Operator:Numeric:Between'),
|
|
'code': 'between',
|
|
'rank': 600,
|
|
},
|
|
|
|
'empty': {
|
|
'rank': 700,//pre-existing, reordered
|
|
},
|
|
'not_empty': {
|
|
'rank': 800,//pre-existing, reordered
|
|
},
|
|
},
|
|
},
|
|
|
|
|
|
// the constructor
|
|
_create: function()
|
|
{
|
|
var me = this;
|
|
|
|
this._super();
|
|
this.element.addClass('search_form_criteria_numeric');
|
|
},
|
|
// called when created, and later when changing options
|
|
_refresh: function()
|
|
{
|
|
|
|
},
|
|
// events bound via _bind are removed automatically
|
|
// revert other modifications here
|
|
_destroy: function()
|
|
{
|
|
this.element.removeClass('search_form_criteria_numeric');
|
|
this._super();
|
|
},
|
|
// _setOptions is called with a hash of all options that are changing
|
|
// always refresh when changing options
|
|
_setOptions: function()
|
|
{
|
|
this._superApply(arguments);
|
|
},
|
|
// _setOption is called for each individual option that is changing
|
|
_setOption: function( key, value )
|
|
{
|
|
this._super( key, value );
|
|
},
|
|
|
|
|
|
// Prepare operator's DOM element
|
|
_prepareBetweenOperator: function(oOpElem, sOpIdx, oOp)
|
|
{
|
|
var me = this;
|
|
|
|
aValues = me._getValues();//TODO : tenir compte du refactoring de la structure
|
|
|
|
// DOM elements
|
|
var oOpContentOuterElemFrom = $('<div class="sfc_op_content_from_outer"><label class="sfc_op_content_from_label" for=""> '+Dict.S('UI:Search:Criteria:Numeric:From')+' </label><input type="text" name="from" placeholder="'+Dict.S('UI:Search:Criteria:Numeric:PlaceholderFrom')+'"/></div>');
|
|
var oOpContentElemFrom = oOpContentOuterElemFrom.find('input').uniqueId();
|
|
oOpContentOuterElemFrom.find('label').attr('for', oOpContentElemFrom.attr('id'));
|
|
if (typeof aValues[0] != 'undefined' && typeof aValues[0].value != 'undefined')
|
|
{
|
|
oOpContentElemFrom.val(aValues[0].value);
|
|
}
|
|
var oOpContentOuterElemUntil = $('<div class="sfc_op_content_until_outer"><label class="sfc_op_content_until_label" for=""> '+Dict.S('UI:Search:Criteria:Numeric:Until')+' </label><input type="text" name="until" placeholder="'+Dict.S('UI:Search:Criteria:Numeric:PlaceholderUntil')+'"/></div>');
|
|
var oOpContentElemUntil = oOpContentOuterElemUntil.find('input').uniqueId();
|
|
oOpContentOuterElemUntil.find('label').attr('for', oOpContentElemUntil.attr('id'));
|
|
if (typeof aValues[1] != 'undefined' && typeof aValues[1].value != 'undefined')
|
|
{
|
|
oOpContentElemUntil.val(aValues[1].value);
|
|
}
|
|
|
|
|
|
oOpContentElem = $().add(oOpContentOuterElemFrom).add(oOpContentOuterElemUntil);
|
|
|
|
// Events
|
|
// - Focus input on click (radio, label, ...)
|
|
oOpElem.on('click', function(oEvent){
|
|
if ($(oEvent.target).is('input[type="text"], select')) {
|
|
return;
|
|
}
|
|
oOpContentElemFrom.focus();
|
|
});
|
|
// - Apply on "enter" key hit
|
|
// TODO: this could be refactored
|
|
oOpContentElem.on('keydown', function(oEvent){
|
|
me._markAsDraft();
|
|
});
|
|
|
|
oOpElem
|
|
.find('.sfc_op_name')
|
|
.remove()
|
|
.end()
|
|
.find('.sfc_op_content')
|
|
.append(oOpContentElem)
|
|
;
|
|
|
|
},
|
|
|
|
_getBetweenOperatorValues: function(oOpElem)
|
|
{
|
|
var aValues = [];
|
|
|
|
var sValueFrom = oOpElem.find('.sfc_op_content input[name="from"]').val();
|
|
var sValueUntil = oOpElem.find('.sfc_op_content input[name="until"]').val();
|
|
|
|
aValues.push({value: sValueFrom, label: sValueFrom});
|
|
aValues.push({value: sValueUntil, label: sValueUntil});
|
|
|
|
|
|
return aValues;
|
|
},
|
|
|
|
_setBetweenOperatorValues: function(oOpElem, aValues)
|
|
{
|
|
switch (aValues.length)
|
|
{
|
|
case 2:
|
|
oOpElem.find('.sfc_op_content input[name="until"]').val(aValues[1].value);
|
|
//NO BREAK!!!
|
|
case 1:
|
|
oOpElem.find('.sfc_op_content input[name="from"]').val(aValues[0].value);
|
|
break;
|
|
default:
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
},
|
|
|
|
_resetBetweenOperator: function(oOpElem)
|
|
{
|
|
this._resetOperator(oOpElem);
|
|
},
|
|
|
|
//------------------
|
|
// Inherited methods
|
|
//------------------
|
|
_computeBetweenOperatorTitle: function(sTitle)
|
|
{
|
|
var me = this;
|
|
if (sTitle === undefined && me.options.operator == 'between')
|
|
{
|
|
var aValues = me._getValues();
|
|
switch (true)
|
|
{
|
|
case (typeof aValues[0] == 'undefined' && typeof aValues[1] == 'undefined'):
|
|
var sDictEntrySuffix = ':All';
|
|
break;
|
|
case (typeof aValues[0] == 'undefined' ):
|
|
var sDictEntrySuffix = ':Until';
|
|
break;
|
|
case (typeof aValues[1] == 'undefined'):
|
|
var sDictEntrySuffix = ':From';
|
|
break;
|
|
case (typeof aValues[0].label == 'undefined' && typeof aValues[1].label == 'undefined'):
|
|
var sDictEntrySuffix = ':All';
|
|
break;
|
|
case (typeof aValues[0].label == 'undefined' ):
|
|
var sDictEntrySuffix = ':Until';
|
|
break;
|
|
case (typeof aValues[1].label == 'undefined' ):
|
|
var sDictEntrySuffix = ':From';
|
|
break;
|
|
case ((typeof aValues[0].label == 'string' && aValues[0].label.trim() == '') && (typeof aValues[1].label == 'string' && aValues[1].label.trim() == '')):
|
|
var sDictEntrySuffix = ':All';
|
|
break;
|
|
case (typeof aValues[0].label == 'string' && aValues[0].label.trim() == ''):
|
|
var sDictEntrySuffix = ':Until';
|
|
break;
|
|
case (typeof aValues[1].label == 'string' && aValues[1].label.trim() == ''):
|
|
var sDictEntrySuffix = ':From';
|
|
break;
|
|
default:
|
|
var sDictEntrySuffix = '';
|
|
break;
|
|
}
|
|
|
|
if (sDictEntrySuffix != undefined)
|
|
{
|
|
var sDictEntry = 'UI:Search:Criteria:Title:' + this._toCamelCase(this.options.field.widget) + ':' + this._toCamelCase(me.options.operator) + sDictEntrySuffix ;
|
|
// Fallback to default widget dict entry if none exists for the current widget
|
|
if(Dict.S(sDictEntry) === sDictEntry)
|
|
{
|
|
sDictEntry = 'UI:Search:Criteria:Title:Default:' + this._toCamelCase(me.options.operator) + sDictEntrySuffix;
|
|
}
|
|
|
|
sTitle = Dict.Format(sDictEntry, this.options.field.label, '<span class="sfc_values">'+this._getValuesAsText()+'</span>');
|
|
return sTitle;
|
|
}
|
|
|
|
}
|
|
|
|
return undefined;
|
|
},
|
|
|
|
// - Convert values to a standard string
|
|
_getValuesAsText: function(aRawValues)
|
|
{
|
|
var me = this;
|
|
|
|
if (aRawValues == undefined)
|
|
{
|
|
aRawValues = me._getValues();
|
|
}
|
|
if (me.options.operator == 'between')
|
|
{
|
|
aRawValues = aRawValues.slice(); //clone
|
|
if (typeof aRawValues[1] == 'undefined' || typeof aRawValues[1].label == 'undefined' || (typeof aRawValues[1].label == 'string' && aRawValues[1].label.trim() == ''))
|
|
{
|
|
aRawValues.splice(1, 1);
|
|
}
|
|
if (typeof aRawValues[0] == 'undefined' || typeof aRawValues[0].label == 'undefined' || (typeof aRawValues[0].label == 'string' && aRawValues[0].label.trim() == ''))
|
|
{
|
|
aRawValues.splice(0, 1);
|
|
}
|
|
}
|
|
return me._super(aRawValues);
|
|
},
|
|
|
|
// Prepare operator's DOM element
|
|
// - Base preparation, always called
|
|
_prepareOperator: function(oOpElem, sOpIdx, oOp)
|
|
{
|
|
var me = this;
|
|
if (typeof oOp.dropdown_group == 'undefined')
|
|
{
|
|
return this._super(oOpElem, sOpIdx, oOp);
|
|
}
|
|
|
|
this._super(oOpElem, sOpIdx, oOp);
|
|
oOpElem.addClass('force_hide')
|
|
|
|
//TODO: Move this into the abstract widget
|
|
|
|
// DOM element
|
|
oDropdownElem = this.element.find('select.dropdown_group_'+oOp.dropdown_group);
|
|
if (oDropdownElem.length == 0)
|
|
{
|
|
oDropdownElem = $('<select class="dropdown_group_'+oOp.dropdown_group+'" data-dropdown-group="'+oOp.dropdown_group+'"></select>');
|
|
|
|
oDropdownElem.on('change', function(){
|
|
// $option = $(this);
|
|
me.element.find('.sfc_fg_operator_dropdown_group .sfc_op_radio').val(oDropdownElem.val());
|
|
|
|
oOptionOp = oDropdownElem.data('oOp');
|
|
oDropdownElem.attr('data-operator-code', oOptionOp.code);
|
|
});
|
|
|
|
|
|
// Create DOM element from template
|
|
var oOpElemDropdown = $(this._getOperatorTemplate()).uniqueId();
|
|
|
|
// TODO: If this code is keeped, the radio must have an id and the label need to point to it
|
|
oOpElemDropdown
|
|
.addClass('sfc_fg_operator_dropdown_group')
|
|
.attr('data-operator-code', 'dropdown_group')
|
|
.find('.sfc_op_name')
|
|
.append(oDropdownElem)
|
|
.end()
|
|
.find('.sfc_op_radio')
|
|
.val(sOpIdx)
|
|
.end()
|
|
.on('click', function(oEvent){
|
|
//oOpElemDropdown.find('input[type="text"]:first').focus();
|
|
})
|
|
.appendTo(this.element.find('.sfc_fg_operators'))
|
|
;
|
|
|
|
this._prepareDefaultOperator(oOpElemDropdown, sOpIdx, oOp);
|
|
}
|
|
|
|
oDropdownElem
|
|
.append('<option value="'+sOpIdx+'" >'+oOp.label+'</option>')
|
|
.data('oOp', oOp)
|
|
;
|
|
},
|
|
});
|
|
});
|