Unverified Commit 5d123eff authored by davelopez's avatar davelopez
Browse files

Disable add button on empty tag list in TagsSelectionDialog

parent 9f229b47

client/src/components/Common/TagsSelectionDialog.vue

+15 −2
Original line number Diff line number Diff line 
<script setup lang="ts">

import { ref } from "vue";

import { computed, ref } from "vue";



import GModal from "@/components/BaseComponents/GModal.vue";

import StatelessTags from "@/components/TagsMultiselect/StatelessTags.vue";
@@ -17,6 +17,10 @@ const props = withDefaults(defineProps<Props>(), { 


const tags = ref(props.initialTags);



const emptyTagList = computed(() => {

    return tags.value.length === 0;

});



const emit = defineEmits<{

    (e: "cancel"): void;

    (e: "ok", tags: string[]): void;
@@ -42,7 +46,16 @@ function resetTags() { 
</script>



<template>

    <GModal :show="show" ok-text="Add" :confirm="true" size="small" :title="title" @ok="onOk" @cancel="onCancel">

    <GModal

        :show="show"

        ok-text="Add"

        :confirm="true"

        size="small"

        :title="title"

        :ok-disabled="emptyTagList"

        ok-disabled-title="Please select at least one tag"

        @ok="onOk"

        @cancel="onCancel">

        <StatelessTags :value="tags" @input="onTagsChange($event)" />

    </GModal>

</template>