]>
Commit | Line | Data |
---|---|---|
5df894de WB |
1 | Ext.define('Proxmox.window.ACMEAccountCreate', { |
2 | extend: 'Proxmox.window.Edit', | |
3 | mixins: ['Proxmox.Mixin.CBind'], | |
4 | xtype: 'pmxACMEAccountCreate', | |
5 | ||
6 | acmeUrl: undefined, | |
7 | ||
8 | width: 450, | |
9 | title: gettext('Register Account'), | |
10 | isCreate: true, | |
11 | method: 'POST', | |
12 | submitText: gettext('Register'), | |
13 | showTaskViewer: true, | |
14 | defaultExists: false, | |
15 | ||
16 | items: [ | |
17 | { | |
18 | xtype: 'proxmoxtextfield', | |
19 | fieldLabel: gettext('Account Name'), | |
20 | name: 'name', | |
21 | cbind: { | |
22 | emptyText: (get) => get('defaultExists') ? '' : 'default', | |
23 | allowBlank: (get) => !get('defaultExists'), | |
24 | }, | |
25 | }, | |
26 | { | |
27 | xtype: 'textfield', | |
28 | name: 'contact', | |
29 | vtype: 'email', | |
30 | allowBlank: false, | |
31 | fieldLabel: gettext('E-Mail'), | |
32 | }, | |
33 | { | |
34 | xtype: 'proxmoxComboGrid', | |
35 | name: 'directory', | |
36 | reference: 'directory', | |
37 | allowBlank: false, | |
38 | valueField: 'url', | |
39 | displayField: 'name', | |
40 | fieldLabel: gettext('ACME Directory'), | |
41 | store: { | |
42 | autoLoad: true, | |
43 | fields: ['name', 'url'], | |
44 | idProperty: ['name'], | |
45 | proxy: { type: 'proxmox' }, | |
46 | sorters: { | |
47 | property: 'name', | |
1025802e | 48 | direction: 'ASC', |
5df894de WB |
49 | }, |
50 | }, | |
51 | listConfig: { | |
52 | columns: [ | |
53 | { | |
54 | header: gettext('Name'), | |
55 | dataIndex: 'name', | |
56 | flex: 1, | |
57 | }, | |
58 | { | |
59 | header: gettext('URL'), | |
60 | dataIndex: 'url', | |
61 | flex: 1, | |
62 | }, | |
63 | ], | |
64 | }, | |
65 | listeners: { | |
66 | change: function(combogrid, value) { | |
67 | let me = this; | |
68 | ||
69 | if (!value) { | |
70 | return; | |
71 | } | |
72 | ||
73 | let acmeUrl = me.up('window').acmeUrl; | |
74 | ||
75 | let disp = me.up('window').down('#tos_url_display'); | |
76 | let field = me.up('window').down('#tos_url'); | |
77 | let checkbox = me.up('window').down('#tos_checkbox'); | |
78 | ||
79 | disp.setValue(gettext('Loading')); | |
80 | field.setValue(undefined); | |
81 | checkbox.setValue(undefined); | |
82 | checkbox.setHidden(true); | |
83 | ||
84 | Proxmox.Utils.API2Request({ | |
85 | url: `${acmeUrl}/tos`, | |
86 | method: 'GET', | |
87 | params: { | |
88 | directory: value, | |
89 | }, | |
90 | success: function(response, opt) { | |
91 | field.setValue(response.result.data); | |
92 | disp.setValue(response.result.data); | |
93 | checkbox.setHidden(false); | |
94 | }, | |
95 | failure: function(response, opt) { | |
96 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
97 | }, | |
98 | }); | |
99 | }, | |
100 | }, | |
101 | }, | |
102 | { | |
103 | xtype: 'displayfield', | |
104 | itemId: 'tos_url_display', | |
105 | renderer: Proxmox.Utils.render_optional_url, | |
106 | name: 'tos_url_display', | |
107 | }, | |
108 | { | |
109 | xtype: 'hidden', | |
110 | itemId: 'tos_url', | |
111 | name: 'tos_url', | |
112 | }, | |
113 | { | |
114 | xtype: 'proxmoxcheckbox', | |
115 | itemId: 'tos_checkbox', | |
116 | boxLabel: gettext('Accept TOS'), | |
117 | submitValue: false, | |
118 | validateValue: function(value) { | |
119 | if (value && this.checked) { | |
120 | return true; | |
121 | } | |
122 | return false; | |
123 | }, | |
124 | }, | |
125 | ], | |
126 | ||
127 | initComponent: function() { | |
128 | let me = this; | |
129 | ||
130 | if (!me.acmeUrl) { | |
131 | throw "no acmeUrl given"; | |
132 | } | |
133 | ||
134 | me.url = `${me.acmeUrl}/account`; | |
135 | ||
136 | me.callParent(); | |
137 | ||
138 | me.lookup('directory') | |
139 | .store | |
140 | .proxy | |
141 | .setUrl(`/api2/json/${me.acmeUrl}/directories`); | |
142 | }, | |
143 | }); | |
144 | ||
145 | Ext.define('Proxmox.window.ACMEAccountView', { | |
146 | extend: 'Proxmox.window.Edit', | |
147 | xtype: 'pmxACMEAccountView', | |
148 | ||
149 | width: 600, | |
150 | fieldDefaults: { | |
151 | labelWidth: 140, | |
152 | }, | |
153 | ||
154 | title: gettext('Account'), | |
155 | ||
156 | items: [ | |
157 | { | |
158 | xtype: 'displayfield', | |
159 | fieldLabel: gettext('E-Mail'), | |
160 | name: 'email', | |
161 | }, | |
162 | { | |
163 | xtype: 'displayfield', | |
164 | fieldLabel: gettext('Created'), | |
165 | name: 'createdAt', | |
166 | }, | |
167 | { | |
168 | xtype: 'displayfield', | |
169 | fieldLabel: gettext('Status'), | |
170 | name: 'status', | |
171 | }, | |
172 | { | |
173 | xtype: 'displayfield', | |
174 | fieldLabel: gettext('Directory'), | |
175 | renderer: Proxmox.Utils.render_optional_url, | |
176 | name: 'directory', | |
177 | }, | |
178 | { | |
179 | xtype: 'displayfield', | |
180 | fieldLabel: gettext('Terms of Services'), | |
181 | renderer: Proxmox.Utils.render_optional_url, | |
182 | name: 'tos', | |
183 | }, | |
184 | ], | |
185 | ||
186 | initComponent: function() { | |
187 | var me = this; | |
188 | ||
189 | me.callParent(); | |
190 | ||
191 | // hide OK/Reset button, because we just want to show data | |
192 | me.down('toolbar[dock=bottom]').setVisible(false); | |
193 | ||
194 | me.load({ | |
195 | success: function(response) { | |
196 | var data = response.result.data; | |
197 | data.email = data.account.contact[0]; | |
198 | data.createdAt = data.account.createdAt; | |
199 | data.status = data.account.status; | |
200 | me.setValues(data); | |
201 | }, | |
202 | }); | |
203 | }, | |
204 | }); |