www/config/SyncView.js

   1 Ext.define('pbs-sync-jobs-status', {
   2     extend: 'Ext.data.Model',
   3     fields: [
   4         'id', 'remote', 'remote-store', 'store', 'schedule',
   5         'next-run', 'last-run-upid', 'last-run-state', 'last-run-endtime',
   6         {
   7             name: 'duration',
   8             calculate: function(data) {
   9                 let endtime = data['last-run-endtime'];
  10                 if (!endtime) return undefined;
  11                 let task = Proxmox.Utils.parse_task_upid(data['last-run-upid']);
  12                 return endtime - task.starttime;
  13             },
  14         },
  15     ],
  16     idProperty: 'id',
  17     proxy: {
  18         type: 'proxmox',
  19         url: '/api2/json/admin/sync',
  20     },
  21 });
  22
  23 Ext.define('PBS.config.SyncJobView', {
  24     extend: 'Ext.grid.GridPanel',
  25     alias: 'widget.pbsSyncJobView',
  26
  27     stateful: true,
  28     stateId: 'grid-sync-jobs',
  29
  30     title: gettext('Sync Jobs'),
  31
  32     controller: {
  33         xclass: 'Ext.app.ViewController',
  34
  35         addSyncJob: function() {
  36             let me = this;
  37             Ext.create('PBS.window.SyncJobEdit', {
  38                 listeners: {
  39                     destroy: function() {
  40                         me.reload();
  41                     },
  42                 },
  43             }).show();
  44         },
  45
  46         editSyncJob: function() {
  47             let me = this;
  48             let view = me.getView();
  49             let selection = view.getSelection();
  50             if (selection.length < 1) return;
  51
  52             Ext.create('PBS.window.SyncJobEdit', {
  53                 id: selection[0].data.id,
  54                 listeners: {
  55                     destroy: function() {
  56                         me.reload();
  57                     },
  58                 },
  59             }).show();
  60         },
  61
  62         openTaskLog: function() {
  63             let me = this;
  64             let view = me.getView();
  65             let selection = view.getSelection();
  66             if (selection.length < 1) return;
  67
  68             let upid = selection[0].data['last-run-upid'];
  69             if (!upid) return;
  70
  71             Ext.create('Proxmox.window.TaskViewer', {
  72                 upid
  73             }).show();
  74         },
  75
  76         runSyncJob: function() {
  77             let me = this;
  78             let view = me.getView();
  79             let selection = view.getSelection();
  80             if (selection.length < 1) return;
  81
  82             let id = selection[0].data.id;
  83             Proxmox.Utils.API2Request({
  84                 method: 'POST',
  85                 url: `/admin/sync/${id}/run`,
  86                 success: function(response, opt) {
  87                     Ext.create('Proxmox.window.TaskViewer', {
  88                         upid: response.result.data,
  89                         taskDone: function(success) {
  90                             me.reload();
  91                         },
  92                     }).show();
  93                 },
  94                 failure: function(response, opt) {
  95                     Ext.Msg.alert(gettext('Error'), response.htmlStatus);
  96                 },
  97             });
  98         },
  99
 100         render_sync_status: function(value, metadata, record) {
 101             if (!record.data['last-run-upid']) {
 102                 return '-';
 103             }
 104
 105             if (!record.data['last-run-endtime']) {
 106                 metadata.tdCls = 'x-grid-row-loading';
 107                 return '';
 108             }
 109
 110             if (value === 'OK') {
 111                 return `<i class="fa fa-check good"></i> ${gettext("OK")}`;
 112             }
 113
 114             return `<i class="fa fa-times critical"></i> ${gettext("Error")}:${value}`;
 115         },
 116
 117         render_optional_timestamp: function(value) {
 118             if (!value) return '-';
 119             return Proxmox.Utils.render_timestamp(value);
 120         },
 121
 122         reload: function() { this.getView().getStore().rstore.load(); },
 123
 124         init: function(view) {
 125             Proxmox.Utils.monStoreErrors(view, view.getStore().rstore);
 126         },
 127     },
 128
 129     listeners: {
 130         activate: 'reload',
 131         itemdblclick: 'editSyncJob',
 132     },
 133
 134     store: {
 135         type: 'diff',
 136         autoDestroy: true,
 137         autoDestroyRstore: true,
 138         sorters: 'id',
 139         rstore: {
 140             type: 'update',
 141             storeid: 'pbs-sync-jobs-status',
 142             model: 'pbs-sync-jobs-status',
 143             autoStart: true,
 144             interval: 5000,
 145         },
 146     },
 147
 148     tbar: [
 149         {
 150             xtype: 'proxmoxButton',
 151             text: gettext('Add'),
 152             handler: 'addSyncJob',
 153             selModel: false,
 154         },
 155         {
 156             xtype: 'proxmoxButton',
 157             text: gettext('Edit'),
 158             handler: 'editSyncJob',
 159             disabled: true,
 160         },
 161         {
 162             xtype: 'proxmoxStdRemoveButton',
 163             baseurl: '/config/sync/',
 164             callback: 'reload',
 165         },
 166         '-',
 167         {
 168             xtype: 'proxmoxButton',
 169             text: gettext('Log'),
 170             handler: 'openTaskLog',
 171             enableFn: (rec) => !!rec.data['last-run-upid'],
 172             disabled: true,
 173         },
 174         {
 175             xtype: 'proxmoxButton',
 176             text: gettext('Run now'),
 177             handler: 'runSyncJob',
 178             disabled: true,
 179         },
 180     ],
 181
 182     viewConfig: {
 183         trackOver: false,
 184     },
 185
 186     columns: [
 187         {
 188             header: gettext('Sync Job'),
 189             width: 200,
 190             sortable: true,
 191             renderer: Ext.String.htmlEncode,
 192             dataIndex: 'id',
 193         },
 194         {
 195             header: gettext('Remote'),
 196             width: 200,
 197             sortable: true,
 198             dataIndex: 'remote',
 199         },
 200         {
 201             header: gettext('Remote Store'),
 202             width: 200,
 203             sortable: true,
 204             dataIndex: 'remote-store',
 205         },
 206         {
 207             header: gettext('Local Store'),
 208             width: 200,
 209             sortable: true,
 210             dataIndex: 'store',
 211         },
 212         {
 213             header: gettext('Schedule'),
 214             sortable: true,
 215             dataIndex: 'schedule',
 216         },
 217         {
 218             header: gettext('Status'),
 219             dataIndex: 'last-run-state',
 220             flex: 1,
 221             renderer: 'render_sync_status',
 222         },
 223         {
 224             header: gettext('Last Sync'),
 225             sortable: true,
 226             minWidth: 200,
 227             renderer: 'render_optional_timestamp',
 228             dataIndex: 'last-run-endtime',
 229         },
 230         {
 231             text: gettext('Duration'),
 232             dataIndex: 'duration',
 233             width: 60,
 234             renderer: Proxmox.Utils.render_duration,
 235         },
 236         {
 237             header: gettext('Next Run'),
 238             sortable: true,
 239             minWidth: 200,
 240             renderer: 'render_optional_timestamp',
 241             dataIndex: 'next-run',
 242         },
 243         {
 244             header: gettext('Comment'),
 245             hidden: true,
 246             sortable: true,
 247             renderer: Ext.String.htmlEncode,
 248             dataIndex: 'comment',
 249         },
 250     ],
 251 });