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_next_run: function(value, metadat, record) {
 118             if (!value) return '-';
 119
 120             let now = new Date();
 121             let next = new Date(value*1000);
 122
 123             if (next < now) {
 124                 return gettext('pending');
 125             }
 126             return Proxmox.Utils.render_timestamp(value);
 127         },
 128
 129         render_optional_timestamp: function(value, metadata, record) {
 130             if (!value) return '-';
 131             return Proxmox.Utils.render_timestamp(value);
 132         },
 133
 134         reload: function() { this.getView().getStore().rstore.load(); },
 135
 136         init: function(view) {
 137             Proxmox.Utils.monStoreErrors(view, view.getStore().rstore);
 138         },
 139     },
 140
 141     listeners: {
 142         activate: 'reload',
 143         itemdblclick: 'editSyncJob',
 144     },
 145
 146     store: {
 147         type: 'diff',
 148         autoDestroy: true,
 149         autoDestroyRstore: true,
 150         sorters: 'id',
 151         rstore: {
 152             type: 'update',
 153             storeid: 'pbs-sync-jobs-status',
 154             model: 'pbs-sync-jobs-status',
 155             autoStart: true,
 156             interval: 5000,
 157         },
 158     },
 159
 160     tbar: [
 161         {
 162             xtype: 'proxmoxButton',
 163             text: gettext('Add'),
 164             handler: 'addSyncJob',
 165             selModel: false,
 166         },
 167         {
 168             xtype: 'proxmoxButton',
 169             text: gettext('Edit'),
 170             handler: 'editSyncJob',
 171             disabled: true,
 172         },
 173         {
 174             xtype: 'proxmoxStdRemoveButton',
 175             baseurl: '/config/sync/',
 176             callback: 'reload',
 177         },
 178         '-',
 179         {
 180             xtype: 'proxmoxButton',
 181             text: gettext('Log'),
 182             handler: 'openTaskLog',
 183             enableFn: (rec) => !!rec.data['last-run-upid'],
 184             disabled: true,
 185         },
 186         {
 187             xtype: 'proxmoxButton',
 188             text: gettext('Run now'),
 189             handler: 'runSyncJob',
 190             disabled: true,
 191         },
 192     ],
 193
 194     viewConfig: {
 195         trackOver: false,
 196     },
 197
 198     columns: [
 199         {
 200             header: gettext('Sync Job'),
 201             width: 200,
 202             sortable: true,
 203             renderer: Ext.String.htmlEncode,
 204             dataIndex: 'id',
 205         },
 206         {
 207             header: gettext('Remote'),
 208             width: 200,
 209             sortable: true,
 210             dataIndex: 'remote',
 211         },
 212         {
 213             header: gettext('Remote Store'),
 214             width: 200,
 215             sortable: true,
 216             dataIndex: 'remote-store',
 217         },
 218         {
 219             header: gettext('Local Store'),
 220             width: 200,
 221             sortable: true,
 222             dataIndex: 'store',
 223         },
 224         {
 225             header: gettext('Schedule'),
 226             sortable: true,
 227             dataIndex: 'schedule',
 228         },
 229         {
 230             header: gettext('Status'),
 231             dataIndex: 'last-run-state',
 232             flex: 1,
 233             renderer: 'render_sync_status',
 234         },
 235         {
 236             header: gettext('Last Sync'),
 237             sortable: true,
 238             minWidth: 200,
 239             renderer: 'render_optional_timestamp',
 240             dataIndex: 'last-run-endtime',
 241         },
 242         {
 243             text: gettext('Duration'),
 244             dataIndex: 'duration',
 245             width: 60,
 246             renderer: Proxmox.Utils.render_duration,
 247         },
 248         {
 249             header: gettext('Next Run'),
 250             sortable: true,
 251             minWidth: 200,
 252             renderer: 'render_next_run',
 253             dataIndex: 'next-run',
 254         },
 255         {
 256             header: gettext('Comment'),
 257             hidden: true,
 258             sortable: true,
 259             renderer: Ext.String.htmlEncode,
 260             dataIndex: 'comment',
 261         },
 262     ],
 263 });