proxmox-backup/www/tape/DriveConfig.js

171 lines
3.2 KiB
JavaScript

Ext.define('pbs-model-drives', {
extend: 'Ext.data.Model',
fields: [
'path', 'model', 'name', 'serial', 'vendor',
{ name: 'changer', defaultValue: '' },
{
name: 'changer-drivenum',
defaultValue: 0,
},
'changer-slot',
],
idProperty: 'name',
});
Ext.define('PBS.TapeManagement.DrivePanel', {
extend: 'Ext.grid.Panel',
alias: 'widget.pbsTapeDrivePanel',
controller: {
xclass: 'Ext.app.ViewController',
onAdd: function() {
let me = this;
Ext.create('PBS.TapeManagement.DriveEditWindow', {
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.DriveEditWindow', {
driveid: selection[0].data.name,
autoLoad: true,
listeners: {
destroy: () => me.reload(),
},
}).show();
},
status: function(view, rI, cI, button, el, record) {
let me = this;
let drive = record.data.name;
PBS.Utils.driveCommand(drive, 'status', {
waitMsgTarget: me.getView(),
success: PBS.Utils.showDriveStatusWindow,
});
},
reload: function() {
this.getView().getStore().rstore.load();
},
stopStore: function() {
this.getView().getStore().rstore.stopUpdate();
},
startStore: function() {
this.getView().getStore().rstore.startUpdate();
},
init: function(view) {
Proxmox.Utils.monStoreErrors(view, view.getStore().rstore);
},
},
listeners: {
beforedestroy: 'stopStore',
deactivate: 'stopStore',
activate: 'startStore',
itemdblclick: 'onEdit',
},
store: {
type: 'diff',
rstore: {
type: 'update',
storeid: 'proxmox-tape-drives',
model: 'pbs-model-drives',
proxy: {
type: 'proxmox',
url: "/api2/json/tape/drive",
},
},
sorters: 'name',
groupField: 'changer',
},
features: [
{
ftype: 'grouping',
groupHeaderTpl: [
'{name:this.formatName} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})',
{
formatName: function(changer) {
if (changer === "") {
return "Standalone Drives";
} else {
return `Changer ${changer}`;
}
},
},
],
},
],
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/drive',
callback: 'reload',
},
],
columns: [
{
text: gettext('Name'),
dataIndex: 'name',
flex: 1,
},
{
text: gettext('Path'),
dataIndex: 'path',
flex: 2,
},
{
text: gettext('Vendor'),
dataIndex: 'vendor',
flex: 1,
},
{
text: gettext('Model'),
dataIndex: 'model',
flex: 1,
},
{
text: gettext('Serial'),
dataIndex: 'serial',
flex: 1,
},
{
text: gettext('Drive Number'),
dataIndex: 'changer-drivenum',
renderer: function(value, mD, record) {
return record.data.changer ? value : '';
},
},
],
});