From 7ba3313add83b5134ffde6bb1987001356a768f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cihan=20=C5=9Eent=C3=BCrk?=
 <53110792+CihanSenturk@users.noreply.github.com>
Date: Thu, 27 Feb 2025 13:23:35 +0300
Subject: [PATCH] updated vue styling

---
 resources/assets/js/components/AkauntingColor.vue  |  2 +-
 .../js/components/AkauntingConnectTransactions.vue | 14 +++++++-------
 resources/assets/js/components/AkauntingSelect.vue |  2 +-
 .../assets/js/components/AkauntingSelectRemote.vue |  4 ++--
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/resources/assets/js/components/AkauntingColor.vue b/resources/assets/js/components/AkauntingColor.vue
index 8a71ed0af..ad966330d 100644
--- a/resources/assets/js/components/AkauntingColor.vue
+++ b/resources/assets/js/components/AkauntingColor.vue
@@ -10,7 +10,7 @@
         ]"
         :error="formError">
         <div class="flex justify-between relative mt-1" ref="reference">
-            <input type="text" @change="change" :name="name" :id="name" v-model="color" @keyup="addColor" class="w-full text-sm px-3 py-2.5 mt-1 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple">
+            <input type="text" @change="change" :name="name" :id="name + '_' + _uid" v-model="color" @keyup="addColor" class="w-full text-sm px-3 py-2.5 mt-1 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple">
 
             <div class="absolute w-7 h-7 flex rounded-full my-auto bottom-2 ltr:right-2 rtl:left-2 cursor-pointer"
                 ref="dropdownMenu"
diff --git a/resources/assets/js/components/AkauntingConnectTransactions.vue b/resources/assets/js/components/AkauntingConnectTransactions.vue
index dc2072c98..d33cd411b 100644
--- a/resources/assets/js/components/AkauntingConnectTransactions.vue
+++ b/resources/assets/js/components/AkauntingConnectTransactions.vue
@@ -62,7 +62,7 @@
                                 <div class="relative sm:col-span-6 pt-3">
                                     <div style="table-layout: fixed;">
                                         <div class="overflow-x-visible overflow-y-hidden">
-                                            <table class="w-full" id="items" style="table-layout: fixed">
+                                            <table class="w-full" :id="'items-' + _uid" style="table-layout: fixed">
                                                 <thead class="border-b">
                                                     <tr>
                                                         <th colspan="3" class="w-12/12 px-0 text-left border-t-0 border-r-0 border-b-0">
@@ -133,7 +133,7 @@
                                                         </td>
                                                     </tr>
 
-                                                    <tr id="addItem">
+                                                    <tr :id="'addItem-' + _uid">
                                                         <td colspan="3" class="w-12/12 p-0">
                                                             <akaunting-document-button
                                                                 :items="documents"
@@ -154,14 +154,14 @@
 
                                 <div class="sm:col-span-6">
                                     <div class="overflow-y-hidden py-5">
-                                        <table id="totals" class="float-right">
+                                        <table :id="'totals-' + _uid" class="float-right">
                                             <colgroup>
                                                 <col style="width: 51.5%;">
                                                 <col style="width: 30%;">
                                                 <col style="width: 18.5%;">
                                             </colgroup>
-                                            <tbody id="document-total-rows">
-                                                <tr id="tr-total">
+                                            <tbody :id="'document-total-rows-' + _uid">
+                                                <tr :id="'tr-total-' + _uid">
                                                     <td class="border-t-0 p-0"></td>
 
                                                     <td class="font-medium text-sm text-right border-r-0 border-b-0 align-middle py-0 pr-0">
@@ -183,7 +183,7 @@
                                                     </td>
                                                 </tr>
 
-                                                <tr id="tr-transaction-amount">
+                                                <tr :id="'tr-transaction-amount-' + _uid">
                                                     <td class="border-t-0 p-0"></td>
 
                                                     <td class="font-medium text-sm text-right border-r-0 border-b-0 align-middle py-0 pr-0">
@@ -219,7 +219,7 @@
                                                     </td>
                                                 </tr>
 
-                                                <tr id="tr-difference">
+                                                <tr :id="'tr-difference-' + _uid">
                                                     <td class="border-t-0 p-0"></td>
 
                                                     <td class="font-medium text-sm text-right border-r-0 border-b-0 align-middle py-0 pr-0">
diff --git a/resources/assets/js/components/AkauntingSelect.vue b/resources/assets/js/components/AkauntingSelect.vue
index 0351ad756..e61fbb9f6 100644
--- a/resources/assets/js/components/AkauntingSelect.vue
+++ b/resources/assets/js/components/AkauntingSelect.vue
@@ -135,7 +135,7 @@
 
         <span slot="infoBlock" class="absolute right-8 top-3 bg-green text-white px-2 py-1 rounded-md text-xs" v-if="new_options[selected] || (sorted_options.length && sorted_options[sorted_options.length - 1].mark_new && sorted_options[sorted_options.length - 1].key == selected)">{{ addNew.new_text }}</span>
 
-        <select :name="name" :id="name" class="hidden">
+        <select :name="name" :id="name + '-' + _uid" class="hidden">
             <option v-for="option in sortedOptions" :key="option.key" :value="option.key">{{ option.value }}</option>
         </select>
     </base-input>
diff --git a/resources/assets/js/components/AkauntingSelectRemote.vue b/resources/assets/js/components/AkauntingSelectRemote.vue
index 63986b561..4d2657008 100644
--- a/resources/assets/js/components/AkauntingSelectRemote.vue
+++ b/resources/assets/js/components/AkauntingSelectRemote.vue
@@ -143,7 +143,7 @@
 
         <span slot="infoBlock" class="absolute right-8 top-3 bg-green text-white px-2 py-1 rounded-md text-xs" v-if="new_options[selected] || (sorted_options.length && sorted_options[sorted_options.length - 1].mark_new && sorted_options[sorted_options.length - 1].key == selected)">{{ addNew.new_text }}</span>
 
-        <select :name="name"  :id="name" class="hidden">
+        <select :name="name"  :id="name + '-' + _uid" class="hidden">
             <option v-for="option in sortedOptions" :key="option.key" :value="option.key">{{ option.value }}</option>
         </select>
 
@@ -272,7 +272,7 @@
 
         <span slot="infoBlock" class="absolute right-8 top-3 bg-green text-white px-2 py-1 rounded-md text-xs" v-if="new_options[selected] || (sorted_options.length && sorted_options[sorted_options.length - 1].mark_new && sorted_options[sorted_options.length - 1].key == selected)">{{ addNew.new_text }}</span>
 
-        <select :name="name" :id="name" v-model="selected" class="d-none">
+        <select :name="name" :id="name + '-' + _uid" v-model="selected" class="d-none">
             <option v-for="option in sortedOptions" :key="option.key" :value="option.key">{{ option.value }}</option>
         </select>
     </span>