mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-17 10:14:08 +00:00
88adfe0e50
Define 13 semantic color tokens (surface, text, border, hover) with light/dark values in themes.css. Register with Tailwind via @theme inline. Migrate all 335 Vue files from hardcoded gray/white classes to semantic tokens. Add theme toggle (sun/moon/system) in user avatar dropdown. Replace @tailwindcss/forms with custom form reset using theme vars. Add status badge and alert tokens for dark mode. Theme-aware chart grid/labels, skeleton placeholders, and editor. Inline script in <head> prevents flash of wrong theme on load. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
72 lines
1.7 KiB
Vue
72 lines
1.7 KiB
Vue
<template>
|
|
<InvoicesTabInvoiceNumber />
|
|
|
|
<BaseDivider class="my-8" />
|
|
|
|
<InvoicesTabDueDate />
|
|
|
|
<BaseDivider class="my-8" />
|
|
|
|
<InvoicesTabRetrospective />
|
|
|
|
<BaseDivider class="my-8" />
|
|
|
|
<InvoicesTabDefaultFormats />
|
|
|
|
<BaseDivider class="mt-6 mb-2" />
|
|
|
|
<ul class="divide-y divide-line-default">
|
|
<BaseSwitchSection
|
|
v-model="sendAsAttachmentField"
|
|
:title="$t('settings.customization.invoices.invoice_email_attachment')"
|
|
:description="
|
|
$t(
|
|
'settings.customization.invoices.invoice_email_attachment_setting_description'
|
|
)
|
|
"
|
|
/>
|
|
</ul>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed, reactive, inject } from 'vue'
|
|
import { useCompanyStore } from '@/scripts/admin/stores/company'
|
|
import InvoicesTabInvoiceNumber from './InvoicesTabInvoiceNumber.vue'
|
|
import InvoicesTabRetrospective from './InvoicesTabRetrospective.vue'
|
|
import InvoicesTabDueDate from './InvoicesTabDueDate.vue'
|
|
import InvoicesTabDefaultFormats from './InvoicesTabDefaultFormats.vue'
|
|
|
|
const utils = inject('utils')
|
|
const companyStore = useCompanyStore()
|
|
|
|
const invoiceSettings = reactive({
|
|
invoice_email_attachment: null,
|
|
})
|
|
|
|
utils.mergeSettings(invoiceSettings, {
|
|
...companyStore.selectedCompanySettings,
|
|
})
|
|
|
|
const sendAsAttachmentField = computed({
|
|
get: () => {
|
|
return invoiceSettings.invoice_email_attachment === 'YES'
|
|
},
|
|
set: async (newValue) => {
|
|
const value = newValue ? 'YES' : 'NO'
|
|
|
|
let data = {
|
|
settings: {
|
|
invoice_email_attachment: value,
|
|
},
|
|
}
|
|
|
|
invoiceSettings.invoice_email_attachment = value
|
|
|
|
await companyStore.updateCompanySettings({
|
|
data,
|
|
message: 'general.setting_updated',
|
|
})
|
|
},
|
|
})
|
|
</script>
|