Georg Spar
1 year ago
8 changed files with 156 additions and 75 deletions
@ -0,0 +1,22 @@ |
|||||||
|
<template> |
||||||
|
<ClientOnly> |
||||||
|
<Card style="margin-top: 78px; min-height: 200px;"> |
||||||
|
<template #content> |
||||||
|
<Panel header="About this software" class="rounded-4 bg-white"> |
||||||
|
<span style="font-size:xx-large;">Wardrobe Master</span> |
||||||
|
<p>Version: 0.1.0</p> |
||||||
|
</Panel> |
||||||
|
</template> |
||||||
|
</Card> |
||||||
|
</ClientOnly> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref } from "vue"; |
||||||
|
|
||||||
|
|
||||||
|
</script> |
@ -0,0 +1,44 @@ |
|||||||
|
<template> |
||||||
|
<ClientOnly> |
||||||
|
<Card style="margin-top: 78px; min-height: 200px;"> |
||||||
|
<template #content> |
||||||
|
<Panel header="Bought, but not evaluated clothes" class="rounded-4 bg-white" > |
||||||
|
<DataView :value="itemsb" paginator :rows="5"> |
||||||
|
<template #list="slotProps"> |
||||||
|
<div class="col-12"> |
||||||
|
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4"> |
||||||
|
<img class="w-9 sm:w-16rem xl:w-10rem shadow-2 block xl:block mx-auto border-round" :src="`/photos/16266842344a52797c13c72c9c769e2c6b52e827b0.webp`" :alt="slotProps.data.bezeichnung" /> |
||||||
|
<div class="flex flex-column sm:flex-row justify-content-between align-items-center xl:align-items-start flex-1 gap-4"> |
||||||
|
<div class="flex flex-column align-items-center sm:align-items-start gap-3"> |
||||||
|
<div class="text-2xl font-bold text-900">{{ slotProps.data.bezeichnung }}</div> |
||||||
|
<div class="flex align-items-center gap-3"> |
||||||
|
<span class="flex align-items-center gap-2"> |
||||||
|
<i class="pi pi-tag"></i> |
||||||
|
<span class="font-semibold">{{ slotProps.data.typid }}</span> |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</DataView> |
||||||
|
</Panel> |
||||||
|
</template> |
||||||
|
</Card> |
||||||
|
</ClientOnly> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref } from "vue"; |
||||||
|
|
||||||
|
//const itemsb = ref(); |
||||||
|
const {data: itemsb } = await useFetch('http://ubodroid-2:8081/api/v1/itb'); |
||||||
|
|
||||||
|
</script> |
After Width: | Height: | Size: 492 KiB |
After Width: | Height: | Size: 102 KiB |
Loading…
Reference in new issue