mirror of
git://git.proxmox.com/git/proxmox-backup.git
synced 2025-03-19 18:50:17 +03:00
af4d5607f1
since the SyncJobConfig struct now contains a 'sync-direction' property, we can omit the 'direction' property of the SyncJobStatus struct. This makes a few adaptions in the ui necessary: * use the correct field * handle 'pull' as default (since we don't necessarily get a 'sync-direction' in that case) Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
414 lines
8.9 KiB
JavaScript
414 lines
8.9 KiB
JavaScript
Ext.define('pbs-sync-jobs-status', {
|
|
extend: 'Ext.data.Model',
|
|
fields: [
|
|
'id', 'owner', 'remote', 'remote-store', 'remote-ns', 'store', 'ns',
|
|
'schedule', 'group-filter', 'next-run', 'last-run-upid', 'last-run-state',
|
|
'last-run-endtime', 'transfer-last', 'max-depth',
|
|
{
|
|
name: 'duration',
|
|
calculate: function(data) {
|
|
let endtime = data['last-run-endtime'];
|
|
if (!endtime) return undefined;
|
|
let task = Proxmox.Utils.parse_task_upid(data['last-run-upid']);
|
|
return endtime - task.starttime;
|
|
},
|
|
},
|
|
'comment',
|
|
],
|
|
idProperty: 'id',
|
|
});
|
|
|
|
Ext.define('PBS.config.SyncJobView', {
|
|
extend: 'Ext.grid.GridPanel',
|
|
alias: 'widget.pbsSyncJobView',
|
|
mixins: ['Proxmox.Mixin.CBind'],
|
|
|
|
stateful: true,
|
|
stateId: 'grid-sync-jobs-v1',
|
|
|
|
title: gettext('Sync Jobs'),
|
|
|
|
controller: {
|
|
xclass: 'Ext.app.ViewController',
|
|
|
|
search: function(tf, value) {
|
|
let me = this;
|
|
let view = me.getView();
|
|
let store = view.getStore();
|
|
if (!value && value !== 0) {
|
|
store.clearFilter();
|
|
tf.triggers.clear.setVisible(false);
|
|
return;
|
|
}
|
|
tf.triggers.clear.setVisible(true);
|
|
if (value.length < 2) return;
|
|
|
|
store.clearFilter();
|
|
|
|
let fieldsToSearch = ['sync-direction', 'id', 'remote', 'remote-store', 'owner'];
|
|
if (!view.datastore) {
|
|
fieldsToSearch.push('store');
|
|
}
|
|
value = value.toLowerCase();
|
|
|
|
|
|
store.addFilter(function(rec) {
|
|
let found = false;
|
|
for (const field of fieldsToSearch) {
|
|
let recValue = rec.data[field] ?? '';
|
|
if (recValue.toString().toLowerCase().indexOf(value) !== -1) {
|
|
found = true;
|
|
break;
|
|
}
|
|
}
|
|
return found;
|
|
});
|
|
},
|
|
|
|
addPullSyncJob: function() {
|
|
this.addSyncJob('pull');
|
|
},
|
|
|
|
addPushSyncJob: function() {
|
|
this.addSyncJob('push');
|
|
},
|
|
|
|
addSyncJob: function(syncDirection) {
|
|
let me = this;
|
|
let view = me.getView();
|
|
Ext.create('PBS.window.SyncJobEdit', {
|
|
datastore: view.datastore,
|
|
syncDirection,
|
|
listeners: {
|
|
destroy: function() {
|
|
me.reload();
|
|
},
|
|
},
|
|
}).show();
|
|
},
|
|
|
|
editSyncJob: function() {
|
|
let me = this;
|
|
let view = me.getView();
|
|
let selection = view.getSelection();
|
|
if (selection.length < 1) return;
|
|
|
|
Ext.create('PBS.window.SyncJobEdit', {
|
|
datastore: view.datastore,
|
|
id: selection[0].data.id,
|
|
syncDirection: selection[0].data['sync-direction'],
|
|
listeners: {
|
|
destroy: function() {
|
|
me.reload();
|
|
},
|
|
},
|
|
}).show();
|
|
},
|
|
|
|
openTaskLog: function() {
|
|
let me = this;
|
|
let view = me.getView();
|
|
let selection = view.getSelection();
|
|
if (selection.length < 1) return;
|
|
|
|
let upid = selection[0].data['last-run-upid'];
|
|
if (!upid) return;
|
|
|
|
Ext.create('Proxmox.window.TaskViewer', {
|
|
upid,
|
|
}).show();
|
|
},
|
|
|
|
runSyncJob: function() {
|
|
let me = this;
|
|
let view = me.getView();
|
|
let selection = view.getSelection();
|
|
if (selection.length < 1) return;
|
|
|
|
let id = selection[0].data.id;
|
|
Proxmox.Utils.API2Request({
|
|
method: 'POST',
|
|
url: `/admin/sync/${id}/run`,
|
|
success: function(response, opt) {
|
|
Ext.create('Proxmox.window.TaskViewer', {
|
|
upid: response.result.data,
|
|
taskDone: function(success) {
|
|
me.reload();
|
|
},
|
|
}).show();
|
|
},
|
|
failure: function(response, opt) {
|
|
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
|
},
|
|
});
|
|
},
|
|
|
|
render_optional_owner: function(value, metadata, record) {
|
|
if (!value) return '-';
|
|
return Ext.String.htmlEncode(value);
|
|
},
|
|
|
|
startStore: function() { this.getView().getStore().rstore.startUpdate(); },
|
|
stopStore: function() { this.getView().getStore().rstore.stopUpdate(); },
|
|
|
|
reload: function() { this.getView().getStore().rstore.load(); },
|
|
|
|
init: function(view) {
|
|
let params = {};
|
|
if (view.datastore !== undefined) {
|
|
params.store = view.datastore;
|
|
}
|
|
params['sync-direction'] = 'all';
|
|
view.getStore().rstore.getProxy().setExtraParams(params);
|
|
Proxmox.Utils.monStoreErrors(view, view.getStore().rstore);
|
|
},
|
|
},
|
|
|
|
listeners: {
|
|
activate: 'startStore',
|
|
deactivate: 'stopStore',
|
|
itemdblclick: 'editSyncJob',
|
|
},
|
|
|
|
store: {
|
|
type: 'diff',
|
|
autoDestroy: true,
|
|
autoDestroyRstore: true,
|
|
sorters: ['store', 'sync-direction', 'id'],
|
|
rstore: {
|
|
type: 'update',
|
|
storeid: 'pbs-sync-jobs-status',
|
|
model: 'pbs-sync-jobs-status',
|
|
interval: 5000,
|
|
proxy: {
|
|
type: 'proxmox',
|
|
url: '/api2/json/admin/sync',
|
|
},
|
|
},
|
|
},
|
|
|
|
tbar: [
|
|
{
|
|
text: gettext('Add'),
|
|
menu: [
|
|
{
|
|
text: gettext('Add Pull Sync Job'),
|
|
iconCls: "fa fa-fw fa-download",
|
|
handler: 'addPullSyncJob',
|
|
selModel: false,
|
|
},
|
|
{
|
|
text: gettext('Add Push Sync Job'),
|
|
iconCls: "fa fa-fw fa-upload",
|
|
handler: 'addPushSyncJob',
|
|
selModel: false,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
xtype: 'proxmoxButton',
|
|
text: gettext('Edit'),
|
|
handler: 'editSyncJob',
|
|
disabled: true,
|
|
},
|
|
{
|
|
xtype: 'proxmoxStdRemoveButton',
|
|
baseurl: '/config/sync/',
|
|
confirmMsg: gettext('Remove entry?'),
|
|
callback: 'reload',
|
|
},
|
|
'-',
|
|
{
|
|
xtype: 'proxmoxButton',
|
|
text: gettext('Show Log'),
|
|
handler: 'openTaskLog',
|
|
enableFn: (rec) => !!rec.data['last-run-upid'],
|
|
disabled: true,
|
|
},
|
|
{
|
|
xtype: 'proxmoxButton',
|
|
text: gettext('Run now'),
|
|
handler: 'runSyncJob',
|
|
disabled: true,
|
|
},
|
|
'->',
|
|
{
|
|
xtype: 'tbtext',
|
|
html: gettext('Search'),
|
|
},
|
|
{
|
|
xtype: 'textfield',
|
|
reference: 'searchbox',
|
|
emptyText: gettext('(remote) store, remote, id, owner, direction'),
|
|
minWidth: 300,
|
|
triggers: {
|
|
clear: {
|
|
cls: 'pmx-clear-trigger',
|
|
weight: -1,
|
|
hidden: true,
|
|
handler: function() {
|
|
this.triggers.clear.setVisible(false);
|
|
this.setValue('');
|
|
},
|
|
},
|
|
},
|
|
listeners: {
|
|
change: {
|
|
fn: 'search',
|
|
buffer: 500,
|
|
},
|
|
},
|
|
},
|
|
],
|
|
|
|
viewConfig: {
|
|
trackOver: false,
|
|
},
|
|
|
|
columns: [
|
|
{
|
|
header: gettext('Job ID'),
|
|
dataIndex: 'id',
|
|
renderer: Ext.String.htmlEncode,
|
|
maxWidth: 220,
|
|
minWidth: 75,
|
|
flex: 1,
|
|
sortable: true,
|
|
},
|
|
{
|
|
header: gettext('Direction'),
|
|
dataIndex: 'sync-direction',
|
|
renderer: function(value) {
|
|
let iconCls, text;
|
|
if (value === 'push') {
|
|
iconCls = 'upload';
|
|
text = gettext('Push');
|
|
} else {
|
|
iconCls = 'download';
|
|
text = gettext('Pull');
|
|
}
|
|
return `<i class="fa fa-fw fa-${iconCls}"></i> ${text}`;
|
|
},
|
|
width: 100,
|
|
sortable: true,
|
|
},
|
|
{
|
|
header: gettext('Local Store'),
|
|
dataIndex: 'store',
|
|
width: 120,
|
|
sortable: true,
|
|
},
|
|
{
|
|
header: gettext('Namespace'),
|
|
dataIndex: 'ns',
|
|
width: 120,
|
|
sortable: true,
|
|
renderer: PBS.Utils.render_optional_namespace,
|
|
},
|
|
{
|
|
header: gettext('Remote ID'),
|
|
dataIndex: 'remote',
|
|
width: 120,
|
|
sortable: true,
|
|
renderer: PBS.Utils.render_optional_remote,
|
|
},
|
|
{
|
|
header: gettext('Remote Store'),
|
|
dataIndex: 'remote-store',
|
|
width: 120,
|
|
sortable: true,
|
|
},
|
|
{
|
|
header: gettext('Remote Namespace'),
|
|
dataIndex: 'remote-ns',
|
|
width: 120,
|
|
sortable: true,
|
|
renderer: PBS.Utils.render_optional_namespace,
|
|
},
|
|
{
|
|
header: gettext('Max. Depth'),
|
|
dataIndex: 'max-depth',
|
|
width: 100,
|
|
sortable: true,
|
|
},
|
|
{
|
|
header: `${gettext('Local Owner/User')} <i class="fa fa-question-circle" data-qtip="
|
|
${gettext("Pull: The local owner.")}<br>
|
|
${gettext("Push: The local user used for access control.")}
|
|
"></i>`,
|
|
dataIndex: 'owner',
|
|
renderer: 'render_optional_owner',
|
|
flex: 2,
|
|
sortable: true,
|
|
},
|
|
{
|
|
header: gettext('Backup Groups'),
|
|
dataIndex: 'group-filter',
|
|
renderer: v => v ? Ext.String.htmlEncode(v) : gettext('All'),
|
|
width: 80,
|
|
},
|
|
{
|
|
header: gettext('Transfer Last'),
|
|
dataIndex: 'transfer-last',
|
|
flex: 1,
|
|
sortable: true,
|
|
hidden: true,
|
|
},
|
|
{
|
|
header: gettext('Schedule'),
|
|
dataIndex: 'schedule',
|
|
maxWidth: 220,
|
|
minWidth: 80,
|
|
flex: 1,
|
|
sortable: true,
|
|
},
|
|
{
|
|
header: gettext('Last Sync'),
|
|
dataIndex: 'last-run-endtime',
|
|
renderer: PBS.Utils.render_optional_timestamp,
|
|
width: 150,
|
|
sortable: true,
|
|
},
|
|
{
|
|
text: gettext('Duration'),
|
|
dataIndex: 'duration',
|
|
renderer: Proxmox.Utils.render_duration,
|
|
width: 80,
|
|
},
|
|
{
|
|
header: gettext('Status'),
|
|
dataIndex: 'last-run-state',
|
|
renderer: PBS.Utils.render_task_status,
|
|
flex: 3,
|
|
},
|
|
{
|
|
header: gettext('Next Run'),
|
|
dataIndex: 'next-run',
|
|
renderer: PBS.Utils.render_next_task_run,
|
|
width: 150,
|
|
sortable: true,
|
|
},
|
|
{
|
|
header: gettext('Comment'),
|
|
dataIndex: 'comment',
|
|
renderer: Ext.String.htmlEncode,
|
|
flex: 2,
|
|
sortable: true,
|
|
},
|
|
],
|
|
|
|
initComponent: function() {
|
|
let me = this;
|
|
let hideLocalDatastore = !!me.datastore;
|
|
|
|
for (let column of me.columns) {
|
|
if (column.dataIndex === 'store') {
|
|
column.hidden = hideLocalDatastore;
|
|
break;
|
|
}
|
|
}
|
|
|
|
me.callParent();
|
|
},
|
|
});
|