ui: tags: hide already set tags in dropdown

on every change, collect all tags and update the filter of all tag
fields

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak 2022-11-17 15:56:21 +01:00 committed by Thomas Lamprecht
parent 871953db9f
commit 38f4e6e43b
2 changed files with 19 additions and 1 deletions

View File

@ -76,7 +76,7 @@ Ext.define('Proxmox.form.Tag', {
});
}
me.picker.getStore()?.clearFilter();
let taglist = PVE.Utils.tagList.map(v => ({ tag: v }));
let taglist = PVE.Utils.tagList.filter(v => !me.filter.includes(v)).map(v => ({ tag: v }));
if (taglist.length < 1) {
return;
}

View File

@ -27,6 +27,7 @@ Ext.define('PVE.panel.TagEditContainer', {
newtags.forEach((tag) => {
me.addTag(tag);
});
me.updateFilter();
view.suspendLayout = false;
view.updateLayout();
if (!force) {
@ -168,6 +169,19 @@ Ext.define('PVE.panel.TagEditContainer', {
me.getView().updateLayout();
},
updateFilter: function() {
let me = this;
let tags = [];
me.forEachTag(cmp => {
if (cmp.tag) {
tags.push(cmp.tag);
}
});
me.forEachTag(cmp => {
cmp.updateFilter(tags);
});
},
addTag: function(tag, isNew) {
let me = this;
let view = me.getView();
@ -191,6 +205,9 @@ Ext.define('PVE.panel.TagEditContainer', {
tag,
mode: vm.get('editMode') ? 'editable' : 'normal',
listeners: {
change: (field, newTag) => {
me.updateFilter();
},
destroy: function() {
vm.set('tagCount', vm.get('tagCount') - 1);
},
@ -198,6 +215,7 @@ Ext.define('PVE.panel.TagEditContainer', {
});
if (isNew) {
me.updateFilter();
tagField.selectText();
}