Add the banner picker on event edit page
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
parent
800e136aae
commit
475820472f
|
@ -42,7 +42,7 @@ body {
|
||||||
@apply bg-mbz-success;
|
@apply bg-mbz-success;
|
||||||
}
|
}
|
||||||
.btn-warning {
|
.btn-warning {
|
||||||
@apply bg-mbz-warning;
|
@apply bg-mbz-warning text-black hover:bg-mbz-warning/90 hover:text-slate-800;
|
||||||
}
|
}
|
||||||
.btn-text {
|
.btn-text {
|
||||||
@apply bg-transparent border-transparent text-black dark:text-white font-normal underline hover:bg-zinc-200 hover:text-black;
|
@apply bg-transparent border-transparent text-black dark:text-white font-normal underline hover:bg-zinc-200 hover:text-black;
|
||||||
|
|
|
@ -162,13 +162,6 @@ onMounted(async () => {
|
||||||
myBottomSheet.value.close();
|
myBottomSheet.value.close();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// mapElement.value.on('load', function () {
|
|
||||||
// console.log('load event')
|
|
||||||
// setTimeout(() => {
|
|
||||||
// console.log('invalidate size')
|
|
||||||
// mapElement.value.invalidateSize()
|
|
||||||
// }, 1000)
|
|
||||||
// })
|
|
||||||
markers.value = new MarkerClusterGroup({ chunkedLoading: true });
|
markers.value = new MarkerClusterGroup({ chunkedLoading: true });
|
||||||
|
|
||||||
mapElement.value.on("zoom", debounce(update, 1000));
|
mapElement.value.on("zoom", debounce(update, 1000));
|
||||||
|
|
|
@ -112,7 +112,7 @@ const iconByType = computed(() => {
|
||||||
* Call the onConfirm prop (function) and close the Dialog.
|
* Call the onConfirm prop (function) and close the Dialog.
|
||||||
*/
|
*/
|
||||||
const confirm = () => {
|
const confirm = () => {
|
||||||
console.log("dialog confirmed", input.value.$el);
|
console.debug("dialog confirmed", input.value?.$el);
|
||||||
if (input.value !== undefined) {
|
if (input.value !== undefined) {
|
||||||
const inputElement = input.value.$el.querySelector("input");
|
const inputElement = input.value.$el.querySelector("input");
|
||||||
if (!inputElement.checkValidity()) {
|
if (!inputElement.checkValidity()) {
|
||||||
|
|
|
@ -10,7 +10,6 @@
|
||||||
<form ref="form">
|
<form ref="form">
|
||||||
<h2>{{ t("General information") }}</h2>
|
<h2>{{ t("General information") }}</h2>
|
||||||
<picture-upload
|
<picture-upload
|
||||||
v-if="pictureFile"
|
|
||||||
v-model:modelValue="pictureFile"
|
v-model:modelValue="pictureFile"
|
||||||
:textFallback="t('Headline picture')"
|
:textFallback="t('Headline picture')"
|
||||||
:defaultImage="event.picture"
|
:defaultImage="event.picture"
|
||||||
|
|
|
@ -837,7 +837,7 @@ const openDeleteEventModal = () => {
|
||||||
pattern: escapeRegExp(event.value?.title ?? ""),
|
pattern: escapeRegExp(event.value?.title ?? ""),
|
||||||
},
|
},
|
||||||
onConfirm: (result: string) => {
|
onConfirm: (result: string) => {
|
||||||
console.log("calling delete event", result);
|
console.debug("calling delete event", result);
|
||||||
if (result.trim() === event.value?.title) {
|
if (result.trim() === event.value?.title) {
|
||||||
event.value?.id ? deleteEvent({ eventId: event.value?.id }) : null;
|
event.value?.id ? deleteEvent({ eventId: event.value?.id }) : null;
|
||||||
}
|
}
|
||||||
|
@ -1008,7 +1008,7 @@ const confirmLeave = (): void => {
|
||||||
hasIcon: true,
|
hasIcon: true,
|
||||||
onConfirm: () => {
|
onConfirm: () => {
|
||||||
if (event.value && currentActor.value?.id) {
|
if (event.value && currentActor.value?.id) {
|
||||||
console.log("calling leave event");
|
console.debug("calling leave event");
|
||||||
leaveEvent(event.value, currentActor.value.id);
|
leaveEvent(event.value, currentActor.value.id);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in a new issue