+Ext.define('pbs-datastore-list', {
+ extend: 'Ext.data.Model',
+ fields: ['name', 'comment'],
+ proxy: {
+ type: 'proxmox',
+ url: "/api2/json/admin/datastore",
+ },
+ idProperty: 'store',
+});
+
Ext.define('PBS.store.NavigationStore', {
extend: 'Ext.data.TreeStore',
text: gettext('Dashboard'),
iconCls: 'fa fa-tachometer',
path: 'pbsDashboard',
- leaf: true
+ leaf: true,
},
{
text: gettext('Configuration'),
expanded: true,
children: [
{
- text: gettext('Data Store'),
- iconCls: 'fa fa-archive',
- path: 'pbsDataStoreConfig',
- leaf: true
+ text: gettext('User Management'),
+ iconCls: 'fa fa-user',
+ path: 'pbsUserView',
+ leaf: true,
+ },
+ {
+ text: gettext('Permissions'),
+ iconCls: 'fa fa-unlock',
+ path: 'pbsACLView',
+ leaf: true,
+ },
+ {
+ text: gettext('Remotes'),
+ iconCls: 'fa fa-server',
+ path: 'pbsRemoteView',
+ leaf: true,
},
{
text: gettext('Subscription'),
iconCls: 'fa fa-support',
path: 'pbsSubscription',
- leaf: true
- }
- ]
+ leaf: true,
+ },
+ ],
},
{
text: gettext('Administration'),
iconCls: 'fa fa-wrench',
path: 'pbsServerAdministration',
- leaf: true
- }
- ]
- }
+ expanded: true,
+ leaf: false,
+ children: [
+ {
+ text: gettext('Disks'),
+ iconCls: 'fa fa-hdd-o',
+ path: 'pmxDiskList',
+ leaf: false,
+ children: [
+ {
+ text: Proxmox.Utils.directoryText,
+ iconCls: 'fa fa-folder',
+ path: 'pbsDirectoryList',
+ leaf: true,
+ },
+ {
+ text: "ZFS",
+ iconCls: 'fa fa-th-large',
+ path: 'pbsZFSList',
+ leaf: true,
+ },
+ ],
+ },
+ ],
+ },
+ {
+ text: gettext('Datastore'),
+ iconCls: 'fa fa-archive',
+ id: 'datastores',
+ expanded: true,
+ expandable: false,
+ leaf: false,
+ children: [
+ {
+ text: gettext('Add Datastore'),
+ iconCls: 'fa fa-plus-circle',
+ leaf: true,
+ id: 'addbutton',
+ },
+ ],
+ },
+ ],
+ },
});
Ext.define('PBS.view.main.NavigationTree', {
xclass: 'Ext.app.ViewController',
init: function(view) {
-
view.rstore = Ext.create('Proxmox.data.UpdateStore', {
autoStart: true,
interval: 15 * 1000,
+ storeId: 'pbs-datastore-list',
storeid: 'pbs-datastore-list',
- model: 'pbs-data-store-config'
+ model: 'pbs-datastore-list',
});
view.rstore.on('load', this.onLoad, this);
},
onLoad: function(store, records, success) {
+ if (!success) return;
var view = this.getView();
let root = view.getStore().getRoot();
- if (!root.findChild('path', 'pbsDataStoreList', false)) {
- root.appendChild({
- text: gettext('Data Store'),
- expanded: true,
- iconCls: 'fa fa-archive',
- path: 'pbsDataStoreList',
- leaf: false
- });
- }
+ records.sort((a, b) => a.id.localeCompare(b.id));
- var list = root.findChild('path', 'pbsDataStoreList', false);
+ var list = root.findChild('id', 'datastores', false);
var length = records.length;
var lookup_hash = {};
- for (var i = 0; i < length; i++) {
- var name = records[i].id;
+ let j = 0;
+ for (let i = 0; i < length; i++) {
+ let name = records[i].id;
lookup_hash[name] = true;
- if (!list.findChild('text', name, false)) {
- list.appendChild({
+
+ while (name.localeCompare(list.getChildAt(j).data.text) > 0 &&
+ (j + 1) < list.childNodes.length) {
+ j++;
+ }
+
+ if (list.getChildAt(j).data.text.localeCompare(name) !== 0) {
+ list.insertChild(j, {
text: name,
- path: 'pbsDataStoreContent:' + name,
+ path: `DataStore-${name}`,
iconCls: 'fa fa-database',
- leaf: true
+ leaf: true,
});
}
}
var erase_list = [];
list.eachChild(function(node) {
- var name = node.data.text;
- if (!lookup_hash[name]) {
+ let name = node.data.text;
+ if (!lookup_hash[name] && node.data.id !== 'addbutton') {
erase_list.push(node);
}
});
- Ext.Array.forEach(erase_list, function(node) { node.erase(); });
+ Ext.Array.forEach(erase_list, function(node) { list.removeChild(node, true); });
- }
+ if (view.pathToSelect !== undefined) {
+ let path = view.pathToSelect;
+ delete view.pathToSelect;
+ view.select(path, true);
+ }
+ },
},
- select: function(path) {
+ listeners: {
+ itemclick: function(tl, info) {
+ if (info.node.data.id === 'datastores') {
+ return false;
+ }
+ if (info.node.data.id === 'addbutton') {
+ let me = this;
+ Ext.create('PBS.DataStoreEdit', {
+ listeners: {
+ destroy: function() {
+ me.rstore.reload();
+ },
+ },
+ }).show();
+ return false;
+ }
+ return true;
+ },
+ },
+
+ select: function(path, silent) {
var me = this;
- var item = me.getStore().findRecord('path', path, 0, false, true, true);
- me.setSelection(item);
+ if (me.rstore.isLoaded()) {
+ if (silent) {
+ me.suspendEvents(false);
+ }
+ var item = me.getStore().findRecord('path', path, 0, false, true, true);
+ me.setSelection(item);
+ if (silent) {
+ me.resumeEvents(true);
+ }
+ } else {
+ me.pathToSelect = path;
+ }
},
animation: false,
expanderOnly: true,
expanderFirst: false,
store: 'NavigationStore',
- ui: 'nav'
+ ui: 'nav',
});