]>
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 let maxidx
= 0, curidx
= 0;
58 let check_card = function(card
) {
59 let fields
= card
.query('field, fieldcontainer');
60 if (card
.isXType('fieldcontainer')) {
64 for (const field
of fields
) {
65 // Note: not all fielcontainer have isValid()
66 if (Ext
.isFunction(field
.isValid
) && !field
.isValid()) {
70 if (Ext
.isFunction(card
.validator
)) {
71 return card
.validator();
76 let disableTab = function(card
) {
77 let tp
= me
.down('#wizcontent');
78 for (let idx
= tp
.items
.indexOf(card
); idx
< tp
.items
.getCount(); idx
++) {
79 let tab
= tp
.items
.getAt(idx
);
86 let tabchange = function(tp
, newcard
, oldcard
) {
87 if (newcard
.onSubmit
) {
88 me
.down('#next').setVisible(false);
89 me
.down('#submit').setVisible(true);
91 me
.down('#next').setVisible(true);
92 me
.down('#submit').setVisible(false);
94 let valid
= check_card(newcard
);
95 me
.down('#next').setDisabled(!valid
);
96 me
.down('#submit').setDisabled(!valid
);
97 me
.down('#back').setDisabled(tp
.items
.indexOf(newcard
) === 0);
99 let idx
= tp
.items
.indexOf(newcard
);
105 let ntab
= tp
.items
.getAt(idx
+ 1);
106 if (valid
&& ntab
&& !newcard
.onSubmit
) {
111 if (me
.subject
&& !me
.title
) {
112 me
.title
= Proxmox
.Utils
.dialog_title(me
.subject
, true, false);
115 let sp
= Ext
.state
.Manager
.getProvider();
116 let advancedOn
= sp
.get('proxmox-advanced-cb');
131 itemId
: 'wizcontent',
136 afterrender: function(tp
) {
137 tabchange(tp
, this.getActiveTab());
139 tabchange: function(tp
, newcard
, oldcard
) {
140 tabchange(tp
, newcard
, oldcard
);
149 xtype
: 'proxmoxHelpButton',
154 xtype
: 'proxmoxcheckbox',
155 boxLabelAlign
: 'before',
156 boxLabel
: gettext('Advanced'),
159 change: function(_
, value
) {
160 let tp
= me
.down('#wizcontent');
161 tp
.query('inputpanel').forEach(function(ip
) {
162 ip
.setAdvancedVisible(value
);
164 sp
.set('proxmox-advanced-cb', value
);
169 text
: gettext('Back'),
173 handler: function() {
174 let tp
= me
.down('#wizcontent');
175 let prev
= tp
.items
.indexOf(tp
.getActiveTab()) - 1;
179 let ntab
= tp
.items
.getAt(prev
);
181 tp
.setActiveTab(ntab
);
186 text
: gettext('Next'),
190 handler: function() {
191 let tp
= me
.down('#wizcontent');
192 let activeTab
= tp
.getActiveTab();
193 if (!check_card(activeTab
)) {
196 let next
= tp
.items
.indexOf(activeTab
) + 1;
197 let ntab
= tp
.items
.getAt(next
);
200 tp
.setActiveTab(ntab
);
205 text
: gettext('Finish'),
209 handler: function() {
210 let tp
= me
.down('#wizcontent');
211 tp
.getActiveTab().onSubmit();
218 Ext
.Array
.each(me
.query('inputpanel'), function(panel
) {
219 panel
.setAdvancedVisible(advancedOn
);
222 Ext
.Array
.each(me
.query('field'), function(field
) {
223 let validcheck = function() {
224 let tp
= me
.down('#wizcontent');
226 // check validity for current to last enabled tab, as local change may affect validity of a later one
227 for (let i
= curidx
; i
<= maxidx
&& i
< tp
.items
.getCount(); i
++) {
228 let tab
= tp
.items
.getAt(i
);
229 let valid
= check_card(tab
);
231 // only set the buttons on the current panel
233 me
.down('#next').setDisabled(!valid
);
234 me
.down('#submit').setDisabled(!valid
);
236 // if a panel is invalid, then disable all following, else enable the next tab
237 let nextTab
= tp
.items
.getAt(i
+ 1);
241 } else if (nextTab
&& !tab
.onSubmit
) {
246 field
.on('change', validcheck
);
247 field
.on('validitychange', validcheck
);