homemanager-fe/src/views/building/floors/FloorListItem.vue

23 lines
584 B
Vue

<template>
<ImageBox
:title="floor.displayName"
:subtitle="`Floor ${floor.number}`"
:route-link="{
name: 'floor',
params: { id: building, number: floor.number },
}"
:image="floor.planImage && `${BACKEND_URL}/usercontent/${floor.planImage}`"
/>
</template>
<script setup lang="ts">
import ImageBox from '../../../components/ImageBox.vue';
import { BACKEND_URL } from '../../../constants';
import { FloorListItem } from '../../../interfaces/floor.interfaces';
const props = defineProps<{
building: number;
floor: FloorListItem;
}>();
</script>