src/node/ServiceView.js

   1 Ext.define('proxmox-services', {
   2     extend: 'Ext.data.Model',
   3     fields: ['service', 'name', 'desc', 'state', 'unit-state', 'active-state'],
   4     idProperty: 'service',
   5 });
   6
   7 Ext.define('Proxmox.node.ServiceView', {
   8     extend: 'Ext.grid.GridPanel',
   9
  10     alias: ['widget.proxmoxNodeServiceView'],
  11
  12     startOnlyServices: {},
  13
  14     restartCommand: "restart", // TODO: default to reload once everywhere supported
  15
  16     initComponent: function() {
  17         let me = this;
  18
  19         if (!me.nodename) {
  20             throw "no node name specified";
  21         }
  22
  23         let rstore = Ext.create('Proxmox.data.UpdateStore', {
  24             interval: 1000,
  25             model: 'proxmox-services',
  26             proxy: {
  27                 type: 'proxmox',
  28                 url: `/api2/json/nodes/${me.nodename}/services`,
  29             },
  30         });
  31
  32         let store = Ext.create('Proxmox.data.DiffStore', {
  33             rstore: rstore,
  34             sortAfterUpdate: true,
  35             sorters: [
  36                 {
  37                     property: 'name',
  38                     direction: 'ASC',
  39                 },
  40             ],
  41         });
  42
  43         let view_service_log = function() {
  44             let { data: { service } } = me.getSelectionModel().getSelection()[0];
  45             Ext.create('Ext.window.Window', {
  46                 title: gettext('Syslog') + ': ' + service,
  47                 modal: true,
  48                 width: 800,
  49                 height: 400,
  50                 layout: 'fit',
  51                 items: {
  52                     xtype: 'proxmoxLogView',
  53                     url: `/api2/extjs/nodes/${me.nodename}/syslog?service=${service}`,
  54                     log_select_timespan: 1,
  55                 },
  56                 autoShow: true,
  57             });
  58         };
  59
  60         let service_cmd = function(cmd) {
  61             let { data: { service } } = me.getSelectionModel().getSelection()[0];
  62             Proxmox.Utils.API2Request({
  63                 url: `/nodes/${me.nodename}/services/${service}/${cmd}`,
  64                 method: 'POST',
  65                 failure: function(response, opts) {
  66                     Ext.Msg.alert(gettext('Error'), response.htmlStatus);
  67                     me.loading = true;
  68                 },
  69                 success: function(response, opts) {
  70                     rstore.startUpdate();
  71                     Ext.create('Proxmox.window.TaskProgress', {
  72                         upid: response.result.data,
  73                         autoShow: true,
  74                     });
  75                 },
  76             });
  77         };
  78
  79         let start_btn = new Ext.Button({
  80             text: gettext('Start'),
  81             disabled: true,
  82             handler: function() {
  83                 service_cmd("start");
  84             },
  85         });
  86
  87         let stop_btn = new Ext.Button({
  88             text: gettext('Stop'),
  89             disabled: true,
  90             handler: function() {
  91                 service_cmd("stop");
  92             },
  93         });
  94
  95         let restart_btn = new Ext.Button({
  96             text: gettext('Restart'),
  97             disabled: true,
  98             handler: function() {
  99                 service_cmd(me.restartCommand || "restart");
 100             },
 101         });
 102
 103         let syslog_btn = new Ext.Button({
 104             text: gettext('Syslog'),
 105             disabled: true,
 106             handler: view_service_log,
 107         });
 108
 109         let set_button_status = function() {
 110             let sm = me.getSelectionModel();
 111             let rec = sm.getSelection()[0];
 112
 113             if (!rec) {
 114                 start_btn.disable();
 115                 stop_btn.disable();
 116                 restart_btn.disable();
 117                 syslog_btn.disable();
 118                 return;
 119             }
 120             let service = rec.data.service;
 121             let state = rec.data.state;
 122             let unit = rec.data['unit-state'];
 123
 124             syslog_btn.enable();
 125
 126             if (state === 'running') {
 127                 start_btn.disable();
 128                 restart_btn.enable();
 129             } else if (unit !== undefined && (unit === 'masked' || unit === 'unknown')) {
 130                 start_btn.disable();
 131                 restart_btn.disable();
 132             } else {
 133                 start_btn.enable();
 134                 restart_btn.disable();
 135             }
 136             if (!me.startOnlyServices[service]) {
 137                 if (state === 'running') {
 138                     stop_btn.enable();
 139                 } else {
 140                     stop_btn.disable();
 141                 }
 142             }
 143         };
 144
 145         me.mon(store, 'refresh', set_button_status);
 146
 147         Proxmox.Utils.monStoreErrors(me, rstore);
 148
 149         Ext.apply(me, {
 150             store: store,
 151             stateful: false,
 152             tbar: [start_btn, stop_btn, restart_btn, syslog_btn],
 153             columns: [
 154                 {
 155                     header: gettext('Name'),
 156                     flex: 1,
 157                     sortable: true,
 158                     dataIndex: 'name',
 159                 },
 160                 {
 161                     header: gettext('Status'),
 162                     width: 100,
 163                     sortable: true,
 164                     dataIndex: 'state',
 165                     renderer: (v, meta, rec) => rec.get('unit-state') === 'masked'
 166                             ? gettext('disabled')
 167                             : v,
 168                 },
 169                 {
 170                     header: gettext('Active'),
 171                     width: 100,
 172                     sortable: true,
 173                     hidden: true,
 174                     dataIndex: 'active-state',
 175                 },
 176                 {
 177                     header: gettext('Unit'),
 178                     width: 120,
 179                     sortable: true,
 180                     hidden: typeof PVE === 'object', // FIXME currently only PVE supports it
 181                     dataIndex: 'unit-state',
 182                 },
 183                 {
 184                     header: gettext('Description'),
 185                     renderer: Ext.String.htmlEncode,
 186                     dataIndex: 'desc',
 187                     flex: 2,
 188                 },
 189             ],
 190             listeners: {
 191                 selectionchange: set_button_status,
 192                 itemdblclick: view_service_log,
 193                 activate: rstore.startUpdate,
 194                 destroy: rstore.stopUpdate,
 195             },
 196         });
 197
 198         me.callParent();
 199     },
 200 });