luminic-space/app-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix empty category

Browse Source
This commit is contained in:
xds
2025-11-10 09:29:48 +03:00
parent 239e3e43ac
commit ed016b2476
1 changed files with 32 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/transactions/TransactionCreateUpdate.vue
View File

@@ -354,18 +354,19 @@ onMounted(async () => {
<!-- optionValue="value"--> <!-- optionValue="value"-->
<!-- class="!w-full !items-center !justify-center !border-none "/>--> <!-- class="!w-full !items-center !justify-center !border-none "/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="card flex flex-col w-full items-center justify-center">--> <!-- <div class="card flex flex-col w-full items-center justify-center">-->
<!-- <span class="text-lg hidden lg:flex">Вид транзакции</span>--> <!-- <span class="text-lg hidden lg:flex">Вид транзакции</span>-->
<!-- <SelectButton v-model="transactionKind" :options="optionsKind" optionLabel="label"--> <!-- <SelectButton v-model="transactionKind" :options="optionsKind" optionLabel="label"-->
<!-- optionValue="value"--> <!-- optionValue="value"-->
<!-- class="!w-full !items-center !justify-center !border-none "/>--> <!-- class="!w-full !items-center !justify-center !border-none "/>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
<div class="flex flex-row w-full justify-between gap-4 ">
<div class="flex flex-col w-full justify-items-start"> <div class="flex flex-col w-full justify-items-start">
<label class="!font-semibold text-gray-600 pl-2">Transaction name</label> <label class="!font-semibold text-gray-600 pl-2">Transaction comment</label>
<div class="flex card !justify-start !items-start !p-4 !pl-5 "> <div class="flex card !justify-start !items-start !p-[1.11rem] !pl-5 ">
<input class="font-extralight w-full focus:outline-0" placeholder="Name" <input class="font-extralight w-full focus:outline-0" placeholder="Comment"
@input="transactionComment?.length ==0 ? isCommentError = true : isCommentError=false" @input="transactionComment?.length ==0 ? isCommentError = true : isCommentError=false"
v-model="transactionComment"/> v-model="transactionComment"/>
</div> </div>
@@ -374,7 +375,7 @@ onMounted(async () => {
</div> </div>
<div class="flex flex-col w-full justify-items-start"> <div class="flex flex-col w-full justify-items-start">
<label class="!font-semibold text-gray-600 pl-2">Transaction category</label> <label class="!font-semibold text-gray-600 pl-2">Transaction category</label>
<div class="flex card !justify-start !items-start !p-4 !pl-5 cursor-pointer" <div class="flex card !justify-start !items-start !p-3 !pl-5 cursor-pointer"
@click="isCategorySelectorOpened = true; isCategoryError=false;"> @click="isCategorySelectorOpened = true; isCategoryError=false;">
<div class="flex flex-row w-full gap-2 items-center justify-between"> <div class="flex flex-row w-full gap-2 items-center justify-between">
<div v-if="transactionCategory" class="flex flex-row gap-2 items-center"> <div v-if="transactionCategory" class="flex flex-row gap-2 items-center">
@@ -396,7 +397,7 @@ onMounted(async () => {
</div> </div>
<span v-if="isCategoryError" class="text-sm text-red-500 font-extralight">Category should be selected</span> <span v-if="isCategoryError" class="text-sm text-red-500 font-extralight">Category should be selected</span>
</div> </div>
</div>
<div class="flex !flex-col w-full justify-items-start"> <div class="flex !flex-col w-full justify-items-start">
<label class="!font-semibold text-gray-600 !pl-2">Transaction date</label> <label class="!font-semibold text-gray-600 !pl-2">Transaction date</label>
<div class="card flex justify-center"> <div class="card flex justify-center">