From bb044304aafdbbf0e4e0c819904ca06c1a91848b Mon Sep 17 00:00:00 2001 From: Thomas Lamprecht Date: Tue, 4 Oct 2022 16:32:18 +0200 Subject: [PATCH] prune sim: move PruneList to more static declaration Signed-off-by: Thomas Lamprecht --- .../prune-simulator/prune-simulator_source.js | 101 +++++++++--------- 1 file changed, 49 insertions(+), 52 deletions(-) diff --git a/docs/prune-simulator/prune-simulator_source.js b/docs/prune-simulator/prune-simulator_source.js index fe0ea22b..0a56d844 100644 --- a/docs/prune-simulator/prune-simulator_source.js +++ b/docs/prune-simulator/prune-simulator_source.js @@ -109,63 +109,61 @@ Ext.onReady(function() { extend: 'Ext.panel.Panel', alias: 'widget.prunesimulatorPruneList', + viewModel: {}, + + items: [{ + xtype: 'grid', + bind: { + store: '{store}', + }, + border: false, + columns: [ + { + header: 'Backup Time', + dataIndex: 'backuptime', + renderer: function(value, metaData, { data }) { + let text = Ext.Date.format(value, 'Y-m-d H:i:s'); + if (data.mark !== 'keep') { + return `
${text}
`; + } + if (me.useColors) { + let bgColor = COLORS[data.keepName]; + let textColor = TEXT_COLORS[data.keepName]; + return `
${text}
`; + } else { + return text; + } + }, + flex: 1, + sortable: false, + }, + { + header: 'Keep (reason)', + dataIndex: 'mark', + renderer: function(value, metaData, { data }) { + if (data.mark !== 'keep') { + return value; + } + if (data.keepCount) { + return `keep (${data.keepName}: ${data.keepCount})`; + } else { + return `keep (${data.keepName})`; + } + }, + width: 200, + sortable: false, + }, + ], + }], + initComponent: function() { let me = this; if (!me.store) { throw "no store specified"; } - - me.items = [ - { - xtype: 'grid', - store: me.store, - border: false, - columns: [ - { - header: 'Backup Time', - dataIndex: 'backuptime', - renderer: function(value, metaData, record) { - let text = Ext.Date.format(value, 'Y-m-d H:i:s'); - if (record.data.mark === 'keep') { - if (me.useColors) { - let bgColor = COLORS[record.data.keepName]; - let textColor = TEXT_COLORS[record.data.keepName]; - return '
' + text + '
'; - } else { - return text; - } - } else { - return '
' + text + '
'; - } - }, - flex: 1, - sortable: false, - }, - { - header: 'Keep (reason)', - dataIndex: 'mark', - renderer: function(value, metaData, record) { - if (record.data.mark === 'keep') { - if (record.data.keepCount) { - return 'keep (' + record.data.keepName + - ': ' + record.data.keepCount + ')'; - } else { - return 'keep (' + record.data.keepName + ')'; - } - } else { - return value; - } - }, - width: 200, - sortable: false, - }, - ], - }, - ]; - me.callParent(); + me.getViewModel().set('store', me.store); }, }); @@ -222,8 +220,7 @@ Ext.onReady(function() { if (me.useColors) { let bgColor = COLORS[backup.data.keepName]; let textColor = TEXT_COLORS[backup.data.keepName]; - html += `${text}`; + html += `${text}`; } else { html += `${text}`; }