]> git.proxmox.com Git - pve-manager.git/blob - www/manager6/dc/OptionView.js
Enlarge Object Grid first column default size
[pve-manager.git] / www / manager6 / dc / OptionView.js
1 Ext.define('PVE.dc.HttpProxyEdit', {
2 extend: 'PVE.window.Edit',
3
4 initComponent : function() {
5 var me = this;
6
7 Ext.applyIf(me, {
8 subject: gettext('HTTP proxy'),
9 items: {
10 xtype: 'pvetextfield',
11 name: 'http_proxy',
12 vtype: 'HttpProxy',
13 emptyText: gettext('Do not use any proxy'),
14 deleteEmpty: true,
15 value: '',
16 fieldLabel: gettext('HTTP proxy')
17 }
18 });
19
20 me.callParent();
21
22 me.load();
23 }
24 });
25
26 Ext.define('PVE.dc.KeyboardEdit', {
27 extend: 'PVE.window.Edit',
28
29 initComponent : function() {
30 var me = this;
31
32 Ext.applyIf(me, {
33 subject: gettext('Keyboard Layout'),
34 items: {
35 xtype: 'VNCKeyboardSelector',
36 name: 'keyboard',
37 value: '__default__',
38 fieldLabel: gettext('Keyboard Layout')
39 }
40 });
41
42 me.callParent();
43
44 me.load();
45 }
46 });
47
48 Ext.define('PVE.dc.ConsoleViewerEdit', {
49 extend: 'PVE.window.Edit',
50
51 initComponent : function() {
52 var me = this;
53
54 var data = [];
55
56 Ext.Array.each(['__default__','vv', 'html5'], function(value) {
57 data.push([value, PVE.Utils.render_console_viewer(value)]);
58 });
59
60 Ext.applyIf(me, {
61 subject: gettext('Console Viewer'),
62 items: {
63 xtype: 'pveKVComboBox',
64 name: 'console',
65 value: '__default__',
66 fieldLabel: gettext('Console Viewer'),
67 comboItems: data
68 }
69 });
70
71 me.callParent();
72
73 me.load();
74 }
75 });
76
77 Ext.define('PVE.dc.EmailFromEdit', {
78 extend: 'PVE.window.Edit',
79
80 initComponent : function() {
81 var me = this;
82
83 Ext.applyIf(me, {
84 subject: gettext('Email from address'),
85 items: {
86 xtype: 'pvetextfield',
87 name: 'email_from',
88 vtype: 'pveMail',
89 emptyText: 'root@$hostname',
90 deleteEmpty: true,
91 value: '',
92 fieldLabel: gettext('Email from address')
93 }
94 });
95
96 me.callParent();
97
98 me.load();
99 }
100 });
101
102 Ext.define('PVE.dc.OptionView', {
103 extend: 'PVE.grid.ObjectGrid',
104 alias: ['widget.pveDcOptionView'],
105
106 noProxyText: gettext('Do not use any proxy'),
107
108 initComponent : function() {
109 var me = this;
110
111 var reload = function() {
112 me.rstore.load();
113 };
114
115 var rows = {
116 keyboard: {
117 header: gettext('Keyboard Layout'),
118 editor: 'PVE.dc.KeyboardEdit',
119 renderer: PVE.Utils.render_kvm_language,
120 required: true
121 },
122 http_proxy: {
123 header: gettext('HTTP proxy'),
124 editor: 'PVE.dc.HttpProxyEdit',
125 required: true,
126 renderer: function(value) {
127 if (!value) {
128 return me.noProxyText;
129 }
130 return value;
131 }
132 },
133 console: {
134 header: gettext('Console Viewer'),
135 editor: 'PVE.dc.ConsoleViewerEdit',
136 required: true,
137 renderer: PVE.Utils.render_console_viewer
138 },
139 email_from: {
140 header: gettext('Email from address'),
141 editor: 'PVE.dc.EmailFromEdit',
142 required: true,
143 renderer: function(value) {
144 if (!value) {
145 return 'root@$hostname';
146 }
147 return value;
148 }
149 }
150 };
151
152 var sm = Ext.create('Ext.selection.RowModel', {});
153
154 var run_editor = function() {
155 var rec = sm.getSelection()[0];
156 if (!rec) {
157 return;
158 }
159
160 var rowdef = rows[rec.data.key];
161 if (!rowdef.editor) {
162 return;
163 }
164
165 var win = Ext.create(rowdef.editor, {
166 url: "/api2/extjs/cluster/options",
167 confid: rec.data.key
168 });
169 win.show();
170 win.on('destroy', reload);
171 };
172
173 var edit_btn = new PVE.button.Button({
174 text: gettext('Edit'),
175 disabled: true,
176 selModel: sm,
177 handler: run_editor
178 });
179
180 Ext.apply(me, {
181 url: "/api2/json/cluster/options",
182 interval: 1000,
183 selModel: sm,
184 tbar: [ edit_btn ],
185 rows: rows,
186 listeners: {
187 itemdblclick: run_editor,
188 activate: reload
189 }
190 });
191
192 me.callParent();
193 }
194 });