Tag dropdown visual and functional enhancements

This commit is contained in:
benemiryilmazer 2025-06-09 17:39:37 +03:00
parent 8cc5a05be4
commit 9cfb8c916f

View file

@ -168,7 +168,7 @@
<div v-if="tagsList.length > 0"> <div v-if="tagsList.length > 0">
<label class="form-label">{{ $t('Select tags to delete:') }}</label> <label class="form-label">{{ $t('Select tags to delete:') }}</label>
<div v-for="tag in tagsList" :key="tag.id" class="form-check tag-delete-checkbox"> <div v-for="tag in tagsList" :key="tag.id" class="form-check tag-delete-checkbox">
<input class="form-check-input" type="checkbox" :id="'delete-tag-' + tag.id" v-model="selectedTagsToDelete" :value="tag.id"> <input class="form-check-input" :id="'delete-tag-' + tag.id" type="checkbox" v-model="selectedTagsToDelete" :value="tag.id">
<label class="form-check-label" :for="'delete-tag-' + tag.id"> <label class="form-check-label" :for="'delete-tag-' + tag.id">
<Tag :item="tag" :size="'sm'" /> <Tag :item="tag" :size="'sm'" />
</label> </label>
@ -297,13 +297,13 @@ export default {
async deleteSelectedTags() { async deleteSelectedTags() {
for (const tagId of this.selectedTagsToDelete) { for (const tagId of this.selectedTagsToDelete) {
await new Promise((resolve) => { await new Promise((resolve) => {
this.$root.getSocket().emit('deleteTag', tagId, resolve); this.$root.getSocket().emit("deleteTag", tagId, resolve);
}); });
} }
this.openDeleteTagModal = false; this.openDeleteTagModal = false;
this.selectedTagsToDelete = []; this.selectedTagsToDelete = [];
this.getExistingTags(); this.getExistingTags();
this.$root.toastSuccess(this.$t('successDeleted')); this.$root.toastSuccess(this.$t("successDeleted"));
}, },
} }
}; };