diff --git a/js/src/assets/oruga-tailwindcss.css b/js/src/assets/oruga-tailwindcss.css
index e18222bda..6e4e3a232 100644
--- a/js/src/assets/oruga-tailwindcss.css
+++ b/js/src/assets/oruga-tailwindcss.css
@@ -16,6 +16,15 @@ body {
.btn-outlined-primary {
@apply bg-transparent text-black dark:text-white font-semibold py-2 px-4 border border-mbz-bluegreen dark:border-violet-3;
}
+.btn-outlined-success {
+ @apply border-mbz-success;
+}
+.btn-outlined-danger {
+ @apply border-mbz-danger;
+}
+.btn-outlined-warning {
+ @apply border-mbz-warning;
+}
.btn-outlined-:hover,
.btn-outlined-primary:hover {
@apply font-bold py-2 px-4 bg-mbz-bluegreen dark:bg-violet-3 text-white rounded;
@@ -32,6 +41,9 @@ body {
.btn-success {
@apply bg-mbz-success;
}
+.btn-warning {
+ @apply bg-mbz-warning;
+}
.btn-text {
@apply bg-transparent border-transparent text-black dark:text-white font-normal underline hover:bg-zinc-200 hover:text-black;
}
@@ -171,7 +183,7 @@ body {
/* Select */
.select {
- @apply dark:bg-zinc-600 dark:placeholder:text-zinc-400 dark:text-zinc-50 rounded pl-2 pr-6 border-2 border-transparent h-10 shadow-none;
+ @apply dark:bg-zinc-600 dark:placeholder:text-zinc-400 dark:text-zinc-50 rounded pl-2 pr-6 border-2 border-transparent h-10 shadow-none border rounded;
}
/* Radio */
@@ -278,3 +290,35 @@ button.menubar__button {
.menubar__button {
@apply hover:bg-[rgba(0,0,0,.05)];
}
+
+/** Datepicker */
+.o-drop__menu--active {
+ @apply z-50;
+}
+.o-dpck__box {
+ @apply px-4 py-1;
+}
+.o-dpck__header {
+ @apply pb-2 mb-2;
+ border-bottom: 1px solid #dbdbdb;
+}
+.o-dpck__header__next,
+.o-dpck__header__previous {
+ @apply justify-center text-center no-underline cursor-pointer items-center shadow-none inline-flex relative select-none leading-6 border rounded h-10 p-2 m-1;
+ min-width: 2.25em;
+}
+.o-dpck__header__list {
+ @apply order-2 items-center flex justify-center text-center list-none flex-wrap my-0 p-0 -mx-0.5;
+}
+
+.o-dpck__header__list > * {
+ @apply mx-0.5;
+}
+.o-dpck__month__cell,
+.o-dpck__table__cell {
+ @apply rounded py-2 px-3;
+}
+.o-dpck__month__head-cell,
+.o-dpck__table__head-cell {
+ @apply font-semibold;
+}
diff --git a/js/src/components/Event/EventMetadataItem.vue b/js/src/components/Event/EventMetadataItem.vue
index ff98a0476..6854eb777 100644
--- a/js/src/components/Event/EventMetadataItem.vue
+++ b/js/src/components/Event/EventMetadataItem.vue
@@ -53,7 +53,7 @@
:pattern="
modelValue.pattern ? modelValue.pattern.source : undefined
"
- :validation-message="$t(`This URL doesn't seem to be valid`)"
+ :validation-message="t(`This URL doesn't seem to be valid`)"
required
v-model="metadataItemValue"
:placeholder="modelValue.placeholder"
@@ -78,10 +78,11 @@
-
+
+
+ {{ t("Remove") }}
+
+
@@ -89,6 +90,7 @@
import { EventMetadataKeyType, EventMetadataType } from "@/types/enums";
import { IEventMetadataDescription } from "@/types/event-metadata";
import { computed, ref } from "vue";
+import { useI18n } from "vue-i18n";
const props = defineProps<{
modelValue: IEventMetadataDescription;
@@ -96,6 +98,8 @@ const props = defineProps<{
const emit = defineEmits(["update:modelValue", "removeItem"]);
+const { t } = useI18n({ useScope: "global" });
+
const urlInput = ref(null);
const metadataItemValue = computed({
diff --git a/js/src/components/LeafletMap.vue b/js/src/components/LeafletMap.vue
index 0426739ab..8aa613dda 100644
--- a/js/src/components/LeafletMap.vue
+++ b/js/src/components/LeafletMap.vue
@@ -141,10 +141,6 @@ const mountLocateControl = () => {
icon.setAttribute("aria-hidden", "true");
icon.setAttribute("role", "img");
icon.insertAdjacentHTML("beforeend", locationIconHTML.value);
- console.log("icon for location", {
- link,
- icon,
- });
return { link, icon };
},
...props.options,
diff --git a/js/src/views/Event/EditView.vue b/js/src/views/Event/EditView.vue
index 1490aeb01..2a5c58396 100644
--- a/js/src/views/Event/EditView.vue
+++ b/js/src/views/Event/EditView.vue
@@ -36,12 +36,13 @@