|
|
@ -10,7 +10,7 @@ |
|
|
|
<template #list="slotProps"> |
|
|
|
<template #list="slotProps"> |
|
|
|
<div class="col-12"> |
|
|
|
<div class="col-12"> |
|
|
|
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4"> |
|
|
|
<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="`${pfad}/${slotProps.data.frontview.pfad}`" :alt="slotProps.data.kurzbeschreibung" /> |
|
|
|
<img class="w-9 sm:w-16rem xl:w-10rem shadow-2 block xl:block mx-auto border-round" :src="getImageUrl(slotProps.data.frontview.pfad)" :alt="slotProps.data.kurzbeschreibung" /> |
|
|
|
<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 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="flex flex-column align-items-center sm:align-items-start gap-3"> |
|
|
|
<div class="text-2xl font-bold text-900">{{ slotProps.data.kurzbeschreibung }}</div> |
|
|
|
<div class="text-2xl font-bold text-900">{{ slotProps.data.kurzbeschreibung }}</div> |
|
|
@ -120,6 +120,10 @@ async function openEval(id) { |
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getImageUrl(name) { |
|
|
|
|
|
|
|
return new URL(`${pfad}/${name}`, import.meta.url).href; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const onNew = () => { |
|
|
|
const onNew = () => { |
|
|
|
itemb.value = ref({id: 0, bezeichnung: '', kurzbeschreibung: '', groesse: '', farbe: '', typid: 0, material: '', abmessungenid: 1, frontviewid: 4}); |
|
|
|
itemb.value = ref({id: 0, bezeichnung: '', kurzbeschreibung: '', groesse: '', farbe: '', typid: 0, material: '', abmessungenid: 1, frontviewid: 4}); |
|
|
|
createItemBDialog.value = true; |
|
|
|
createItemBDialog.value = true; |
|
|
|