shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New Recurring Invoice page validation position problem

Browse Source
This commit is contained in:
Merve Karaman 2023-03-17 09:44:39 +03:00
parent 0655e66efd
commit 2cf9ffeff4
1 changed files with 61 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
resources/assets/js/components/AkauntingRecurring.vue
View File

@ -39,8 +39,10 @@
{{ startText }} {{ startText }}
</div> </div>
<div
:class="startedError ? 'pt-0' : '' && startedError || limitDateError ? 'pt-0 pb-5' : 'pb-10' && startedError && limitDateError ? 'pt-6 pb-5' : 'pb-10'">
<el-date-picker <el-date-picker
class="w-36 recurring-invoice-data" class="w-36 cursor-pointer recurring-invoice-data"
v-model="started_at" v-model="started_at"
@input="change" @input="change"
type="date" type="date"
@ -82,11 +84,15 @@
<div class="text-red text-sm mt-1 block" v-if="startedError" v-html="startedError"></div> <div class="text-red text-sm mt-1 block" v-if="startedError" v-html="startedError"></div>
<div class="w-24 px-2 text-sm text-center"> </div>
<div class="w-24 px-2 text-sm text-center"
:class="(startedError || limitDateError ? 'pt-10 pb-14' : 'pb-10') && (startedError && limitDateError ? 'pt-6 pb-14' : 'pb-10')">
{{ middleText }} {{ middleText }}
</div> </div>
<el-select class="w-20" v-model="limit" @input="change"> <el-select class="w-20" v-model="limit" @input="change"
:class="startedError || limitDateError ? 'pt-0 pb-0' : '' && startedError && limitDateError ? 'pt-6 pb-16' : 'pb-10'">
<el-option <el-option
v-for="(label, value) in limits" v-for="(label, value) in limits"
:key="value" :key="value"
@ -95,7 +101,7 @@
</el-option> </el-option>
</el-select> </el-select>
<input type="text" class="w-20 text-sm px-3 py-2.5 mt-1 ml-2 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" v-model="limitCount" v-if="limit == 'after'" @input="change"> <input type="text" class="w-20 cursor-pointer text-sm px-3 py-2.5 mt-1 ml-2 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" v-model="limitCount" v-if="limit == 'after'" @input="change">
<div class="text-red text-sm mt-1 block" v-if="limitCountError" v-html="limitCountError"></div> <div class="text-red text-sm mt-1 block" v-if="limitCountError" v-html="limitCountError"></div>
@ -103,8 +109,10 @@
{{ endText }} {{ endText }}
</div> </div>
<div
:class="startedError || limitDateError ? 'pt-10 pb-10' : 'pb-10' && startedError && limitDateError ? ' pt-20 pb-14' : 'pb-10'">
<el-date-picker <el-date-picker
class="w-36 ml-2 recurring-invoice-data" class="w-36 ml-2 cursor-pointer recurring-invoice-data"
v-model="limitDate" v-model="limitDate"
type="date" type="date"
align="right" align="right"
@ -115,7 +123,8 @@
> >
</el-date-picker> </el-date-picker>
<div class="text-red text-sm mt-1 block" v-if="limitDateError" v-html="limitDateError"></div> <div class="text-red text-sm mt-1 ml-2 block" v-if="limitDateError" v-html="limitDateError"></div>
</div>
</div> </div>
</div> </div>
</template> </template>