diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css index 5fd65d25..95a655cf 100644 --- a/www/css/ext6-pbs.css +++ b/www/css/ext6-pbs.css @@ -227,6 +227,10 @@ span.snapshot-comment-column { width: calc(100% - 18px); } +.pmx-faded { + opacity: 0.7; +} + .x-action-col-icon.good:before { color: #21BF4B; } diff --git a/www/datastore/Content.js b/www/datastore/Content.js index 9fc07d49..6006201c 100644 --- a/www/datastore/Content.js +++ b/www/datastore/Content.js @@ -287,6 +287,7 @@ Ext.define('PBS.DataStoreContent', { if (item["backup-time"] > last_backup && item.size !== null) { last_backup = item["backup-time"]; group["backup-time"] = last_backup; + group["last-comment"] = item.comment; group.files = item.files; group.size = item.size; group.owner = item.owner; @@ -903,13 +904,20 @@ Ext.define('PBS.DataStoreContent', { if (!data || data.leaf || data.root) { return ''; } - if (v === undefined || v === null) { - v = ''; + + let additionalClasses = ""; + if (!v) { + if (!data.expanded) { + v = data['last-comment'] ?? ''; + additionalClasses = "pmx-faded"; + } else { + v = ''; + } } v = Ext.String.htmlEncode(v); let icon = 'x-action-col-icon fa fa-fw fa-pencil pointer'; - return `${v} + return `${v} `; }, listeners: {