mirror of
https://github.com/hay-kot/homebox.git
synced 2024-11-16 21:58:40 +00:00
40 lines
1.2 KiB
Vue
40 lines
1.2 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import { type Location } from '~~/lib/api/classes/locations';
|
||
|
|
definePageMeta({
|
||
|
|
layout: 'home',
|
||
|
|
});
|
||
|
|
useHead({
|
||
|
|
title: 'Homebox | Home',
|
||
|
|
});
|
||
|
|
|
||
|
|
const api = useUserApi();
|
||
|
|
const locations = ref<Location[]>([]);
|
||
|
|
onMounted(async () => {
|
||
|
|
const { data } = await api.locations.getAll();
|
||
|
|
if (data) {
|
||
|
|
locations.value = data.items;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<BaseContainer>
|
||
|
|
<BaseSectionHeader class="mb-5"> Storage Locations </BaseSectionHeader>
|
||
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
|
||
|
|
<NuxtLink
|
||
|
|
:to="`/location/${l.id}`"
|
||
|
|
class="card bg-primary text-primary-content hover:-translate-y-1 focus:-translate-y-1 transition duration-300"
|
||
|
|
v-for="l in locations"
|
||
|
|
>
|
||
|
|
<div class="card-body p-4">
|
||
|
|
<h2 class="flex items-center gap-2">
|
||
|
|
<Icon name="heroicons-map-pin" class="h-5 w-5 text-white" height="25" />
|
||
|
|
{{ l.name }}
|
||
|
|
<!-- <span class="badge badge-accent badge-lg ml-auto text-accent-content text-lg">0</span> -->
|
||
|
|
</h2>
|
||
|
|
</div>
|
||
|
|
</NuxtLink>
|
||
|
|
</div>
|
||
|
|
</BaseContainer>
|
||
|
|
</template>
|