]>
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',
9 // use this tio atimatically generate a title like
13 // set create to true if you want a Create button (instead
17 // set to true if you want an Add button (instead of Create)
20 // set to true if you want an Remove button (instead of Create)
30 var form
= me
.formPanel
.getForm();
31 return form
.isValid();
34 getValues: function(dirtyOnly
) {
39 var form
= me
.formPanel
.getForm();
41 form
.getFields().each(function(field
) {
42 if (!field
.up('inputpanel') && (!dirtyOnly
|| field
.isDirty())) {
43 Proxmox
.Utils
.assemble_field_data(values
, field
.getSubmitData());
47 Ext
.Array
.each(me
.query('inputpanel'), function(panel
) {
48 Proxmox
.Utils
.assemble_field_data(values
, panel
.getValues(dirtyOnly
));
54 setValues: function(values
) {
57 var form
= me
.formPanel
.getForm();
59 Ext
.iterate(values
, function(fieldId
, val
) {
60 var field
= form
.findField(fieldId
);
61 if (field
&& !field
.up('inputpanel')) {
63 if (form
.trackResetOnLoad
) {
64 field
.resetOriginalValue();
69 Ext
.Array
.each(me
.query('inputpanel'), function(panel
) {
70 panel
.setValues(values
);
77 var form
= me
.formPanel
.getForm();
79 var values
= me
.getValues();
80 Ext
.Object
.each(values
, function(name
, val
) {
81 if (values
.hasOwnProperty(name
)) {
82 if (Ext
.isArray(val
) && !val
.length
) {
89 values
.digest
= me
.digest
;
92 if (me
.backgroundDelay
) {
93 values
.background_delay
= me
.backgroundDelay
;
97 if (me
.method
=== 'DELETE') {
98 url
= url
+ "?" + Ext
.Object
.toQueryString(values
);
102 Proxmox
.Utils
.API2Request({
105 method
: me
.method
|| (me
.backgroundDelay
? 'POST' : 'PUT'),
107 failure: function(response
, options
) {
108 if (response
.result
&& response
.result
.errors
) {
109 form
.markInvalid(response
.result
.errors
);
111 Ext
.Msg
.alert(gettext('Error'), response
.htmlStatus
);
113 success: function(response
, options
) {
114 var hasProgressBar
= (me
.backgroundDelay
|| me
.showProgress
) &&
115 response
.result
.data
? true : false;
117 if (hasProgressBar
) {
118 // stay around so we can trigger our close events
119 // when background action is completed
122 var upid
= response
.result
.data
;
123 var win
= Ext
.create('PVE.window.TaskProgress', {
126 destroy: function () {
139 load: function(options
) {
142 var form
= me
.formPanel
.getForm();
144 options
= options
|| {};
146 var newopts
= Ext
.apply({
150 var createWrapper = function(successFn
) {
154 success: function(response
, opts
) {
156 me
.digest
= response
.result
.data
.digest
;
158 successFn(response
, opts
);
160 me
.setValues(response
.result
.data
);
162 // hack: fix ExtJS bug
163 Ext
.Array
.each(me
.query('radiofield'), function(f
) {
164 f
.resetOriginalValue();
167 failure: function(response
, opts
) {
168 Ext
.Msg
.alert(gettext('Error'), response
.htmlStatus
, function() {
175 createWrapper(options
.success
);
177 Proxmox
.Utils
.API2Request(newopts
);
180 initComponent : function() {
184 throw "no url specified";
187 var items
= Ext
.isArray(me
.items
) ? me
.items
: [ me
.items
];
189 me
.items
= undefined;
191 me
.formPanel
= Ext
.create('Ext.form.Panel', {
193 method
: me
.method
|| 'PUT',
194 trackResetOnLoad
: true,
200 fieldDefaults
: Ext
.apply({}, me
.fieldDefaults
, {
207 var inputPanel
= me
.formPanel
.down('inputpanel');
209 var form
= me
.formPanel
.getForm();
214 submitText
= gettext('Add');
215 } else if (me
.isRemove
) {
216 submitText
= gettext('Remove');
218 submitText
= gettext('Create');
221 submitText
= gettext('OK');
224 var submitBtn
= Ext
.create('Ext.Button', {
226 disabled
: !me
.create
,
227 handler: function() {
232 var resetBtn
= Ext
.create('Ext.Button', {
240 var set_button_status = function() {
241 var valid
= form
.isValid();
242 var dirty
= form
.isDirty();
243 submitBtn
.setDisabled(!valid
|| !(dirty
|| me
.create
));
244 resetBtn
.setDisabled(!dirty
);
247 form
.on('dirtychange', set_button_status
);
248 form
.on('validitychange', set_button_status
);
251 if (me
.fieldDefaults
&& me
.fieldDefaults
.labelWidth
) {
252 colwidth
+= me
.fieldDefaults
.labelWidth
- 100;
255 var twoColumn
= inputPanel
&&
256 (inputPanel
.column1
|| inputPanel
.column2
);
258 if (me
.subject
&& !me
.title
) {
259 me
.title
= Proxmox
.Utils
.dialog_title(me
.subject
, me
.create
, me
.isAdd
);
263 me
.buttons
= [ submitBtn
] ;
265 me
.buttons
= [ submitBtn
, resetBtn
];
268 if (inputPanel
&& inputPanel
.onlineHelp
) {
269 var helpButton
= Ext
.create('PVE.button.Help');
270 me
.buttons
.unshift(helpButton
, '->');
271 Ext
.GlobalEvents
.fireEvent('pveShowHelp', items
[0].onlineHelp
);
276 width
: twoColumn
? colwidth
*2 : colwidth
,
278 items
: [ me
.formPanel
]
283 // always mark invalid fields
284 me
.on('afterlayout', function() {
285 // on touch devices, the isValid function
286 // triggers a layout, which triggers an isValid
288 // to prevent this we disable the layouting here
289 // and enable it afterwards
290 me
.suspendLayout
= true;
292 me
.suspendLayout
= false;