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(); 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) { if (taglist.length < 1) {
return; return;
} }

View File

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