Compare commits
2 Commits
8a817f8be4
...
fc51c284c1
| Author | SHA1 | Date | |
|---|---|---|---|
| fc51c284c1 | |||
| 8691dc7c32 |
@ -4,6 +4,46 @@
|
||||
cols="12"
|
||||
md="12"
|
||||
>
|
||||
<VCard
|
||||
class="mb-6"
|
||||
title="TEST"
|
||||
>
|
||||
<VCardText>
|
||||
<VRow>
|
||||
<VCol>
|
||||
<AppSelect
|
||||
v-model="value"
|
||||
:items="items"
|
||||
item-title="name"
|
||||
item-value="name"
|
||||
label="Select Item"
|
||||
placeholder="Select Item"
|
||||
multiple
|
||||
clearable
|
||||
clear-icon="tabler-x"
|
||||
>
|
||||
<template #selection="{ item }">
|
||||
<VChip>
|
||||
<template #prepend>
|
||||
<VAvatar
|
||||
start
|
||||
:image="item.raw.avatar"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<span>{{ item.title }}</span>
|
||||
</VChip>
|
||||
</template>
|
||||
</AppSelect>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VCardText>
|
||||
</VCard>
|
||||
|
||||
|
||||
|
||||
<!-- v-show="!showEnterBooks" -->
|
||||
<!-- ToDo: Wieder einfügen, wenn fertig -->
|
||||
<VCard
|
||||
class="mb-6"
|
||||
title="Bücher eintragen"
|
||||
@ -13,12 +53,14 @@
|
||||
<VRow>
|
||||
<VCol
|
||||
v-show="!inputValueISBN"
|
||||
cols="12"
|
||||
cols="6"
|
||||
>
|
||||
<AppTextField
|
||||
v-model="inputValueTitle"
|
||||
clearable
|
||||
label="Titel eingeben:"
|
||||
placeholder="Harry Potter und der Stein der Weisen"
|
||||
clear-icon="tabler-x"
|
||||
/>
|
||||
</VCol>
|
||||
<VCol
|
||||
@ -29,20 +71,23 @@
|
||||
</VCol>
|
||||
<VCol
|
||||
v-show="!inputValueTitle"
|
||||
cols="12"
|
||||
cols="6"
|
||||
>
|
||||
<AppTextField
|
||||
id="isbnInput"
|
||||
v-model="inputValueISBN"
|
||||
clearable
|
||||
type="text"
|
||||
label="ISBN eingeben:"
|
||||
placeholder="978-3-551-55167-7"
|
||||
clear-icon="tabler-x"
|
||||
/>
|
||||
</VCol>
|
||||
<VCol
|
||||
v-show="showButton"
|
||||
cols="12"
|
||||
>
|
||||
<div class="demo-space-x">
|
||||
<VBtn @click="displayBook">
|
||||
Suchen
|
||||
<VIcon
|
||||
@ -50,6 +95,7 @@
|
||||
icon="tabler-search"
|
||||
/>
|
||||
</VBtn>
|
||||
</div>
|
||||
</VCol>
|
||||
|
||||
|
||||
@ -60,7 +106,7 @@
|
||||
<VBtn
|
||||
variant="text"
|
||||
color="error"
|
||||
@click="displayBook"
|
||||
@click="displayedEnterBooks"
|
||||
>
|
||||
Wurde dein Buch nicht gefunden? Dann trage es jetzt ein!
|
||||
</VBtn>
|
||||
@ -73,8 +119,10 @@
|
||||
|
||||
|
||||
<VCard
|
||||
v-show="showEnterBooks"
|
||||
class="mb-6"
|
||||
title="Buch eintragen"
|
||||
title="Trage dein Buch jetzt ein:"
|
||||
subtitle="Alle mit * gekennzeichneten Felder sind Pflichtfelder!"
|
||||
>
|
||||
<VCardText>
|
||||
<VRow>
|
||||
@ -116,7 +164,7 @@
|
||||
>
|
||||
<AppTextField
|
||||
label="Untertitel eingeben:"
|
||||
placeholder="..."
|
||||
placeholder=" "
|
||||
/>
|
||||
</VCol>
|
||||
<!-- Genre* -> 1:n -->
|
||||
@ -211,23 +259,34 @@ der bei seinem gehässigen Onkel Vernon, seiner Tante Petunia und seinem Cousin
|
||||
<!-- Cover/Umschlagbild* -->
|
||||
<VCol cols="12">
|
||||
<!-- 👉 Cover -->
|
||||
<!-- <VCardItem>
|
||||
<!--
|
||||
<VCardItem>
|
||||
<template #title>
|
||||
Buchcover hochladen
|
||||
</template>
|
||||
</VCardItem>-->
|
||||
</VCardItem>
|
||||
-->
|
||||
<DropZone />
|
||||
</VCol>
|
||||
|
||||
|
||||
<VCol cols="12">
|
||||
<VBtn>
|
||||
Speichern
|
||||
<div class="demo-space-x">
|
||||
<VBtn color="success">
|
||||
Buch eintragen
|
||||
<VIcon
|
||||
end
|
||||
icon="tabler-device-floppy"
|
||||
/>
|
||||
</VBtn>
|
||||
<VBtn color="error">
|
||||
Löschen
|
||||
<VIcon
|
||||
end
|
||||
icon="tabler-x"
|
||||
/>
|
||||
</VBtn>
|
||||
</div>
|
||||
</VCol>
|
||||
</VRow>
|
||||
</VCardText>
|
||||
@ -239,8 +298,8 @@ der bei seinem gehässigen Onkel Vernon, seiner Tante Petunia und seinem Cousin
|
||||
<script setup>
|
||||
import { ref, watch } from 'vue'
|
||||
import AppTextField from "@core/components/app-form-elements/AppTextField.vue"
|
||||
import DropZone from "@core/components/DropZone.vue";
|
||||
import AppCombobox from "@core/components/app-form-elements/AppCombobox.vue";
|
||||
import DropZone from "@core/components/DropZone.vue"
|
||||
import AppCombobox from "@core/components/app-form-elements/AppCombobox.vue"
|
||||
|
||||
const inputValueTitle = ref('')
|
||||
const inputValueISBN = ref('')
|
||||
@ -249,7 +308,6 @@ const displayedBooks = ref(false)
|
||||
|
||||
watch(inputValueTitle, newValue => {
|
||||
showButton.value = newValue !== ''
|
||||
console.log("Test1")
|
||||
if (!showButton.value){
|
||||
displayedBooks.value = false
|
||||
}
|
||||
@ -257,7 +315,6 @@ watch(inputValueTitle, newValue => {
|
||||
|
||||
watch(inputValueISBN, newValue => {
|
||||
showButton.value = newValue !== ''
|
||||
console.log("Test2")
|
||||
if (!showButton.value){
|
||||
displayedBooks.value = false
|
||||
}
|
||||
@ -267,12 +324,32 @@ function displayBook() {
|
||||
displayedBooks.value = true
|
||||
}
|
||||
|
||||
|
||||
//////////////////
|
||||
const showEnterBooks = ref(true) /// false setzten!
|
||||
|
||||
function displayedEnterBooks() {
|
||||
showEnterBooks.value = true
|
||||
}
|
||||
const seitenanzahl = ref(null)
|
||||
|
||||
//////////////////
|
||||
// import genre Icons
|
||||
const avatar1 = {
|
||||
icon: 'tabler-compass',
|
||||
size: '28',
|
||||
}
|
||||
|
||||
const items = [
|
||||
{
|
||||
name: 'Michi',
|
||||
avatar: avatar1,
|
||||
},
|
||||
]
|
||||
|
||||
const value = ref(['Michi'])
|
||||
|
||||
|
||||
|
||||
|
||||
const content = ref(`<p>
|
||||
Der elfjährige Harry Potter,<br>der bei seinem gehässigen Onkel Vernon, seiner Tante Petunia und seinem Cousin Dudley lebt, erfährt an seinem elften Geburtstag, dass er ein Zauberer ist. Er erhält einen Platz auf der Schule für Hexerei und Zauberei Hogwarts, wo er neue Freunde findet und in die Geheimnisse der Zauberwelt eintaucht.
|
||||
</br>`)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user