proxmox-backup/www/tape/PoolConfig.js
Dominik Csapak dec3147501 ui: tape: add PoolConfig
CRUD interface to manage media pools

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2021-01-28 15:08:21 +01:00

120 lines
2.2 KiB
JavaScript

Ext.define('pbs-model-media-pool', {
extend: 'Ext.data.Model',
fields: ['drive', 'name', 'allocation', 'retention', 'template', 'encrypt'],
idProperty: 'name',
});
Ext.define('PBS.TapeManagement.PoolPanel', {
extend: 'Ext.grid.Panel',
alias: 'widget.pbsMediaPoolPanel',
controller: {
xclass: 'Ext.app.ViewController',
onAdd: function() {
let me = this;
Ext.create('PBS.TapeManagement.PoolEditWindow', {
listeners: {
destroy: function() {
me.reload();
},
},
}).show();
},
onEdit: function() {
let me = this;
let view = me.getView();
let selection = view.getSelection();
if (!selection || selection.length < 1) {
return;
}
Ext.create('PBS.TapeManagement.PoolEditWindow', {
poolid: selection[0].data.name,
autoLoad: true,
listeners: {
destroy: () => me.reload(),
},
}).show();
},
reload: function() {
this.getView().getStore().rstore.load();
},
stopStore: function() {
this.getView().getStore().rstore.stopUpdate();
},
startStore: function() {
this.getView().getStore().rstore.startUpdate();
},
},
listeners: {
beforedestroy: 'stopStore',
deactivate: 'stopStore',
activate: 'startStore',
itemdblclick: 'onEdit',
},
store: {
type: 'diff',
rstore: {
type: 'update',
storeid: 'proxmox-tape-media-pools',
model: 'pbs-model-media-pool',
proxy: {
type: 'proxmox',
url: "/api2/json/config/media-pool",
},
},
sorters: 'name',
},
tbar: [
{
text: gettext('Add'),
xtype: 'proxmoxButton',
handler: 'onAdd',
selModel: false,
},
'-',
{
text: gettext('Edit'),
xtype: 'proxmoxButton',
handler: 'onEdit',
disabled: true,
},
{
xtype: 'proxmoxStdRemoveButton',
baseurl: '/api2/extjs/config/media-pool',
callback: 'reload',
},
],
columns: [
{
text: gettext('Name'),
dataIndex: 'name',
},
{
text: gettext('Drive'),
dataIndex: 'drive',
},
{
text: gettext('Allocation'),
dataIndex: 'allocation',
},
{
text: gettext('Retention'),
dataIndex: 'retention',
},
{
text: gettext('Encryption Fingerprint'),
dataIndex: 'encryption',
},
],
});