composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-12 23:14:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

Prerequisites to the custom fields (and space tabs to regular tabs conversion on some files)

Browse Source 
SVN:trunk[3919]
This commit is contained in:
Guillaume Lajarige
2016-02-19 16:43:28 +00:00
parent bfadbc4098
commit 17127a5157
24 changed files with 2278 additions and 1990 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
js/form_handler.js
View File

@@ -2,150 +2,151 @@
;
$(function()
{
// the widget definition, where 'itop' is the namespace,
// 'form_handler' the widget name
$.widget( 'itop.form_handler',
{
// default options
options:
{
formmanager_class: null,
formmanager_data: null,
submit_btn_selector: null,
cancel_btn_selector: null,
endpoint: null,
is_modal: false,
field_set: null
},
// the widget definition, where 'itop' is the namespace,
// 'form_handler' the widget name
$.widget( 'itop.form_handler',
{
// default options
options:
{
formmanager_class: null,
formmanager_data: null,
submit_btn_selector: null,
cancel_btn_selector: null,
endpoint: null,
is_modal: false,
field_set: null
},
// the constructor
_create: function()
{
var me = this;
this.element
.addClass('form_handler');
// the constructor
_create: function()
{
var me = this;
this.element
.addClass('form_handler');
this.element.bind('update_fields', function(event, data){
this._onUpdateFields(event, data);
});
// Binding events
this.element.bind('update_fields', function(oEvent, oData){
me._onUpdateFields(oEvent, oData);
});
// Binding buttons
if(this.options.submit_btn_selector !== null)
{
this.options.submit_btn_selector.off('click').on('click', function(event){ me._onSubmitClick(event); });
}
if(this.options.cancel_btn_selector !== null)
{
this.options.cancel_btn_selector.off('click').on('click', function(event){ me._onCancelClick(event); });
}
},
// Binding buttons
if(this.options.submit_btn_selector !== null)
{
this.options.submit_btn_selector.off('click').on('click', function(oEvent){ me._onSubmitClick(oEvent); });
}
if(this.options.cancel_btn_selector !== null)
{
this.options.cancel_btn_selector.off('click').on('click', function(oEvent){ me._onCancelClick(oEvent); });
}
},
// 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('form_handler');
},
// _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 );
},
getCurrentValues: function()
{
return this.options.field_set.triggerHandler('get_current_values');
},
_onUpdateFields: function(event, data)
{
var me = this;
var sFormPath = data.form_path;
// 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('form_handler');
},
// _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 );
},
getCurrentValues: function()
{
return this.options.field_set.triggerHandler('get_current_values');
},
_onUpdateFields: function(oEvent, oData)
{
var me = this;
var sFormPath = oData.form_path;
// Data checks
if(this.options.endpoint === null)
{
console.log('Form handler : An endpoint must be defined.');
return false;
}
if(this.options.formmanager_class === null)
{
console.log('Form handler : Form manager class must be defined.');
return false;
}
if(this.options.formmanager_data === null)
{
console.log('Form handler : Form manager data must be defined.');
return false;
}
this._disableFormBeforeLoading();
$.post(
this.options.endpoint,
{
operation: 'update',
formmanager_class: this.options.formmanager_class,
formmanager_data: JSON.stringify(this.options.formmanager_data),
current_values: this.getCurrentValues(),
requested_fields: data.requested_fields,
form_path: sFormPath
},
function(data){
me._onUpdateSuccess(data, sFormPath);
}
)
.fail(function(data){ me._onUpdateFailure(data, sFormPath); })
.always(function(data){ me._onUpdateAlways(data, sFormPath); });
},
// Intended for overloading in derived classes
_onSubmitClick: function(event)
{
},
// Intended for overloading in derived classes
_onCancelClick: function(event)
{
},
// Intended for overloading in derived classes
_onUpdateSuccess: function(data, sFormPath)
{
if(data.form.updated_fields !== undefined)
{
this.element.find('[data-form-path="'+sFormPath+'"]').trigger('update_form', {updated_fields: data.form.updated_fields});
}
},
// Intended for overloading in derived classes
_onUpdateFailure: function(data, sFormPath)
{
},
// Intended for overloading in derived classes
_onUpdateAlways: function(data, sFormPath)
{
// Check all touched AFTER ajax is complete, otherwise the renderer will redraw the field in the mean time.
this.element.find('[data-form-path="'+sFormPath+'"]').trigger('validate');
this._enableFormAfterLoading();
},
// Intended for overloading in derived classes
_disableFormBeforeLoading: function()
{
},
// Intended for overloading in derived classes
_enableFormAfterLoading: function()
{
},
showOptions: function() // Debug helper
{
console.log(this.options);
}
});
// Data checks
if(this.options.endpoint === null)
{
console.log('Form handler : An endpoint must be defined.');
return false;
}
if(this.options.formmanager_class === null)
{
console.log('Form handler : Form manager class must be defined.');
return false;
}
if(this.options.formmanager_data === null)
{
console.log('Form handler : Form manager data must be defined.');
return false;
}
this._disableFormBeforeLoading();
$.post(
this.options.endpoint,
{
operation: 'update',
formmanager_class: this.options.formmanager_class,
formmanager_data: JSON.stringify(this.options.formmanager_data),
current_values: this.getCurrentValues(),
requested_fields: oData.requested_fields,
form_path: sFormPath
},
function(oData){
me._onUpdateSuccess(oData, sFormPath);
}
)
.fail(function(oData){ me._onUpdateFailure(oData, sFormPath); })
.always(function(oData){ me._onUpdateAlways(oData, sFormPath); });
},
// Intended for overloading in derived classes
_onSubmitClick: function(oEvent)
{
},
// Intended for overloading in derived classes
_onCancelClick: function(oEvent)
{
},
// Intended for overloading in derived classes
_onUpdateSuccess: function(oData, sFormPath)
{
if(oData.form.updated_fields !== undefined)
{
this.element.find('[data-form-path="' + sFormPath + '"]').trigger('update_form', {updated_fields: oData.form.updated_fields});
}
},
// Intended for overloading in derived classes
_onUpdateFailure: function(oData, sFormPath)
{
},
// Intended for overloading in derived classes
_onUpdateAlways: function(oData, sFormPath)
{
// Check all touched AFTER ajax is complete, otherwise the renderer will redraw the field in the mean time.
this.element.find('[data-form-path="' + sFormPath + '"]').trigger('validate');
this._enableFormAfterLoading();
},
// Intended for overloading in derived classes
_disableFormBeforeLoading: function()
{
},
// Intended for overloading in derived classes
_enableFormAfterLoading: function()
{
},
showOptions: function() // Debug helper
{
console.log(this.options);
}
});
});