www/manager6/lxc/DNS.js

   1 Ext.define('PVE.lxc.DNSInputPanel', {
   2     extend: 'Proxmox.panel.InputPanel',
   3     alias: 'widget.pveLxcDNSInputPanel',
   4
   5     insideWizard: false,
   6
   7     onGetValues: function(values) {
   8         var me = this;
   9
  10         var deletes = [];
  11         if (!values.searchdomain && !me.insideWizard) {
  12             deletes.push('searchdomain');
  13         }
  14
  15         if (values.nameserver) {
  16             var list = values.nameserver.split(/[\ \,\;]+/);
  17             values.nameserver = list.join(' ');
  18         } else if(!me.insideWizard) {
  19             deletes.push('nameserver');
  20         }
  21
  22         if (deletes.length) {
  23             values['delete'] = deletes.join(',');
  24         }
  25
  26         return values;
  27     },
  28
  29     initComponent : function() {
  30         var me = this;
  31
  32         var items = [
  33             {
  34                 xtype: 'proxmoxtextfield',
  35                 name: 'searchdomain',
  36                 skipEmptyText: true,
  37                 fieldLabel: gettext('DNS domain'),
  38                 emptyText: gettext('use host settings'),
  39                 allowBlank: true
  40             },
  41             {
  42                 xtype: 'proxmoxtextfield',
  43                 fieldLabel: gettext('DNS servers'),
  44                 vtype: 'IP64AddressList',
  45                 allowBlank: true,
  46                 emptyText: gettext('use host settings'),
  47                 name: 'nameserver',
  48                 itemId: 'nameserver'
  49             }
  50         ];
  51
  52         if (me.insideWizard) {
  53             me.column1 = items;
  54         } else {
  55             me.items = items;
  56         }
  57
  58         me.callParent();
  59     }
  60 });
  61
  62 Ext.define('PVE.lxc.DNSEdit', {
  63     extend: 'Proxmox.window.Edit',
  64
  65     initComponent : function() {
  66         var me = this;
  67
  68         var ipanel = Ext.create('PVE.lxc.DNSInputPanel');
  69
  70         Ext.apply(me, {
  71             subject: gettext('Resources'),
  72             items: [ ipanel ]
  73         });
  74
  75         me.callParent();
  76
  77         if (!me.isCreate) {
  78             me.load({
  79                 success: function(response, options) {
  80                     var values = response.result.data;
  81
  82                     if (values.nameserver) {
  83                         values.nameserver.replace(/[,;]/, ' ');
  84                         values.nameserver.replace(/^\s+/, '');
  85                     }
  86
  87                     ipanel.setValues(values);
  88                 }
  89             });
  90         }
  91     }
  92 });
  93
  94 /*jslint confusion: true */
  95 Ext.define('PVE.lxc.DNS', {
  96     extend: 'Proxmox.grid.PendingObjectGrid',
  97     alias: ['widget.pveLxcDNS'],
  98
  99     onlineHelp: 'pct_container_network',
 100
 101     initComponent : function() {
 102         var me = this;
 103         var i;
 104
 105         var nodename = me.pveSelNode.data.node;
 106         if (!nodename) {
 107             throw "no node name specified";
 108         }
 109
 110         var vmid = me.pveSelNode.data.vmid;
 111         if (!vmid) {
 112             throw "no VM ID specified";
 113         }
 114
 115         var caps = Ext.state.Manager.get('GuiCap');
 116
 117         var rows = {
 118             hostname: {
 119                 required: true,
 120                 defaultValue: me.pveSelNode.data.name,
 121                 header: gettext('Hostname'),
 122                 editor: caps.vms['VM.Config.Network'] ? {
 123                     xtype: 'proxmoxWindowEdit',
 124                     subject: gettext('Hostname'),
 125                     items: {
 126                         xtype: 'inputpanel',
 127                         items:{
 128                             fieldLabel: gettext('Hostname'),
 129                             xtype: 'textfield',
 130                             name: 'hostname',
 131                             vtype: 'DnsName',
 132                             allowBlank: true,
 133                             emptyText: 'CT' + vmid.toString()
 134                         },
 135                         onGetValues: function(values) {
 136                             var params = values;
 137                             if (values.hostname === undefined ||
 138                                 values.hostname === null ||
 139                                 values.hostname === '') {
 140                                 params = { hostname: 'CT'+vmid.toString()};
 141                             }
 142                             return params;
 143                         }
 144                     }
 145                 } : undefined
 146             },
 147             searchdomain: {
 148                 header: gettext('DNS domain'),
 149                 defaultValue: '',
 150                 editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined,
 151                 renderer: function(value) {
 152                     return value || gettext('use host settings');
 153                 }
 154             },
 155             nameserver: {
 156                 header: gettext('DNS server'),
 157                 defaultValue: '',
 158                 editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined,
 159                 renderer: function(value) {
 160                     return value || gettext('use host settings');
 161                 }
 162             }
 163         };
 164
 165         var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config';
 166
 167         var reload = function() {
 168             me.rstore.load();
 169         };
 170
 171         var sm = Ext.create('Ext.selection.RowModel', {});
 172
 173         var run_editor = function() {
 174             var rec = sm.getSelection()[0];
 175             if (!rec) {
 176                 return;
 177             }
 178
 179             var rowdef = rows[rec.data.key];
 180             if (!rowdef.editor) {
 181                 return;
 182             }
 183
 184             var win;
 185             if (Ext.isString(rowdef.editor)) {
 186                 win = Ext.create(rowdef.editor, {
 187                     pveSelNode: me.pveSelNode,
 188                     confid: rec.data.key,
 189                     url: '/api2/extjs/nodes/' + nodename + '/lxc/' + vmid + '/config'
 190                 });
 191             } else {
 192                 var config = Ext.apply({
 193                     pveSelNode: me.pveSelNode,
 194                     confid: rec.data.key,
 195                     url: '/api2/extjs/nodes/' + nodename + '/lxc/' + vmid + '/config'
 196                 }, rowdef.editor);
 197                 win = Ext.createWidget(rowdef.editor.xtype, config);
 198                 win.load();
 199             }
 200             //win.load();
 201             win.show();
 202             win.on('destroy', reload);
 203         };
 204
 205         var edit_btn = new Proxmox.button.Button({
 206             text: gettext('Edit'),
 207             disabled: true,
 208             selModel: sm,
 209             enableFn: function(rec) {
 210                 var rowdef = rows[rec.data.key];
 211                 return !!rowdef.editor;
 212             },
 213             handler: run_editor
 214         });
 215
 216         var revert_btn = new Proxmox.button.Button({
 217             text: gettext('Revert'),
 218             disabled: true,
 219             handler: function() {
 220                 var sm = me.getSelectionModel();
 221                 var rec = sm.getSelection()[0];
 222                 if (!rec) {
 223                     return;
 224                 }
 225
 226                 var rowdef = me.rows[rec.data.key] || {};
 227                 var keys = rowdef.multiKey ||  [ rec.data.key ];
 228                 var revert = keys.join(',');
 229
 230                 Proxmox.Utils.API2Request({
 231                     url: '/api2/extjs/' + baseurl,
 232                     waitMsgTarget: me,
 233                     method: 'PUT',
 234                     params: {
 235                         'revert': revert
 236                     },
 237                     callback: function() {
 238                         me.reload();
 239                     },
 240                     failure: function (response, opts) {
 241                         Ext.Msg.alert('Error',response.htmlStatus);
 242                     }
 243                 });
 244             }
 245         });
 246
 247
 248         var set_button_status = function() {
 249             var sm = me.getSelectionModel();
 250             var rec = sm.getSelection()[0];
 251
 252             if (!rec) {
 253                 edit_btn.disable();
 254                 return;
 255             }
 256             var key = rec.data.key;
 257             var rowdef = rows[key];
 258             var pending = rec.data['delete'] || me.hasPendingChanges(key);
 259             edit_btn.setDisabled(!rowdef.editor);
 260             revert_btn.setDisabled(!pending);
 261         };
 262
 263         Ext.apply(me, {
 264             url: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/pending",
 265             selModel: sm,
 266             cwidth1: 150,
 267             interval: 5000,
 268             run_editor: run_editor,
 269             tbar: [ edit_btn, revert_btn ],
 270             rows: rows,
 271             editorConfig: {
 272                 url: "/api2/extjs/" + baseurl
 273             },
 274             listeners: {
 275                 itemdblclick: run_editor,
 276                 selectionchange: set_button_status,
 277                 activate: reload
 278             }
 279         });
 280
 281         me.callParent();
 282
 283         me.on('activate', me.rstore.startUpdate);
 284         me.on('destroy', me.rstore.stopUpdate);
 285         me.on('deactivate', me.rstore.stopUpdate);
 286
 287         me.mon(me.getStore(), 'datachanged', function() {
 288             set_button_status();
 289         });
 290     }
 291 });