]>
git.proxmox.com Git - proxmox-widget-toolkit.git/blob - window/Edit.js
1 // fixme: how can we avoid those lint errors?
2 /*jslint confusion: true */
3 Ext
.define('Proxmox.window.Edit', {
4 extend
: 'Ext.window.Window',
5 alias
: 'widget.proxmoxWindowEdit',
7 // autoLoad trigger a load() after component creation
12 // use this tio atimatically generate a title like
16 // set isCreate to true if you want a Create button (instead
20 // set to true if you want an Add button (instead of Create)
23 // set to true if you want an Remove button (instead of Create)
27 submitText
: undefined,
31 // needed for finding the reference to submitbutton
32 // because we do not have a controller
33 referenceHolder
: true,
34 defaultButton
: 'submitbutton',
36 // finds the first form field
37 defaultFocus
: 'field',
41 showTaskViewer
: false,
43 // gets called if we have a progress bar or taskview and it detected that
44 // the task finished. function(success)
45 taskDone
: Ext
.emptyFn
,
47 // assign a reference from docs, to add a help button docked to the
48 // bottom of the window. If undefined we magically fall back to the
49 // onlineHelp of our first item, if set.
50 onlineHelp
: undefined,
55 var form
= me
.formPanel
.getForm();
56 return form
.isValid();
59 getValues: function(dirtyOnly
) {
64 var form
= me
.formPanel
.getForm();
66 form
.getFields().each(function(field
) {
67 if (!field
.up('inputpanel') && (!dirtyOnly
|| field
.isDirty())) {
68 Proxmox
.Utils
.assemble_field_data(values
, field
.getSubmitData());
72 Ext
.Array
.each(me
.query('inputpanel'), function(panel
) {
73 Proxmox
.Utils
.assemble_field_data(values
, panel
.getValues(dirtyOnly
));
79 setValues: function(values
) {
82 var form
= me
.formPanel
.getForm();
84 Ext
.iterate(values
, function(fieldId
, val
) {
85 var field
= form
.findField(fieldId
);
86 if (field
&& !field
.up('inputpanel')) {
88 if (form
.trackResetOnLoad
) {
89 field
.resetOriginalValue();
94 Ext
.Array
.each(me
.query('inputpanel'), function(panel
) {
95 panel
.setValues(values
);
102 var form
= me
.formPanel
.getForm();
104 var values
= me
.getValues();
105 Ext
.Object
.each(values
, function(name
, val
) {
106 if (values
.hasOwnProperty(name
)) {
107 if (Ext
.isArray(val
) && !val
.length
) {
114 values
.digest
= me
.digest
;
117 if (me
.backgroundDelay
) {
118 values
.background_delay
= me
.backgroundDelay
;
122 if (me
.method
=== 'DELETE') {
123 url
= url
+ "?" + Ext
.Object
.toQueryString(values
);
127 Proxmox
.Utils
.API2Request({
130 method
: me
.method
|| (me
.backgroundDelay
? 'POST' : 'PUT'),
132 failure: function(response
, options
) {
133 if (response
.result
&& response
.result
.errors
) {
134 form
.markInvalid(response
.result
.errors
);
136 Ext
.Msg
.alert(gettext('Error'), response
.htmlStatus
);
138 success: function(response
, options
) {
139 var hasProgressBar
= (me
.backgroundDelay
|| me
.showProgress
|| me
.showTaskViewer
) &&
140 response
.result
.data
? true : false;
142 if (hasProgressBar
) {
143 // stay around so we can trigger our close events
144 // when background action is completed
147 var upid
= response
.result
.data
;
148 var viewerClass
= me
.showTaskViewer
? 'Viewer' : 'Progress';
149 var win
= Ext
.create('Proxmox.window.Task' + viewerClass
, {
151 taskDone
: me
.taskDone
,
153 destroy: function () {
166 load: function(options
) {
169 var form
= me
.formPanel
.getForm();
171 options
= options
|| {};
173 var newopts
= Ext
.apply({
177 var createWrapper = function(successFn
) {
181 success: function(response
, opts
) {
183 me
.digest
= response
.result
.data
.digest
;
185 successFn(response
, opts
);
187 me
.setValues(response
.result
.data
);
189 // hack: fix ExtJS bug
190 Ext
.Array
.each(me
.query('radiofield'), function(f
) {
191 f
.resetOriginalValue();
194 failure: function(response
, opts
) {
195 Ext
.Msg
.alert(gettext('Error'), response
.htmlStatus
, function() {
202 createWrapper(options
.success
);
204 Proxmox
.Utils
.API2Request(newopts
);
207 initComponent : function() {
211 throw "no url specified";
214 if (me
.create
) {throw "deprecated parameter, use isCreate";}
216 var items
= Ext
.isArray(me
.items
) ? me
.items
: [ me
.items
];
218 me
.items
= undefined;
220 me
.formPanel
= Ext
.create('Ext.form.Panel', {
222 method
: me
.method
|| 'PUT',
223 trackResetOnLoad
: true,
226 defaults
: Ext
.apply({}, me
.defaults
, {
229 fieldDefaults
: Ext
.apply({}, me
.fieldDefaults
, {
236 var inputPanel
= me
.formPanel
.down('inputpanel');
238 var form
= me
.formPanel
.getForm();
243 submitText
= me
.submitText
;
244 } else if (me
.isAdd
) {
245 submitText
= gettext('Add');
246 } else if (me
.isRemove
) {
247 submitText
= gettext('Remove');
249 submitText
= gettext('Create');
252 submitText
= me
.submitText
|| gettext('OK');
255 var submitBtn
= Ext
.create('Ext.Button', {
256 reference
: 'submitbutton',
258 disabled
: !me
.isCreate
,
259 handler: function() {
264 var resetBtn
= Ext
.create('Ext.Button', {
272 var set_button_status = function() {
273 var valid
= form
.isValid();
274 var dirty
= form
.isDirty();
275 submitBtn
.setDisabled(!valid
|| !(dirty
|| me
.isCreate
));
276 resetBtn
.setDisabled(!dirty
);
279 form
.on('dirtychange', set_button_status
);
280 form
.on('validitychange', set_button_status
);
283 if (me
.fieldDefaults
&& me
.fieldDefaults
.labelWidth
) {
284 colwidth
+= me
.fieldDefaults
.labelWidth
- 100;
287 var twoColumn
= inputPanel
&&
288 (inputPanel
.column1
|| inputPanel
.column2
);
290 if (me
.subject
&& !me
.title
) {
291 me
.title
= Proxmox
.Utils
.dialog_title(me
.subject
, me
.isCreate
, me
.isAdd
);
295 me
.buttons
= [ submitBtn
] ;
297 me
.buttons
= [ submitBtn
, resetBtn
];
300 var onlineHelp
= me
.onlineHelp
;
301 if (!onlineHelp
&& inputPanel
&& inputPanel
.onlineHelp
) {
302 onlineHelp
= inputPanel
.onlineHelp
;
306 var helpButton
= Ext
.create('Proxmox.button.Help');
307 me
.buttons
.unshift(helpButton
, '->');
308 Ext
.GlobalEvents
.fireEvent('proxmoxShowHelp', onlineHelp
);
313 width
: twoColumn
? colwidth
*2 : colwidth
,
315 items
: [ me
.formPanel
]
320 // always mark invalid fields
321 me
.on('afterlayout', function() {
322 // on touch devices, the isValid function
323 // triggers a layout, which triggers an isValid
325 // to prevent this we disable the layouting here
326 // and enable it afterwards
327 me
.suspendLayout
= true;
329 me
.suspendLayout
= false;