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>

diff --git a/www/manager6/form/Tag.js b/www/manager6/form/Tag.js
index 9da0db9514bae842910af111daaf2b78b90e1316..8d003ca97a0964f56cbcecbed789363532719622 100644 (file)
--- a/www/manager6/form/Tag.js
+++ b/www/manager6/form/Tag.js
@@ -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;
        }

diff --git a/www/manager6/form/TagEdit.js b/www/manager6/form/TagEdit.js
index 9015bd65394ed2d281a24093c4c26ec2fb0a0783..3806bbdf3c265ce6246f83fcc46c330ab4811ea4 100644 (file)
--- a/www/manager6/form/TagEdit.js
+++ b/www/manager6/form/TagEdit.js
@@ -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();
            }