forked from mirrors/homebox
95ab14b866
* format readme * update logo * format html * add logo to docs * repository for document and document tokens * add attachments type and repository * autogenerate types via scripts * use autogenerated types * attachment type updates * add insured and quantity fields for items * implement HasID interface for entities * implement label updates for items * implement service update method * WIP item update client side actions * check err on attachment * finish types for basic items editor * remove unused var * house keeping
52 lines
1 KiB
Vue
52 lines
1 KiB
Vue
<template>
|
|
{{ value }}
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
enum DateTimeFormat {
|
|
RELATIVE = "relative",
|
|
LONG = "long",
|
|
SHORT = "short",
|
|
}
|
|
|
|
const value = computed(() => {
|
|
if (!props.date) {
|
|
return "";
|
|
}
|
|
|
|
const dt = typeof props.date === "string" ? new Date(props.date) : props.date;
|
|
if (!dt) {
|
|
return "";
|
|
}
|
|
|
|
if (nullDate(dt)) {
|
|
return "";
|
|
}
|
|
|
|
switch (props.format) {
|
|
case DateTimeFormat.RELATIVE:
|
|
return useTimeAgo(dt).value + useDateFormat(dt, " (MM-DD-YYYY)").value;
|
|
case DateTimeFormat.LONG:
|
|
return useDateFormat(dt, "YYYY-MM-DD (dddd)").value;
|
|
case DateTimeFormat.SHORT:
|
|
return useDateFormat(dt, "YYYY-MM-DD").value;
|
|
default:
|
|
return "";
|
|
}
|
|
});
|
|
|
|
function nullDate(dt: Date) {
|
|
return dt.getFullYear() === 1;
|
|
}
|
|
|
|
const props = defineProps({
|
|
date: {
|
|
type: [Date, String],
|
|
required: true,
|
|
},
|
|
format: {
|
|
type: String as () => DateTimeFormat,
|
|
default: "relative",
|
|
},
|
|
});
|
|
</script>
|