tyler/proxmox-backup
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ui: DataStoreContent: keep selection and expansion on reload

Browse Source 
when clicking reload, we keep the existing selection
(if it still exists), and the previous expanded elements expanded

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak 2020-07-23 13:03:51 +02:00 committed by Dietmar Maurer
parent 6d55603dcc
commit 69d970a658
1 changed files with 41 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
www/DataStoreContent.js
View File

@ -141,6 +141,30 @@ Ext.define('PBS.DataStoreContent', {
let groups = this.getRecordGroups(records); let groups = this.getRecordGroups(records);
let selected;
let expanded = {};
view.getSelection().some(function(item) {
let id = item.data.text;
if (item.data.leaf) {
id = item.parentNode.data.text + id;
}
selected = id;
return true;
});
view.getRootNode().cascadeBy({
before: item => {
if (item.isExpanded() && !item.data.leaf) {
let id = item.data.text;
expanded[id] = true;
return true;
}
return false;
},
after: () => {},
});
for (const item of records) { for (const item of records) {
let group = item.data["backup-type"] + "/" + item.data["backup-id"]; let group = item.data["backup-type"] + "/" + item.data["backup-id"];
let children = groups[group].children; let children = groups[group].children;
@ -152,6 +176,8 @@ Ext.define('PBS.DataStoreContent', {
data.cls = 'no-leaf-icons'; data.cls = 'no-leaf-icons';
data.matchesFilter = true; data.matchesFilter = true;
data.expanded = !!expanded[data.text];
data.children = []; data.children = [];
for (const file of data.files) { for (const file of data.files) {
file.text = file.filename, file.text = file.filename,
@ -166,7 +192,7 @@ Ext.define('PBS.DataStoreContent', {
} }
let children = []; let children = [];
for (const [_key, group] of Object.entries(groups)) { for (const [name, group] of Object.entries(groups)) {
let last_backup = 0; let last_backup = 0;
let crypt = { let crypt = {
none: 0, none: 0,
@ -189,6 +215,7 @@ Ext.define('PBS.DataStoreContent', {
group.matchesFilter = true; group.matchesFilter = true;
crypt.count = group.count; crypt.count = group.count;
group['crypt-mode'] = PBS.Utils.calculateCryptMode(crypt); group['crypt-mode'] = PBS.Utils.calculateCryptMode(crypt);
group.expanded = !!expanded[name];
children.push(group); children.push(group);
} }
@ -196,6 +223,19 @@ Ext.define('PBS.DataStoreContent', {
expanded: true, expanded: true,
children: children children: children
}); });
if (selected !== undefined) {
let selection = view.getRootNode().findChildBy(function(item) {
let id = item.data.text;
if (item.data.leaf) {
id = item.parentNode.data.text + id;
}
return selected === id;
}, undefined, true);
view.setSelection(selection);
view.getView().focusRow(selection);
}
Proxmox.Utils.setErrorMask(view, false); Proxmox.Utils.setErrorMask(view, false);
if (view.getStore().getFilters().length > 0) { if (view.getStore().getFilters().length > 0) {
let searchBox = me.lookup("searchbox"); let searchBox = me.lookup("searchbox");