add entry detail page

This commit is contained in:
Tilman Behrend 2025-09-21 17:47:28 +02:00
parent 4ab0ca00ad
commit 5402f98d05
10 changed files with 1116 additions and 72 deletions

View file

@ -173,15 +173,15 @@
</div>
</div>
<!-- Title (formerly Subheadline) - Now mandatory -->
<!-- Title - Now mandatory -->
<q-input
v-model="form.subheadline"
v-model="form.title"
label="Short title for the wave*"
filled
:rules="[val => !!val || 'Title is required']"
/>
<!-- Headline - Now optional -->
<!-- Headline - Now optionaquasal -->
<q-input
v-model="form.headline"
label="Headline"
@ -747,21 +747,6 @@
</div>
</div>
<!-- Delete Confirmation Dialog -->
<q-dialog v-model="showDeleteDialog" persistent>
<q-card>
<q-card-section class="row items-center">
<q-avatar icon="warning" color="negative" text-color="white" />
<span class="q-ml-sm">Are you sure you want to delete this entry? This action cannot be undone.</span>
</q-card-section>
<q-card-actions align="right">
<q-btn flat label="Cancel" color="primary" v-close-popup />
<q-btn flat label="Delete" color="negative" @click="onDelete" v-close-popup />
</q-card-actions>
</q-card>
</q-dialog>
<!-- Fixed Footer with Tab Navigation - Updated order -->
<q-footer elevated class="bg-white text-dark edit-footer">
<q-tabs
@ -794,7 +779,6 @@ export default {
const $q = useQuasar()
const router = useRouter()
const route = useRoute()
const showDeleteDialog = ref(false)
// Tab navigation state
const currentTab = ref('basics')
@ -929,20 +913,6 @@ export default {
router.go(-1)
}
const confirmDelete = () => {
showDeleteDialog.value = true
}
const onDelete = () => {
// TODO: Implement delete functionality
$q.notify({
type: 'negative',
message: 'Entry deleted successfully!',
position: 'top'
})
router.push('/wave')
}
// Mobile image selection methods
const openCamera = () => {
const cameraInput = document.getElementById('cameraInput')
@ -1487,7 +1457,6 @@ export default {
return {
form,
showDeleteDialog,
currentTab,
selectedMainCategory,
availableSubcategories,
@ -1519,8 +1488,6 @@ export default {
goToTagSelector,
onSave,
onCancel,
confirmDelete,
onDelete,
// Location methods
getCurrentLocation,
// Key image methods