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

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

@ -39,54 +39,60 @@
{{ startText }} {{ startText }}
</div> </div>
<el-date-picker <div
class="w-36 recurring-invoice-data" :class="startedError ? 'pt-0' : '' && startedError || limitDateError ? 'pt-0 pb-5' : 'pb-10' && startedError && limitDateError ? 'pt-6 pb-5' : 'pb-10'">
v-model="started_at" <el-date-picker
@input="change" class="w-36 cursor-pointer recurring-invoice-data"
type="date" v-model="started_at"
align="right" @input="change"
:format="formatDate" type="date"
value-format="yyyy-MM-dd" align="right"
:picker-options="{ :format="formatDate"
disabledDate(time) { value-format="yyyy-MM-dd"
return time.getTime() < Date.now(); :picker-options="{
}, disabledDate(time) {
shortcuts: [ return time.getTime() < Date.now();
{
text: dateRangeText['today'],
onClick(picker) {
picker.$emit('pick', new Date());
}
}, },
{ shortcuts: [
text: dateRangeText['yesterday'], {
onClick(picker) { text: dateRangeText['today'],
const date = new Date(); onClick(picker) {
date.setTime(date.getTime() - 3600 * 1000 * 24); picker.$emit('pick', new Date());
}
},
{
text: dateRangeText['yesterday'],
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24);
picker.$emit('pick', date); picker.$emit('pick', date);
}
},
{
text: dateRangeText['week_ago'],
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', date);
}
} }
}, ]
{ }">
text: dateRangeText['week_ago'], </el-date-picker>
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', date); <div class="text-red text-sm mt-1 block" v-if="startedError" v-html="startedError"></div>
}
}
]
}">
</el-date-picker>
<div class="text-red text-sm mt-1 block" v-if="startedError" v-html="startedError"></div> </div>
<div class="w-24 px-2 text-sm text-center"> <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,19 +109,22 @@
{{ endText }} {{ endText }}
</div> </div>
<el-date-picker <div
class="w-36 ml-2 recurring-invoice-data" :class="startedError || limitDateError ? 'pt-10 pb-10' : 'pb-10' && startedError && limitDateError ? ' pt-20 pb-14' : 'pb-10'">
v-model="limitDate" <el-date-picker
type="date" class="w-36 ml-2 cursor-pointer recurring-invoice-data"
align="right" v-model="limitDate"
:format="formatDate" type="date"
value-format="yyyy-MM-dd" align="right"
v-if="limit == 'on'" :format="formatDate"
@input="change" value-format="yyyy-MM-dd"
> v-if="limit == 'on'"
</el-date-picker> @input="change"
>
</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>