Files
InvoiceShelf/resources/scripts/components/base/BaseInvoiceStatusLabel.vue
agencetwogether 3b61440e1f Complete dashboard translations & small UI improvements (#69)
* fix dropdown action Estimate Dashboard and fix translating full Dasboard page

* Update app.php

* fix locale in app.php config

* Wizard install with translation, customer portal with translation, and fixing hardcoding strings to get translation

* fixes asked to review

* fixes pint

---------

Co-authored-by: Max <contact@agencetwogether.fr>
Co-authored-by: Darko Gjorgjijoski <5760249+gdarko@users.noreply.github.com>
2024-06-05 12:07:46 +02:00

44 lines
857 B
Vue

<template>
{{ labelStatus }}
</template>
<script setup>
import { computed } from 'vue'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const props = defineProps({
status: {
type: String,
required: false,
default: '',
},
})
const labelStatus = computed(() => {
switch (props.status) {
case 'DRAFT':
return t('general.draft')
case 'SENT':
return t('general.sent')
case 'VIEWED':
return t('invoices.viewed')
case 'COMPLETED':
return t('invoices.completed')
case 'DUE':
return t('general.due')
case 'OVERDUE':
return t('invoices.overdue')
case 'UNPAID':
return t('invoices.unpaid')
case 'PARTIALLY_PAID':
return t('invoices.partially_paid')
case 'PAID':
return t('invoices.paid')
default:
return props.status
}
})
</script>