[pbs-devel] [PATCH proxmox-backup 3/5] ui: NavigationTree: add entries for changers/drives
Dominik Csapak
d.csapak at proxmox.com
Mon Mar 1 12:22:41 CET 2021
and only check TapeManagement once in the init function
we now have 2 updatestores that update individually
(one for datastores, one for drives/changers)
Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
www/NavigationTree.js | 103 ++++++++++++++++++++++++++++++++++++------
1 file changed, 89 insertions(+), 14 deletions(-)
diff --git a/www/NavigationTree.js b/www/NavigationTree.js
index e37447ce..8f9b366c 100644
--- a/www/NavigationTree.js
+++ b/www/NavigationTree.js
@@ -8,6 +8,16 @@ Ext.define('pbs-datastore-list', {
idProperty: 'store',
});
+Ext.define('pbs-tape-drive-list', {
+ extend: 'Ext.data.Model',
+ fields: ['name', 'changer'],
+ proxy: {
+ type: 'proxmox',
+ url: "/api2/json/tape/drive",
+ },
+ idProperty: 'name',
+});
+
Ext.define('PBS.store.NavigationStore', {
extend: 'Ext.data.TreeStore',
@@ -101,34 +111,99 @@ Ext.define('PBS.view.main.NavigationTree', {
view.rstore = Ext.create('Proxmox.data.UpdateStore', {
autoStart: true,
interval: 15 * 1000,
- storeId: 'pbs-datastore-list',
storeid: 'pbs-datastore-list',
model: 'pbs-datastore-list',
});
view.rstore.on('load', this.onLoad, this);
view.on('destroy', view.rstore.stopUpdate);
+
+ if (PBS.TapeManagement !== undefined) {
+ view.tapestore = Ext.create('Proxmox.data.UpdateStore', {
+ autoStart: true,
+ interval: 2 * 1000,
+ storeid: 'pbs-tape-drive-list',
+ model: 'pbs-tape-drive-list',
+ });
+
+ let root = view.getStore().getRoot();
+ root.insertChild(3, {
+ text: "Tape Backup",
+ iconCls: 'pbs-icon-tape',
+ id: 'tape_management',
+ path: 'pbsTapeManagement',
+ expanded: true,
+ children: [],
+ });
+
+ view.tapestore.on('load', this.onTapeDriveLoad, this);
+ view.on('destroy', view.tapestore.stopUpdate);
+ }
},
- onLoad: function(store, records, success) {
+ onTapeDriveLoad: function(store, records, success) {
if (!success) return;
- var view = this.getView();
+ let view = this.getView();
let root = view.getStore().getRoot();
- if (PBS.TapeManagement !== undefined) {
- if (!root.findChild('id', 'tape_management', false)) {
- root.insertChild(3, {
- text: "Tape Backup",
- iconCls: 'pbs-icon-tape',
- id: 'tape_management',
- path: 'pbsTapeManagement',
- expanded: true,
- children: [],
- });
+ records.sort((a, b) => a.data.name.localeCompare(b.data.name));
+ let list = root.findChild('id', 'tape_management', false);
+ let newSet = {};
+
+ for (const drive of records) {
+ let path, text, iconCls;
+ if (drive.data.changer !== undefined) {
+ text = drive.data.changer;
+ path = `Changer-${text}`;
+ iconCls = 'fa fa-circle';
+ } else {
+ text = drive.data.name;
+ path = `Drive-${text}`;
+ iconCls = 'fa fa-square';
+ }
+ newSet[path] = {
+ text,
+ path,
+ iconCls,
+ leaf: true,
+ };
+ }
+
+ let paths = Object.keys(newSet).sort();
+
+ let oldIdx = 0;
+ for (let newIdx = 0; newIdx < paths.length; newIdx++) {
+ let newPath = paths[newIdx];
+ // find index to insert
+ while (oldIdx < list.childNodes.length && newPath > list.getChildAt(oldIdx).data.path) {
+ oldIdx++;
+ }
+
+ if (oldIdx >= list.childNodes.length || list.getChildAt(oldIdx).data.path !== newPath) {
+ list.insertChild(oldIdx, newSet[newPath]);
}
}
+ list.eachChild((child) => {
+ if (!newSet[child.data.path]) {
+ list.removeChild(child, true);
+ }
+ });
+
+ if (view.pathToSelect !== undefined) {
+ let path = view.pathToSelect;
+ delete view.pathToSelect;
+ view.select(path, true);
+ }
+ },
+
+ onLoad: function(store, records, success) {
+ if (!success) return;
+ var view = this.getView();
+
+ let root = view.getStore().getRoot();
+
records.sort((a, b) => a.id.localeCompare(b.id));
var list = root.findChild('id', 'datastores', false);
@@ -191,7 +266,7 @@ Ext.define('PBS.view.main.NavigationTree', {
select: function(path, silent) {
var me = this;
- if (me.rstore.isLoaded()) {
+ if (me.rstore.isLoaded() && (!PBS.TapeManagement || me.tapestore.isLoaded())) {
if (silent) {
me.suspendEvents(false);
}
--
2.20.1
More information about the pbs-devel
mailing list