www/manager6/Workspace.js

   1 /*
   2  * Workspace base class
   3  *
   4  * popup login window when auth fails (call onLogin handler)
   5  * update (re-login) ticket every 15 minutes
   6  *
   7  */
   8
   9 Ext.define('PVE.Workspace', {
  10     extend: 'Ext.container.Viewport',
  11
  12     title: 'Proxmox Virtual Environment',
  13
  14     loginData: null, // Data from last login call
  15
  16     onLogin: function(loginData) {},
  17
  18     // private
  19     updateLoginData: function(loginData) {
  20         var me = this;
  21         me.loginData = loginData;
  22         PVE.CSRFPreventionToken = loginData.CSRFPreventionToken;
  23         PVE.UserName = loginData.username;
  24
  25         if (loginData.cap) {
  26             Ext.state.Manager.set('GuiCap', loginData.cap);
  27         }
  28
  29         // creates a session cookie (expire = null)
  30         // that way the cookie gets deleted after browser window close
  31         Ext.util.Cookies.set('PVEAuthCookie', loginData.ticket, null, '/', null, true);
  32         me.onLogin(loginData);
  33     },
  34
  35     // private
  36     showLogin: function() {
  37         var me = this;
  38
  39         PVE.Utils.authClear();
  40         PVE.UserName = null;
  41         me.loginData = null;
  42
  43         if (!me.login) {
  44             me.login = Ext.create('PVE.window.LoginWindow', {
  45                 handler: function(data) {
  46                     me.login = null;
  47                     me.updateLoginData(data);
  48                     PVE.Utils.checked_command(function() {}); // display subscription status
  49                 }
  50             });
  51         }
  52         me.onLogin(null);
  53         me.login.show();
  54     },
  55
  56     initComponent : function() {
  57         var me = this;
  58
  59         Ext.tip.QuickTipManager.init();
  60
  61         // fixme: what about other errors
  62         Ext.Ajax.on('requestexception', function(conn, response, options) {
  63             if (response.status == 401) { // auth failure
  64                 me.showLogin();
  65             }
  66         });
  67
  68         me.callParent();
  69
  70         if (!PVE.Utils.authOK()) {
  71             me.showLogin();
  72         } else {
  73             if (me.loginData) {
  74                 me.onLogin(me.loginData);
  75             }
  76         }
  77
  78         Ext.TaskManager.start({
  79             run: function() {
  80                 var ticket = PVE.Utils.authOK();
  81                 if (!ticket || !PVE.UserName) {
  82                     return;
  83                 }
  84
  85                 Ext.Ajax.request({
  86                     params: {
  87                         username: PVE.UserName,
  88                         password: ticket
  89                     },
  90                     url: '/api2/json/access/ticket',
  91                     method: 'POST',
  92                     success: function(response, opts) {
  93                         var obj = Ext.decode(response.responseText);
  94                         me.updateLoginData(obj.data);
  95                     }
  96                 });
  97             },
  98             interval: 15*60*1000
  99         });
 100
 101     }
 102 });
 103
 104 Ext.define('PVE.ConsoleWorkspace', {
 105     extend: 'PVE.Workspace',
 106
 107     alias: ['widget.pveConsoleWorkspace'],
 108
 109     title: gettext('Console'),
 110
 111     initComponent : function() {
 112         var me = this;
 113
 114         var param = Ext.Object.fromQueryString(window.location.search);
 115         var consoleType = me.consoleType || param.console;
 116
 117         param.novnc = (param.novnc === '1') ? true : false;
 118
 119         var content;
 120         if (consoleType === 'kvm') {
 121             me.title = "VM " + param.vmid;
 122             if (param.vmname) {
 123                 me.title += " ('" + param.vmname + "')";
 124             }
 125             content = {
 126                 xtype: 'pveKVMConsole',
 127                 novnc: param.novnc,
 128                 vmid: param.vmid,
 129                 nodename: param.node,
 130                 vmname: param.vmname,
 131                 toplevel: true
 132             };
 133         } else if (consoleType === 'lxc') {
 134             me.title = "CT " + param.vmid;
 135             if (param.vmname) {
 136                 me.title += " ('" + param.vmname + "')";
 137             }
 138             content = {
 139                 xtype: 'pveLxcConsole',
 140                 novnc: param.novnc,
 141                 vmid: param.vmid,
 142                 nodename: param.node,
 143                 vmname: param.vmname,
 144                 toplevel: true
 145             };
 146         } else if (consoleType === 'shell') {
 147             me.title = "node '" + param.node + "'";
 148             content = {
 149                 xtype: 'pveShell',
 150                 novnc: param.novnc,
 151                 nodename: param.node,
 152                 toplevel: true
 153             };
 154         } else if (consoleType === 'upgrade') {
 155             me.title = Ext.String.format(gettext('System upgrade on node {0}'), "'" + param.node + "'");
 156             content = {
 157                 xtype: 'pveShell',
 158                 novnc: param.novnc,
 159                 nodename: param.node,
 160                 ugradeSystem: true,
 161                 toplevel: true
 162             };
 163         } else {
 164             content = {
 165                 border: false,
 166                 bodyPadding: 10,
 167                 html: gettext('Error') + ': No such console type'
 168             };
 169         }
 170
 171         Ext.apply(me, {
 172             layout: { type: 'fit' },
 173             border: false,
 174             items: [ content ]
 175         });
 176
 177         me.callParent();
 178     }
 179 });
 180
 181 Ext.define('PVE.StdWorkspace', {
 182     extend: 'PVE.Workspace',
 183
 184     alias: ['widget.pveStdWorkspace'],
 185
 186     // private
 187     setContent: function(comp) {
 188         var me = this;
 189
 190         var cont = me.child('#content');
 191
 192         var lay = cont.getLayout();
 193
 194         var cur = lay.getActiveItem();
 195
 196         if (comp) {
 197             PVE.Utils.setErrorMask(cont, false);
 198             comp.border = false;
 199             cont.add(comp);
 200             if (cur !== null && lay.getNext()) {
 201                 lay.next();
 202                 var task = Ext.create('Ext.util.DelayedTask', function(){
 203                     cont.remove(cur);
 204                 });
 205                 task.delay(10);
 206             }
 207         }
 208         // else {
 209             // TODO: display something useful
 210
 211             // Note:: error mask has wrong zindex, so we do not
 212             // use that - see bug 114
 213             // PVE.Utils.setErrorMask(cont, 'nothing selected');
 214         //}
 215     },
 216
 217     selectById: function(nodeid) {
 218         var me = this;
 219         var tree = me.down('pveResourceTree');
 220         tree.selectById(nodeid);
 221     },
 222
 223     checkVmMigration: function(record) {
 224         var me = this;
 225         var tree = me.down('pveResourceTree');
 226         tree.checkVmMigration(record);
 227     },
 228
 229     onLogin: function(loginData) {
 230         var me = this;
 231
 232         me.updateUserInfo();
 233
 234         if (loginData) {
 235             PVE.data.ResourceStore.startUpdate();
 236
 237             PVE.Utils.API2Request({
 238                 url: '/version',
 239                 method: 'GET',
 240                 success: function(response) {
 241                     PVE.VersionInfo = response.result.data;
 242                     me.updateVersionInfo();
 243                 }
 244             });
 245         }
 246     },
 247
 248     updateUserInfo: function() {
 249         var me = this;
 250
 251         var ui = me.query('#userinfo')[0];
 252
 253         if (PVE.UserName) {
 254             var msg =  Ext.String.format(gettext("You are logged in as {0}"), "'" + PVE.UserName + "'");
 255             ui.update('<div class="x-unselectable" style="white-space:nowrap;">' + msg + '</div>');
 256         } else {
 257             ui.update('');
 258         }
 259         ui.updateLayout();
 260     },
 261
 262     updateVersionInfo: function() {
 263         var me = this;
 264
 265         var ui = me.query('#versioninfo')[0];
 266
 267         if (PVE.VersionInfo) {
 268             var version = PVE.VersionInfo.version + '-' + PVE.VersionInfo.release + '/' +
 269                 PVE.VersionInfo.repoid;
 270             ui.update('Proxmox Virtual Environment<br>' + gettext('Version') + ': ' + version);
 271         } else {
 272             ui.update('Proxmox Virtual Environment');
 273         }
 274         ui.updateLayout();
 275     },
 276
 277     initComponent : function() {
 278         var me = this;
 279
 280         Ext.History.init();
 281
 282         var sprovider = Ext.create('PVE.StateProvider');
 283         Ext.state.Manager.setProvider(sprovider);
 284
 285         var selview = Ext.create('PVE.form.ViewSelector');
 286
 287         var rtree = Ext.createWidget('pveResourceTree', {
 288             viewFilter: selview.getViewFilter(),
 289             flex: 1,
 290             selModel: {
 291                 selType: 'treemodel',
 292                 listeners: {
 293                     selectionchange: function(sm, selected) {
 294                         var comp;
 295                         var tlckup = {
 296                             root: 'PVE.dc.Config',
 297                             node: 'PVE.node.Config',
 298                             qemu: 'PVE.qemu.Config',
 299                             lxc: 'PVE.lxc.Config',
 300                             storage: 'PVE.storage.Browser',
 301                             pool: 'pvePoolConfig'
 302                         };
 303
 304                         if (selected.length > 0) {
 305                             var n = selected[0];
 306                             comp = {
 307                                 xtype: tlckup[n.data.type || 'root'] ||
 308                                     'pvePanelConfig',
 309                                 layout: { type: 'fit' },
 310                                 showSearch: (n.data.id === 'root') ||
 311                                     Ext.isDefined(n.data.groupbyid),
 312                                 pveSelNode: n,
 313                                 workspace: me,
 314                                 viewFilter: selview.getViewFilter()
 315                             };
 316                             PVE.curSelectedNode = n;
 317                         }
 318
 319                         me.setContent(comp);
 320                     }
 321                 }
 322             }
 323         });
 324
 325         selview.on('select', function(combo, records) {
 326             if (records) {
 327                 var view = combo.getViewFilter();
 328                 rtree.setViewFilter(view);
 329             }
 330         });
 331
 332         var caps = sprovider.get('GuiCap');
 333
 334         var createVM = Ext.createWidget('button', {
 335             pack: 'end',
 336             margin: '3 5 0 0',
 337             baseCls: 'x-btn',
 338             text: gettext("Create VM"),
 339             disabled: !caps.vms['VM.Allocate'],
 340             handler: function() {
 341                 var wiz = Ext.create('PVE.qemu.CreateWizard', {});
 342                 wiz.show();
 343             }
 344         });
 345
 346         var createCT = Ext.createWidget('button', {
 347             pack: 'end',
 348             margin: '3 5 0 0',
 349             baseCls: 'x-btn',
 350             text: gettext("Create CT"),
 351             disabled: !caps.vms['VM.Allocate'],
 352             handler: function() {
 353                 var wiz = Ext.create('PVE.lxc.CreateWizard', {});
 354                 wiz.show();
 355             }
 356         });
 357
 358         sprovider.on('statechange', function(sp, key, value) {
 359             if (key === 'GuiCap' && value) {
 360                 caps = value;
 361                 createVM.setDisabled(!caps.vms['VM.Allocate']);
 362                 createCT.setDisabled(!caps.vms['VM.Allocate']);
 363             }
 364         });
 365
 366         Ext.apply(me, {
 367             layout: { type: 'border' },
 368             border: false,
 369             items: [
 370                 {
 371                     region: 'north',
 372                     height: 30,
 373                     layout: {
 374                         type: 'hbox',
 375                     },
 376                     baseCls: 'x-plain',
 377                     defaults: {
 378                         baseCls: 'x-plain'
 379                     },
 380                     border: false,
 381                     height: 35,
 382                     margin: '2 0 5 0',
 383                     items: [
 384                         {
 385                             margin: '0 0 0 4',
 386                             html: '<a class="x-unselectable" target=_blank href="http://www.proxmox.com">' +
 387                                 '<img height=30 width=209 src="/pve2/images/proxmox_logo.png"/></a>'
 388                         },
 389                         {
 390                             minWidth: 200,
 391                             flex: 1,
 392                             id: 'versioninfo',
 393                             html: 'Proxmox Virtual Environment'
 394                         },
 395                         {
 396                             pack: 'end',
 397                             margin: '8 10 0 10',
 398                             id: 'userinfo',
 399                             stateful: false
 400                         },
 401                         {
 402                             pack: 'end',
 403                             margin: '3 5 0 0',
 404                             xtype: 'button',
 405                             baseCls: 'x-btn',
 406                             text: gettext("Logout"),
 407                             handler: function() {
 408                                 PVE.data.ResourceStore.stopUpdate();
 409                                 me.showLogin();
 410                                 me.setContent();
 411                                 var rt = me.down('pveResourceTree');
 412                                 rt.clearTree();
 413                             }
 414                         },
 415                         createVM,
 416                         createCT
 417                     ]
 418                 },
 419                 {
 420                     region: 'center',
 421                     id: 'content',
 422                     xtype: 'container',
 423                     layout: { type: 'card' },
 424                     border: false,
 425                     stateful: false,
 426                     margin: '0 5 0 0',
 427                     items: []
 428                 },
 429                 {
 430                     region: 'west',
 431                     xtype: 'container',
 432                     border: false,
 433                     layout: { type: 'vbox', align: 'stretch' },
 434                     margin: '0 0 0 5',
 435                     split: true,
 436                     width: 200,
 437                     items: [ selview, rtree ]
 438                 },
 439                 {
 440                     xtype: 'pveStatusPanel',
 441                     region: 'south',
 442                     margin:'0 5 5 5',
 443                     height: 200,
 444                     split:true
 445                 }
 446             ]
 447         });
 448
 449         me.callParent();
 450
 451         me.updateUserInfo();
 452     }
 453 });
 454