Add the banner picker on event edit page

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/assets/oruga-tailwindcss.css

@@ -42,7 +42,7 @@ body {
   @apply bg-mbz-success;
 }
 .btn-warning {
-  @apply bg-mbz-warning;
+  @apply bg-mbz-warning text-black hover:bg-mbz-warning/90 hover:text-slate-800;
 }
 .btn-text {
   @apply bg-transparent border-transparent text-black dark:text-white font-normal underline hover:bg-zinc-200 hover:text-black;

js/src/components/Search/EventMarkerMap.vue

@@ -162,13 +162,6 @@ onMounted(async () => {
       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 });
 
   mapElement.value.on("zoom", debounce(update, 1000));

js/src/components/core/CustomDialog.vue

@@ -112,7 +112,7 @@ const iconByType = computed(() => {
  * Call the onConfirm prop (function) and close the Dialog.
  */
 const confirm = () => {
-  console.log("dialog confirmed", input.value.$el);
+  console.debug("dialog confirmed", input.value?.$el);
   if (input.value !== undefined) {
     const inputElement = input.value.$el.querySelector("input");
     if (!inputElement.checkValidity()) {

js/src/views/Event/EditView.vue

@@ -10,7 +10,6 @@
     <form ref="form">
       <h2>{{ t("General information") }}</h2>
       <picture-upload
-        v-if="pictureFile"
         v-model:modelValue="pictureFile"
         :textFallback="t('Headline picture')"
         :defaultImage="event.picture"

js/src/views/Event/EventView.vue

@@ -837,7 +837,7 @@ const openDeleteEventModal = () => {
       pattern: escapeRegExp(event.value?.title ?? ""),
     },
     onConfirm: (result: string) => {
-      console.log("calling delete event", result);
+      console.debug("calling delete event", result);
       if (result.trim() === event.value?.title) {
         event.value?.id ? deleteEvent({ eventId: event.value?.id }) : null;
       }
@@ -1008,7 +1008,7 @@ const confirmLeave = (): void => {
     hasIcon: true,
     onConfirm: () => {
       if (event.value && currentActor.value?.id) {
-        console.log("calling leave event");
+        console.debug("calling leave event");
         leaveEvent(event.value, currentActor.value.id);
       }
     },