mirror of
https://github.com/sysadminsmedia/homebox.git
synced 2025-12-21 21:33:02 +01:00
cbaf483788
* feat: migrate tools page and label generator to shadcn * chore: lint issues * feat: also do profile page * feat: shadcn 404 page * feat: login page shadcn * fix: daisyui ironically breaks the z height for the login page * feat: componentise the language selector and add it to the login page * feat: use nuxtlink * feat: card and table made more shadcn * feat: shadcn statscard * chore: lint * feat: shadcn labelchip and locationcard * feat: shadcn locations page * refactor: remove unused new item page * chore: lint * feat: shadcn item card * fix: wrapping of location and lint * feat: ctrl enter in text area in form submits form * feat: begin shadcn locations page and remove pageqrcode comp in favour of integrating it into labelmaker * chore: lint + remove unused code * fix: remove uneeded margin * feat: shadcn labels page and fix some issues with location * feat: shadcn scanner * chore: lint * feat: begin shadcning item pages * feat: shadcn maintenance page * feat: begin shadcn search page * fix: quick switch blurry text and crashing page when switching + incorrect z height for create menu * feat: finish shadcn search page * chore: lint * feat: shadcn edit item page * fix: quickmenumodal bug * feat: shadcn item details page * feat: remove all non-color related daisyui classes * fix: type error * fix: quick menu modal again :(
52 lines
1.5 KiB
Vue
52 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
import { computed } from "vue";
|
|
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
|
|
import { Label } from "@/components/ui/label";
|
|
import { fmtDate } from "~~/composables/use-formatters";
|
|
import { useViewPreferences } from "~~/composables/use-preferences";
|
|
|
|
defineProps({
|
|
includeText: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
});
|
|
|
|
const preferences = useViewPreferences();
|
|
|
|
function setLanguage(lang: string) {
|
|
preferences.value.language = lang;
|
|
}
|
|
|
|
const dateExample = computed(() => {
|
|
return fmtDate(new Date(Date.now() - 15 * 60000), "relative");
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="w-full" :class="{ 'p-5 pt-0': includeText }">
|
|
<Label v-if="includeText" for="language"> {{ $t("profile.language") }} </Label>
|
|
<Select
|
|
id="language"
|
|
v-model="$i18n.locale"
|
|
@update:model-value="
|
|
event => {
|
|
setLanguage(event as string);
|
|
}
|
|
"
|
|
>
|
|
<SelectTrigger>
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
<SelectItem v-for="lang in $i18n.availableLocales" :key="lang" :value="lang">
|
|
{{ $t(`languages.${lang}`) }} ({{ $t(`languages.${lang}`, 1, { locale: lang }) }})
|
|
</SelectItem>
|
|
</SelectContent>
|
|
</Select>
|
|
<p v-if="includeText" class="m-2 text-sm">
|
|
{{ $t("profile.example") }}: {{ $t("global.created") }} {{ dateExample }}
|
|
</p>
|
|
</div>
|
|
</template>
|