tsarevvv/proxmox-backup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: tape/ChangerStatus: convert grid stores to DiffStores

Browse Source 
to not deselect items when the store is updated

this makes the ui a bit better to use

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak 2021-02-22 14:25:36 +01:00 committed by Dietmar Maurer
parent 076afa6197
commit a83cedc2ac
1 changed files with 39 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
www/tape/ChangerStatus.js
View File

@ -1,3 +1,16 @@
Ext.define('pbs-slot-model', {
extend: 'Ext.data.Model',
fields: ['entry-id', 'label-text', 'is-labeled', ' model', 'name', 'vendor', 'serial', 'state',
{
name: 'is-blocked',
calculate: function(data) {
return data.state !== undefined;
},
},
],
idProperty: 'entry-id',
});
Ext.define('PBS.TapeManagement.ChangerStatus', { Ext.define('PBS.TapeManagement.ChangerStatus', {
extend: 'Ext.panel.Panel', extend: 'Ext.panel.Panel',
alias: 'widget.pbsChangerStatus', alias: 'widget.pbsChangerStatus',
@ -500,10 +513,18 @@ Ext.define('PBS.TapeManagement.ChangerStatus', {
data[type].push(entry); data[type].push(entry);
} }
// the stores are diffstores and are only refreshed
// on a 'load' event, which does not trigger on 'setData'
// so we have to fire them ourselves
me.lookup('slots').getStore().setData(data.slot); me.lookup('slots').getStore().rstore.setData(data.slot);
me.lookup('import_export').getStore().setData(data['import-export']); me.lookup('slots').getStore().rstore.fireEvent('load', me, [], true);
me.lookup('drives').getStore().setData(data.drive);
me.lookup('import_export').getStore().rstore.setData(data['import-export']);
me.lookup('import_export').getStore().rstore.fireEvent('load', me, [], true);
me.lookup('drives').getStore().rstore.setData(data.drive);
me.lookup('drives').getStore().rstore.fireEvent('load', me, [], true);
if (!use_cache) { if (!use_cache) {
Proxmox.Utils.setErrorMask(view); Proxmox.Utils.setErrorMask(view);
@ -638,6 +659,11 @@ Ext.define('PBS.TapeManagement.ChangerStatus', {
padding: 5, padding: 5,
flex: 1, flex: 1,
store: { store: {
type: 'diff',
rstore: {
type: 'store',
model: 'pbs-slot-model',
},
data: [], data: [],
}, },
columns: [ columns: [
@ -697,7 +723,11 @@ Ext.define('PBS.TapeManagement.ChangerStatus', {
reference: 'drives', reference: 'drives',
title: gettext('Drives'), title: gettext('Drives'),
store: { store: {
fields: ['entry-id', 'label-text', 'model', 'name', 'vendor', 'serial'], type: 'diff',
rstore: {
type: 'store',
model: 'pbs-slot-model',
},
data: [], data: [],
}, },
columns: [ columns: [
@ -803,6 +833,11 @@ Ext.define('PBS.TapeManagement.ChangerStatus', {
xtype: 'grid', xtype: 'grid',
reference: 'import_export', reference: 'import_export',
store: { store: {
type: 'diff',
rstore: {
type: 'store',
model: 'pbs-slot-model',
},
data: [], data: [],
}, },
title: gettext('Import-Export Slots'), title: gettext('Import-Export Slots'),