Added Remove Button to CostCentre in IncomingInvoices

pages/incomingInvoices/create.vue

@@ -352,6 +352,7 @@ const createIncomingInvoice = async () => {
                 label="Kostenstelle"
                 class=" mb-3"
             >
+              <InputGroup>
                 <USelectMenu
                     :options="dataStore.getCostCentresComposed"
                     option-attribute="label"
@@ -366,6 +367,15 @@ const createIncomingInvoice = async () => {
                   </template>
 
                 </USelectMenu>
+                <UButton
+                    variant="outline"
+                    color="rose"
+                    v-if="item.costCentre"
+                    icon="i-heroicons-x-mark"
+                    @click="item.costCentre = null"
+                />
+              </InputGroup>
+
             </UFormGroup>
 
 

pages/incomingInvoices/edit/[id].vue

@@ -324,6 +324,7 @@ const updateIncomingInvoice = async () => {
                 label="Kostenstelle"
                 class=" mb-3"
             >
+              <InputGroup>
                 <USelectMenu
                     :options="dataStore.getCostCentresComposed"
                     option-attribute="label"
@@ -338,6 +339,14 @@ const updateIncomingInvoice = async () => {
                   </template>
 
                 </USelectMenu>
+                <UButton
+                    variant="outline"
+                    color="rose"
+                    v-if="item.costCentre"
+                    icon="i-heroicons-x-mark"
+                    @click="item.costCentre = null"
+                />
+              </InputGroup>
             </UFormGroup>