diff --git a/public/src/components/GottesdienstCard.vue b/public/src/components/GottesdienstCard.vue index ce30745..7f0a6fd 100644 --- a/public/src/components/GottesdienstCard.vue +++ b/public/src/components/GottesdienstCard.vue @@ -12,6 +12,7 @@ const props = defineProps<{ const emit = defineEmits<{ toggleMark: [gid: number, mid: number] + editGottesdienst: [id: number] }>() const isAdmin = computed(() => props.currentUsername === "admin") @@ -159,6 +160,9 @@ function getOwnMarkHint(): string { {{ getOwnMarkIcon() }} {{ gottesdienst.name !== "" ? gottesdienst.name : "Gottesdienst" }} +
am {{ formatWeekday(gottesdienst.date) }} {{ formatDay(gottesdienst.date) }} @@ -225,6 +229,34 @@ function getOwnMarkHint(): string { .name { font-weight: 700; font-size: 18px; + flex: 1; + } + + .edit-godi-btn { + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + padding: 0; + margin: 0; + border: none; + border-radius: 4px; + background: transparent; + color: #aaa; + cursor: pointer; + transition: 100ms; + flex-shrink: 0; + + i { + font-size: 20px; + margin: 0; + } + + &:hover { + background: #f0f0f0; + color: #555; + } } } @@ -321,6 +353,7 @@ function getOwnMarkHint(): string { gap: 6px; width: 100%; padding: 6px 0; + margin: 0; border: none; background: transparent; font-size: 14px; diff --git a/public/src/components/ListView.vue b/public/src/components/ListView.vue index c0657ea..92b4e8a 100644 --- a/public/src/components/ListView.vue +++ b/public/src/components/ListView.vue @@ -15,6 +15,7 @@ defineProps<{ const emit = defineEmits<{ toggleMark: [gid: number, mid: number] addGottesdienst: [] + editGottesdienst: [id: number] addMinistrant: [] editMinistrant: [id: number] importZelebrationsplan: [] @@ -48,6 +49,7 @@ const activeTab = ref<"gottesdienste" | "ministranten">("gottesdienste") :editable="editable" :current-username="currentUsername" @toggle-mark="(gid, mid) => emit('toggleMark', gid, mid)" + @edit-gottesdienst="(id) => emit('editGottesdienst', id)" />