@frigear-nu/events 0.0.6 → 0.0.8

package/dist/runtime/app/pages/event.vue.d.ts

@@ -1,3 +1,16 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare var __VLS_82: {
+    event: any;
+    body: any;
+};
+type __VLS_Slots = {} & {
+    body?: (props: typeof __VLS_82) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/pages/events.vue

@@ -1,6 +1,6 @@
 <script setup>
 const t = useModuleT("events");
-const { grouped, status } = useEvents();
+const { grouped } = await useEvents();
 const pages = useRuntimeConfig().public.events?.pages;
 const eventTo = (slug) => (pages?.event || "/events/:slug").replace(":slug", encodeURIComponent(slug));
 const sections = computed(() => [
@@ -12,25 +12,27 @@ defineOptions({ name: "EventsListPage" });
 </script>
 
 <template>
-  <UContainer class="py-10">
-    <h1 class="mb-6 text-2xl font-semibold">
-      {{ t("title", "Events") }}
-    </h1>
+  <UContainer class="py-8 sm:py-12">
+    <div class="mb-10 space-y-2 text-center">
+      <h1 class="text-3xl font-bold tracking-tight text-highlighted sm:text-5xl">
+        {{ t("title", "Events") }}
+      </h1>
+    </div>
     <p
-      v-if="status === 'success' && !sections.length"
-      class="text-muted"
+      v-if="!sections.length"
+      class="text-center text-muted"
     >
       {{ t("empty", "There are no events right now.") }}
     </p>
     <section
       v-for="section in sections"
       :key="section.title"
-      class="mb-10"
+      class="mb-12"
     >
-      <h2 class="mb-3 text-lg font-medium">
+      <h2 class="mb-4 text-xl font-semibold tracking-tight text-highlighted">
         {{ section.title }}
       </h2>
-      <div class="grid gap-4 md:grid-cols-2">
+      <div class="grid gap-6 md:grid-cols-2">
         <EventCard
           v-for="item in section.events"
           :key="item.id"

package/dist/runtime/app/pages/tickets.vue

@@ -3,28 +3,35 @@ const t = useModuleT("events");
 const { tickets, pay } = useMyTickets();
 const pages = useRuntimeConfig().public.events?.pages;
 const eventTo = (slug) => (pages?.event || "/events/:slug").replace(":slug", encodeURIComponent(slug));
+const AccountHeader = resolveComponent("AccountHeader");
+const hasAccountHeader = typeof AccountHeader !== "string";
 defineOptions({ name: "EventTicketsPage" });
 </script>
 
 <template>
-  <UContainer class="py-10">
-    <h1 class="mb-6 text-2xl font-semibold">
-      {{ t("myTickets", "My tickets") }}
-    </h1>
-    <p
-      v-if="!tickets.length"
-      class="text-muted"
-    >
-      {{ t("noTickets", "You do not have any tickets yet.") }}
-    </p>
-    <div class="grid gap-4 md:grid-cols-2">
-      <EventTicketCard
-        v-for="ticket in tickets"
-        :key="ticket.id"
-        :ticket="ticket"
-        :to="eventTo(ticket.eventSlug)"
-        @pay="pay"
+  <div>
+    <AccountHeader v-if="hasAccountHeader" />
+    <UContainer :class="hasAccountHeader ? 'pb-10' : 'py-10'">
+      <UPageHeader
+        v-if="!hasAccountHeader"
+        :title="t('myTickets', 'My tickets')"
+        :ui="{ root: 'pt-0 pb-6 mb-6', title: 'text-2xl sm:text-3xl' }"
       />
-    </div>
-  </UContainer>
+      <p
+        v-if="!tickets.length"
+        class="text-muted"
+      >
+        {{ t("noTickets", "You do not have any tickets yet.") }}
+      </p>
+      <div class="grid gap-4 md:grid-cols-2">
+        <EventTicketCard
+          v-for="ticket in tickets"
+          :key="ticket.id"
+          :ticket="ticket"
+          :to="eventTo(ticket.eventSlug)"
+          @pay="pay"
+        />
+      </div>
+    </UContainer>
+  </div>
 </template>

package/dist/runtime/app/tabs/Attendees.d.vue.ts

@@ -0,0 +1,7 @@
+import type { AdminEvent } from '../utils/admin-event.js';
+type __VLS_Props = {
+    event: AdminEvent;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/tabs/Attendees.vue

@@ -0,0 +1,88 @@
+<script setup>
+import { useAdminAction } from "../utils/admin-event";
+defineOptions({ name: "EventsAdminAttendeesTab" });
+const props = defineProps({
+  event: { type: Object, required: true }
+});
+const t = useModuleT("events");
+const tr = useEventsTranslate();
+const confirmAction = useConfirmDialog();
+const { run } = useAdminAction();
+const { data: attendees, refresh } = await useFetch(() => `/api/events/admin/events/${props.event.id}/tickets`, { default: () => [] });
+const typeName = (ticketTypeId) => tr(props.event.ticketTypes.find((item) => item.id === ticketTypeId)?.name);
+const statusColor = { paid: "success", pending: "warning", cancelled: "neutral", refunded: "neutral", expired: "neutral" };
+const ticketAction = async (ticket, action) => {
+  const confirmed = await confirmAction({
+    title: action === "refund" ? t("admin.confirmRefund", "Refund this ticket?") : t("admin.confirmCancel", "Cancel this ticket?"),
+    confirmText: action === "refund" ? t("admin.refund", "Refund") : t("admin.cancel", "Cancel"),
+    destructive: true
+  });
+  if (!confirmed) return;
+  return run(async () => {
+    await $fetch(`/api/events/admin/tickets/${ticket.id}/${action}`, { method: "POST" });
+    await refresh();
+  }, action === "refund" ? t("admin.refunded", "Refunded.") : t("admin.cancelled", "Cancelled."));
+};
+const columns = [
+  { accessorKey: "userName", header: t("admin.attendee", "Attendee") },
+  { accessorKey: "ticketTypeId", header: t("admin.ticketType", "Ticket") },
+  { accessorKey: "status", header: t("admin.status", "Status") },
+  { accessorKey: "checkedInAt", header: t("admin.checkedIn", "Checked in") },
+  { id: "actions", header: "" }
+];
+</script>
+
+<template>
+  <AdminSection :title="t('admin.attendees', 'Attendees')">
+    <template #flush>
+      <UTable
+        v-if="attendees.length"
+        :data="attendees"
+        :columns="columns"
+      >
+        <template #userName-cell="{ row }">
+          <span class="font-medium">{{ row.original.userName }}</span>
+          <span class="text-muted"> · {{ row.original.userEmail }}</span>
+        </template>
+        <template #ticketTypeId-cell="{ row }">
+          {{ typeName(row.original.ticketTypeId) }}
+        </template>
+        <template #status-cell="{ row }">
+          <UBadge
+            variant="subtle"
+            :color="statusColor[row.original.status] ?? 'neutral'"
+            :label="row.original.status"
+          />
+        </template>
+        <template #checkedInAt-cell="{ row }">
+          {{ row.original.checkedInAt ? "\u2713" : "\u2013" }}
+        </template>
+        <template #actions-cell="{ row }">
+          <div class="flex justify-end gap-1">
+            <UButton
+              v-if="row.original.status === 'paid' && row.original.paymentId"
+              size="xs"
+              variant="outline"
+              color="neutral"
+              :label="t('admin.refund', 'Refund')"
+              @click="ticketAction(row.original, 'refund')"
+            />
+            <UButton
+              v-if="row.original.status === 'paid' || row.original.status === 'pending'"
+              size="xs"
+              variant="ghost"
+              color="error"
+              :label="t('admin.cancel', 'Cancel')"
+              @click="ticketAction(row.original, 'cancel')"
+            />
+          </div>
+        </template>
+      </UTable>
+    </template>
+    <AdminEmpty
+      v-if="!attendees.length"
+      icon="i-lucide-users"
+      :title="t('admin.noAttendees', 'No tickets yet.')"
+    />
+  </AdminSection>
+</template>

package/dist/runtime/app/tabs/Attendees.vue.d.ts

@@ -0,0 +1,7 @@
+import type { AdminEvent } from '../utils/admin-event.js';
+type __VLS_Props = {
+    event: AdminEvent;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/tabs/Details.d.vue.ts

@@ -0,0 +1,11 @@
+import { type AdminEvent } from '../utils/admin-event.js';
+type __VLS_Props = {
+    event: AdminEvent;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    refresh: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/tabs/Details.vue

@@ -0,0 +1,74 @@
+<script setup>
+import { useAdminAction } from "../utils/admin-event";
+defineOptions({ name: "EventsAdminDetailsTab" });
+const props = defineProps({
+  event: { type: Object, required: true }
+});
+const emit = defineEmits(["refresh"]);
+const t = useModuleT("events");
+const tr = useEventsTranslate();
+const { busy, run } = useAdminAction();
+const form = reactive({
+  name: void 0,
+  description: void 0,
+  body: void 0
+});
+function fill(value) {
+  Object.assign(form, { name: value.name, description: value.description ?? void 0, body: value.body ?? void 0 });
+}
+fill(props.event);
+watch(() => props.event, fill);
+const save = () => run(async () => {
+  await $fetch(`/api/events/admin/events/${props.event.id}`, {
+    method: "PATCH",
+    body: { name: form.name, description: form.description ?? null, body: form.body ?? null }
+  });
+  emit("refresh");
+}, t("admin.saved", "Saved."));
+</script>
+
+<template>
+  <AdminSection :title="t('admin.details', 'Details')">
+    <form
+      id="admin-event-details"
+      class="flex flex-col gap-4"
+      @submit.prevent="save"
+    >
+      <UFormField :label="t('admin.name', 'Name')">
+        <TranslatedInput
+          v-model="form.name"
+          required
+        />
+      </UFormField>
+      <UFormField :label="t('admin.description', 'Description')">
+        <TranslatedInput
+          v-model="form.description"
+          multiline
+          mdc
+        />
+      </UFormField>
+      <UFormField
+        :label="t('admin.body', 'Details')"
+        :description="t('admin.bodyHelp', 'Shown on the event page. Markdown is supported.')"
+      >
+        <TranslatedInput
+          v-model="form.body"
+          multiline
+          mdc
+          :rows="8"
+        />
+      </UFormField>
+    </form>
+    <template #footer>
+      <div class="flex justify-end">
+        <UButton
+          type="submit"
+          form="admin-event-details"
+          :loading="busy"
+          :disabled="!tr(form.name)"
+          :label="t('admin.save', 'Save')"
+        />
+      </div>
+    </template>
+  </AdminSection>
+</template>

package/dist/runtime/app/tabs/Details.vue.d.ts

@@ -0,0 +1,11 @@
+import { type AdminEvent } from '../utils/admin-event.js';
+type __VLS_Props = {
+    event: AdminEvent;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    refresh: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/tabs/Tickets.d.vue.ts

@@ -0,0 +1,11 @@
+import { type AdminEvent } from '../utils/admin-event.js';
+type __VLS_Props = {
+    event: AdminEvent;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    refresh: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/tabs/Tickets.vue

@@ -0,0 +1,164 @@
+<script setup>
+import { formatMoney as formatPrice } from "@frigear-nu/ui/money";
+import { useAdminAction } from "../utils/admin-event";
+defineOptions({ name: "EventsAdminTicketsTab" });
+const props = defineProps({
+  event: { type: Object, required: true }
+});
+const emit = defineEmits(["refresh"]);
+const t = useModuleT("events");
+const locale = useEventsLocale();
+const tr = useEventsTranslate();
+const confirmAction = useConfirmDialog();
+const { run } = useAdminAction();
+const refresh = () => emit("refresh");
+const typeColumns = computed(() => [
+  { id: "expand" },
+  { accessorKey: "name", header: t("admin.name", "Name") },
+  { accessorKey: "price", header: t("admin.price", "Price") },
+  { accessorKey: "capacity", header: t("admin.capacity", "Capacity") },
+  { id: "access", header: t("admin.access", "Access") },
+  { id: "addons", header: t("admin.addonGroups", "Add-ons") },
+  { id: "actions" }
+]);
+const { data: membershipOptions } = useLazyFetch("/api/events/admin/membership-options", { default: () => ({ available: false, options: [] }) });
+const membershipEnabled = computed(() => membershipOptions.value.available);
+const plans = computed(() => membershipOptions.value.options.map((option) => ({ label: option.label, value: option.value })));
+const planLabel = (key) => plans.value.find((plan) => plan.value === key)?.label ?? key;
+const describeRule = (value) => value === "any" ? t("admin.ruleAny", "Any membership") : Array.isArray(value) ? value.map(planLabel).join(", ") : "";
+const typeDialog = useTemplateRef("typeDialog");
+const groupDialog = useTemplateRef("groupDialog");
+const addonDialog = useTemplateRef("addonDialog");
+const removeType = async (ticketType) => {
+  if (!await confirmAction({ title: t("admin.confirmRemoveType", "Delete this ticket type?"), confirmText: t("admin.remove", "Delete"), cancelText: t("admin.cancel", "Cancel"), destructive: true })) return;
+  return run(async () => {
+    await $fetch(`/api/events/admin/ticket-types/${ticketType.id}`, { method: "DELETE" });
+    await refresh();
+  });
+};
+</script>
+
+<template>
+  <div class="flex flex-col gap-6">
+    <AdminSection :title="t('admin.ticketTypes', 'Ticket types')">
+      <template #actions>
+        <UButton
+          icon="i-lucide-plus"
+          variant="outline"
+          color="neutral"
+          size="xs"
+          :label="t('admin.addType', 'Add ticket type')"
+          @click="typeDialog?.open()"
+        />
+      </template>
+      <template #flush>
+        <UTable
+          :data="event.ticketTypes"
+          :columns="typeColumns"
+          :ui="{ tr: 'data-[expanded=true]:bg-elevated/30' }"
+        >
+          <template #expand-cell="{ row }">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              size="xs"
+              :icon="row.getIsExpanded() ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
+              :aria-label="t('admin.addonGroups', 'Add-ons')"
+              @click="row.toggleExpanded()"
+            />
+          </template>
+          <template #name-cell="{ row }">
+            <span class="text-highlighted font-medium">{{ tr(row.original.name) }}</span>
+          </template>
+          <template #price-cell="{ row }">
+            <span class="whitespace-nowrap">{{ formatPrice(row.original.price, row.original.currency, locale) }}</span>
+          </template>
+          <template #capacity-cell="{ row }">
+            {{ row.original.capacity ?? "\u2013" }}
+          </template>
+          <template #access-cell="{ row }">
+            <div class="flex flex-wrap gap-1">
+              <UBadge
+                v-if="row.original.requiresMembership"
+                variant="subtle"
+                color="success"
+                :label="`${t('admin.requires', 'Requires')}: ${describeRule(row.original.requiresMembership)}`"
+              />
+              <UBadge
+                v-if="row.original.excludesMembership"
+                variant="subtle"
+                color="warning"
+                :label="`${t('admin.notFor', 'Not for')}: ${describeRule(row.original.excludesMembership)}`"
+              />
+              <span
+                v-if="!row.original.requiresMembership && !row.original.excludesMembership"
+                class="text-muted"
+              >–</span>
+            </div>
+          </template>
+          <template #addons-cell="{ row }">
+            {{ row.original.addonGroups.length }}
+          </template>
+          <template #actions-cell="{ row }">
+            <div class="flex justify-end gap-1">
+              <UButton
+                icon="i-lucide-pencil"
+                color="neutral"
+                variant="ghost"
+                size="xs"
+                :aria-label="t('admin.edit', 'Edit')"
+                @click="typeDialog?.open(row.original)"
+              />
+              <UButton
+                icon="i-lucide-trash"
+                color="error"
+                variant="ghost"
+                size="xs"
+                :aria-label="t('admin.remove', 'Delete')"
+                @click="removeType(row.original)"
+              />
+            </div>
+          </template>
+          <template #expanded="{ row }">
+            <EventAdminAddonGroups
+              :ticket-type="row.original"
+              @refresh="refresh"
+              @add-group="groupDialog?.open(row.original)"
+              @edit-group="(group) => groupDialog?.open(row.original, group)"
+              @add-addon="(group) => addonDialog?.open(group, row.original.currency)"
+              @edit-addon="(group, addon) => addonDialog?.open(group, row.original.currency, addon)"
+            />
+          </template>
+          <template #empty>
+            <AdminEmpty
+              icon="i-lucide-ticket"
+              :title="t('admin.noTypes', 'No ticket types yet: nobody can buy a ticket.')"
+            >
+              <UButton
+                icon="i-lucide-plus"
+                :label="t('admin.addType', 'Add ticket type')"
+                @click="typeDialog?.open()"
+              />
+            </AdminEmpty>
+          </template>
+        </UTable>
+      </template>
+    </AdminSection>
+
+    <EventAdminTicketTypeDialog
+      ref="typeDialog"
+      :event-id="props.event.id"
+      :membership-enabled="membershipEnabled"
+      :plans="plans"
+      @refresh="refresh"
+    />
+    <EventAdminAddonGroupDialog
+      ref="groupDialog"
+      @refresh="refresh"
+    />
+    <EventAdminAddonDialog
+      ref="addonDialog"
+      @refresh="refresh"
+    />
+  </div>
+</template>

package/dist/runtime/app/tabs/Tickets.vue.d.ts

@@ -0,0 +1,11 @@
+import { type AdminEvent } from '../utils/admin-event.js';
+type __VLS_Props = {
+    event: AdminEvent;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    refresh: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/utils/admin-event.d.ts

@@ -0,0 +1,48 @@
+import type { Translated } from '../../../types.js';
+export type AdminAddon = {
+    id: string;
+    label: Translated;
+    description: Translated | null;
+    price: number;
+    capacity: number | null;
+};
+export type AdminAddonGroup = {
+    id: string;
+    title: Translated;
+    required: boolean;
+    multiple: boolean;
+    addons: AdminAddon[];
+};
+export type AdminTicketType = {
+    id: string;
+    key: string;
+    name: Translated;
+    description: Translated | null;
+    price: number;
+    currency: string;
+    capacity: number | null;
+    saleStartsAt: string | null;
+    saleEndsAt: string | null;
+    requiresMembership: 'any' | string[] | null;
+    excludesMembership: 'any' | string[] | null;
+    addonGroups: AdminAddonGroup[];
+};
+export type AdminEvent = {
+    id: string;
+    slug: string;
+    name: Translated;
+    description: Translated | null;
+    body: Translated | null;
+    status: 'draft' | 'published' | 'archived';
+    startsAt: string;
+    endsAt: string | null;
+    location: Translated | null;
+    ticketTypes: AdminTicketType[];
+};
+/** `datetime-local` inputs want the local time without a zone, not the stored ISO instant. */
+export declare const toLocalInput: (value: string | null) => string;
+/** Runs an admin action with a shared busy flag, toasting the success message or the server's error. */
+export declare function useAdminAction(): {
+    busy: any;
+    run: (action: () => Promise<unknown>, success?: string) => Promise<void>;
+};

package/dist/runtime/app/utils/admin-event.js

@@ -0,0 +1,22 @@
+export const toLocalInput = (value) => {
+  if (!value) return "";
+  const date = new Date(value);
+  return new Date(date.getTime() - date.getTimezoneOffset() * 6e4).toISOString().slice(0, 16);
+};
+export function useAdminAction() {
+  const t = useModuleT("events");
+  const toast = useToast();
+  const busy = ref(false);
+  async function run(action, success) {
+    busy.value = true;
+    try {
+      await action();
+      if (success) toast.add({ title: success, color: "success" });
+    } catch (cause) {
+      toast.add({ title: cause.statusMessage ?? t("admin.error", "Something went wrong."), color: "error" });
+    } finally {
+      busy.value = false;
+    }
+  }
+  return { busy, run };
+}

package/dist/runtime/i18n/lang/da.json

@@ -73,6 +73,22 @@
     "loading": "Henter…",
     "members": "Medlemmer",
     "viewEvent": "Se event",
+    "picker": {
+      "soldOut": "Udsolgt",
+      "notStarted": "Salget er ikke startet",
+      "ended": "Salget er slut",
+      "membersOnly": "Kun for medlemmer",
+      "notForMembers": "Ikke for medlemmer",
+      "booked": "Allerede booket",
+      "left": "tilbage",
+      "free": "Gratis",
+      "included": "Inkluderet",
+      "getFree": "Få gratis billet",
+      "buy": "Køb billet",
+      "signIn": "Log ind for at få en billet.",
+      "noTickets": "Der er ingen billetter til dette event."
+    },
+    "backToEvents": "Alle events",
     "hideQr": "Skjul QR-kode",
     "checkedIn": "Tjekket ind",
     "myTickets": "Mine billetter",
@@ -82,6 +98,23 @@
     "paymentCancelled": "Betaling annulleret. Din reservation holdes et kort stykke tid; du kan betale fra dine billetter.",
     "ticketReady": "Din billet er klar",
     "purchaseFailed": "Kunne ikke købe billetten",
-    "notFound": "Event ikke fundet"
+    "notFound": "Event ikke fundet",
+    "menu": {
+      "tickets": {
+        "label": "Billetter",
+        "description": "Dine billetter til arrangementer."
+      },
+      "admin": {
+        "label": "Arrangementer",
+        "description": "Administrér arrangementer, billettyper og deltagere."
+      }
+    },
+    "admin": {
+      "tabs": {
+        "details": "Detaljer",
+        "tickets": "Billetter",
+        "attendees": "Deltagere"
+      }
+    }
   }
 }