mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-07 13:41:23 +00:00
f52b73f517
* Changed invoice date to datetime * Fixed code style errors * Update TimeFormatsController.php * Update TimeFormatter.php * Update TimeFormatsController namespace * Fix missing comma in language file * Fix formatting --------- Co-authored-by: troky <troky2001@yahoo.com>
101 lines
2.6 KiB
Vue
101 lines
2.6 KiB
Vue
<template>
|
|
<div class="grid grid-cols-12 gap-8 mt-6 mb-8">
|
|
<BaseCustomerSelectPopup
|
|
v-model="invoiceStore.newInvoice.customer"
|
|
:valid="v.customer_id"
|
|
:content-loading="isLoading"
|
|
type="invoice"
|
|
class="col-span-12 lg:col-span-5 pr-0"
|
|
/>
|
|
|
|
<BaseInputGrid class="col-span-12 lg:col-span-7">
|
|
<BaseInputGroup
|
|
:label="$t('invoices.invoice_date')"
|
|
:content-loading="isLoading"
|
|
required
|
|
:error="v.invoice_date.$error && v.invoice_date.$errors[0].$message"
|
|
>
|
|
<BaseDatePicker
|
|
v-model="invoiceStore.newInvoice.invoice_date"
|
|
:content-loading="isLoading"
|
|
:calendar-button="true"
|
|
calendar-button-icon="calendar"
|
|
:enableTime="enableTime"
|
|
:time24hr="time24h"
|
|
/>
|
|
</BaseInputGroup>
|
|
|
|
<BaseInputGroup
|
|
:label="$t('invoices.due_date')"
|
|
:content-loading="isLoading"
|
|
>
|
|
<BaseDatePicker
|
|
v-model="invoiceStore.newInvoice.due_date"
|
|
:content-loading="isLoading"
|
|
:calendar-button="true"
|
|
calendar-button-icon="calendar"
|
|
/>
|
|
</BaseInputGroup>
|
|
|
|
<BaseInputGroup
|
|
:label="$t('invoices.invoice_number')"
|
|
:content-loading="isLoading"
|
|
:error="v.invoice_number.$error && v.invoice_number.$errors[0].$message"
|
|
required
|
|
>
|
|
<BaseInput
|
|
v-model="invoiceStore.newInvoice.invoice_number"
|
|
:content-loading="isLoading"
|
|
@input="v.invoice_number.$touch()"
|
|
/>
|
|
</BaseInputGroup>
|
|
|
|
<ExchangeRateConverter
|
|
:store="invoiceStore"
|
|
store-prop="newInvoice"
|
|
:v="v"
|
|
:is-loading="isLoading"
|
|
:is-edit="isEdit"
|
|
:customer-currency="invoiceStore.newInvoice.currency_id"
|
|
/>
|
|
</BaseInputGrid>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed } from 'vue'
|
|
import ExchangeRateConverter from '@/scripts/admin/components/estimate-invoice-common/ExchangeRateConverter.vue'
|
|
import { useInvoiceStore } from '@/scripts/admin/stores/invoice'
|
|
import { useCompanyStore } from '@/scripts/admin/stores/company'
|
|
|
|
const props = defineProps({
|
|
v: {
|
|
type: Object,
|
|
default: null,
|
|
},
|
|
isLoading: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
isEdit: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
})
|
|
|
|
const invoiceStore = useInvoiceStore()
|
|
const companyStore = useCompanyStore()
|
|
|
|
const enableTime = computed(() => {
|
|
return (
|
|
companyStore.selectedCompanySettings.invoice_use_time === 'YES'
|
|
);
|
|
})
|
|
const time24h = computed(() => {
|
|
return (
|
|
companyStore.selectedCompanySettings.carbon_time_format.indexOf('H') > -1
|
|
);
|
|
})
|
|
|
|
</script>
|