Invoice time support (#269)

* 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>

resources/scripts/admin/views/invoices/create/InvoiceCreateBasicFields.vue

@@ -20,6 +20,8 @@
           :content-loading="isLoading"
           :calendar-button="true"
           calendar-button-icon="calendar"
+          :enableTime="enableTime"
+          :time24hr="time24h"
         />
       </BaseInputGroup>
 
@@ -61,8 +63,10 @@
 </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: {
@@ -80,4 +84,17 @@ const props = defineProps({
 })
 
 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>

resources/scripts/admin/views/settings/PreferencesSetting.vue

@@ -80,10 +80,11 @@
             label="display_date"
             value-prop="carbon_format_value"
             track-by="display_date"
-            searchable
+            :searchable="true"
             :invalid="v$.carbon_date_format.$error"
             class="w-full"
           />
+
         </BaseInputGroup>
 
         <BaseInputGroup
@@ -104,8 +105,36 @@
             class="w-full"
           />
         </BaseInputGroup>
+        
+        <BaseInputGroup
+          :label="$t('settings.preferences.time_format')"
+          :content-loading="isFetchingInitialData"
+          :error="
+            v$.carbon_time_format.$error &&
+            v$.carbon_time_format.$errors[0].$message
+          "
+          required
+        >
+          <BaseMultiselect
+            v-model="settingsForm.carbon_time_format"
+            :content-loading="isFetchingInitialData"
+            :options="globalStore.timeFormats"
+            label="display_time"
+            value-prop="carbon_format_value"
+            track-by="display_time"
+            :searchable="true"
+            :invalid="v$.carbon_time_format.$error"
+            class="w-full"
+          />
+        </BaseInputGroup>
       </BaseInputGrid>
 
+      <BaseSwitchSection
+        v-model="invoiceUseTimeField"
+        :title="$t('settings.preferences.invoice_use_time')"
+        :description="$t('settings.preferences.invoice_use_time_description')"
+      />
+
       <BaseButton
         :content-loading="isFetchingInitialData"
         :disabled="isSaving"
@@ -218,6 +247,33 @@ watch(
   }
 )
 
+watch(
+  () => settingsForm.carbon_time_format,
+  (val) => {
+    if (val) {
+      const timeFormatObject = globalStore.timeFormats.find((d) => {
+        return d.carbon_format_value === val
+      })
+      settingsForm.moment_time_format = timeFormatObject.moment_format_value
+    }
+  }
+)
+
+const invoiceUseTimeField = computed({
+  get: () => {
+    return settingsForm.invoice_use_time === 'YES'
+  },
+  set: async (newValue) => {
+    const value = newValue ? 'YES' : 'NO'
+    let data = {
+      settings: {
+        invoice_use_time: value,
+      },
+    }
+    settingsForm.invoice_use_time = value
+  }
+})
+
 const discountPerItemField = computed({
   get: () => {
     return settingsForm.discount_per_item === 'YES'
@@ -271,12 +327,21 @@ const rules = computed(() => {
     moment_date_format: {
       required: helpers.withMessage(t('validation.required'), required),
     },
+    carbon_time_format: {
+      required: helpers.withMessage(t('validation.required'), required),
+    },
+    moment_time_format: {
+      required: helpers.withMessage(t('validation.required'), required),
+    },
     time_zone: {
       required: helpers.withMessage(t('validation.required'), required),
     },
     fiscal_year: {
       required: helpers.withMessage(t('validation.required'), required),
     },
+    invoice_use_time: {
+      required: helpers.withMessage(t('validation.required'), required),
+    },
   }
 })
 
@@ -292,6 +357,7 @@ async function setInitialData() {
   Promise.all([
     globalStore.fetchCurrencies(),
     globalStore.fetchDateFormats(),
+    globalStore.fetchTimeFormats(),
     globalStore.fetchTimeZones(),
   ]).then(([res1]) => {
     isFetchingInitialData.value = false