]>
git.proxmox.com Git - pve-manager.git/blob - www/manager6/window/Wizard.js
1 Ext
.define('PVE.window.Wizard', {
2 extend
: 'Ext.window.Window',
4 activeTitle
: '', // used for automated testing
18 getValues: function(dirtyOnly
) {
23 var form
= me
.down('form').getForm();
25 form
.getFields().each(function(field
) {
26 if (!field
.up('inputpanel') && (!dirtyOnly
|| field
.isDirty())) {
27 Proxmox
.Utils
.assemble_field_data(values
, field
.getSubmitData());
31 Ext
.Array
.each(me
.query('inputpanel'), function(panel
) {
32 Proxmox
.Utils
.assemble_field_data(values
, panel
.getValues(dirtyOnly
));
38 initComponent: function() {
41 var tabs
= me
.items
|| [];
45 * Items may have the following functions:
46 * validator(): per tab custom validation
47 * onSubmit(): submit handler
48 * onGetValues(): overwrite getValues results
51 Ext
.Array
.each(tabs
, function(tab
) {
54 tabs
[0].disabled
= false;
56 var check_card = function(card
) {
58 var fields
= card
.query('field, fieldcontainer');
59 if (card
.isXType('fieldcontainer')) {
62 Ext
.Array
.each(fields
, function(field
) {
63 // Note: not all fielcontainer have isValid()
64 if (Ext
.isFunction(field
.isValid
) && !field
.isValid()) {
69 if (Ext
.isFunction(card
.validator
)) {
70 return card
.validator();
76 var disable_at = function(card
) {
77 var tp
= me
.down('#wizcontent');
78 var idx
= tp
.items
.indexOf(card
);
79 for(;idx
< tp
.items
.getCount();idx
++) {
80 var nc
= tp
.items
.getAt(idx
);
87 var tabchange = function(tp
, newcard
, oldcard
) {
88 if (newcard
.onSubmit
) {
89 me
.down('#next').setVisible(false);
90 me
.down('#submit').setVisible(true);
92 me
.down('#next').setVisible(true);
93 me
.down('#submit').setVisible(false);
95 var valid
= check_card(newcard
);
96 me
.down('#next').setDisabled(!valid
);
97 me
.down('#submit').setDisabled(!valid
);
98 me
.down('#back').setDisabled(tp
.items
.indexOf(newcard
) == 0);
100 var next
= tp
.items
.indexOf(newcard
) + 1;
101 var ntab
= tp
.items
.getAt(next
);
102 if (valid
&& ntab
&& !newcard
.onSubmit
) {
107 if (me
.subject
&& !me
.title
) {
108 me
.title
= Proxmox
.Utils
.dialog_title(me
.subject
, true, false);
124 itemId
: 'wizcontent',
129 afterrender: function(tp
) {
130 var atab
= this.getActiveTab();
133 tabchange: function(tp
, newcard
, oldcard
) {
134 tabchange(tp
, newcard
, oldcard
);
143 xtype
: 'proxmoxHelpButton',
148 text
: gettext('Back'),
152 handler: function() {
153 var tp
= me
.down('#wizcontent');
154 var atab
= tp
.getActiveTab();
155 var prev
= tp
.items
.indexOf(atab
) - 1;
159 var ntab
= tp
.items
.getAt(prev
);
161 tp
.setActiveTab(ntab
);
166 text
: gettext('Next'),
170 handler: function() {
172 var form
= me
.down('form').getForm();
174 var tp
= me
.down('#wizcontent');
175 var atab
= tp
.getActiveTab();
176 if (!check_card(atab
)) {
180 var next
= tp
.items
.indexOf(atab
) + 1;
181 var ntab
= tp
.items
.getAt(next
);
184 tp
.setActiveTab(ntab
);
190 text
: gettext('Finish'),
194 handler: function() {
195 var tp
= me
.down('#wizcontent');
196 var atab
= tp
.getActiveTab();
204 Ext
.Array
.each(me
.query('field'), function(field
) {
205 var validcheck = function() {
206 var tp
= me
.down('#wizcontent');
207 var atab
= tp
.getActiveTab();
208 var valid
= check_card(atab
);
209 me
.down('#next').setDisabled(!valid
);
210 me
.down('#submit').setDisabled(!valid
);
211 var next
= tp
.items
.indexOf(atab
) + 1;
212 var ntab
= tp
.items
.getAt(next
);
215 } else if (ntab
&& !atab
.onSubmit
) {
219 field
.on('change', validcheck
);
220 field
.on('validitychange', validcheck
);