Editace fotek v modalu, lepsi datetime picker
This commit is contained in:
@@ -12,39 +12,10 @@ const props = defineProps({
|
||||
const formData = reactive({
|
||||
photos: []
|
||||
});
|
||||
|
||||
const deletePhoto = (id) => {
|
||||
console.log(id);
|
||||
};
|
||||
|
||||
const openEdit = (photo) => {
|
||||
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<FormWrapper v-model="formData">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 col-lg-3" v-for="photo in flight.photos" :key="photo.id">
|
||||
<q-card class="q-my-sm q-mx-sm">
|
||||
<q-img src="https://cdn.quasar.dev/img/parallax2.jpg">
|
||||
<div class="absolute-bottom">
|
||||
<div class="text-h6">{{ photo.name }} jmeno</div>
|
||||
<div class="text-subtitle2">{{ photo.description }}nejaky popis</div>
|
||||
</div>
|
||||
</q-img>
|
||||
|
||||
<q-card-actions>
|
||||
<q-btn flat icon="edit" color="blue" @click="openEdit(photo)"></q-btn>
|
||||
<q-btn flat icon="delete" color="red" @click="deletePhoto(photo.id)"></q-btn>
|
||||
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<q-file multiple v-model="formData.photos" label="Fotky"/>
|
||||
</FormWrapper>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user