@frigear-nu/events 0.0.9 → 0.1.0

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

@@ -1,6 +1,6 @@
-import type { AdminEvent } from '../utils/admin-event.js';
+import type { StaffEvent } from '../utils/admin-event.js';
 type __VLS_Props = {
-    event: AdminEvent;
+    event: StaffEvent;
 };
 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;

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

@@ -1,6 +1,6 @@
-import { type AdminEvent } from '../utils/admin-event.js';
+import type { StaffEvent } from '../utils/admin-event.js';
 type __VLS_Props = {
-    event: AdminEvent;
+    event: StaffEvent;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     refresh: () => any;

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

@@ -1,5 +1,4 @@
 <script setup>
-import { useAdminAction } from "../utils/admin-event";
 defineOptions({ name: "EventsAdminDetailsTab" });
 const props = defineProps({
   event: { type: Object, required: true }
@@ -7,7 +6,7 @@ const props = defineProps({
 const emit = defineEmits(["refresh"]);
 const t = useModuleT("events");
 const tr = useEventsTranslate();
-const { busy, run } = useAdminAction();
+const { busy, run } = useAction();
 const form = reactive({
   name: void 0,
   description: void 0,
@@ -24,11 +23,11 @@ const save = () => run(async () => {
     body: { name: form.name, description: form.description ?? null, body: form.body ?? null }
   });
   emit("refresh");
-}, t("admin.saved", "Saved."));
+}, { success: t("admin.saved", "Saved.") });
 </script>
 
 <template>
-  <AdminSection :title="t('admin.details', 'Details')">
+  <SectionCard :title="t('admin.details', 'Details')">
     <form
       id="admin-event-details"
       class="flex flex-col gap-4"
@@ -70,5 +69,5 @@ const save = () => run(async () => {
         />
       </div>
     </template>
-  </AdminSection>
+  </SectionCard>
 </template>

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

@@ -1,6 +1,6 @@
-import { type AdminEvent } from '../utils/admin-event.js';
+import type { StaffEvent } from '../utils/admin-event.js';
 type __VLS_Props = {
-    event: AdminEvent;
+    event: StaffEvent;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     refresh: () => any;

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

@@ -1,6 +1,6 @@
-import { type AdminEvent } from '../utils/admin-event.js';
+import type { StaffEvent } from '../utils/admin-event.js';
 type __VLS_Props = {
-    event: AdminEvent;
+    event: StaffEvent;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     refresh: () => any;

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

@@ -1,16 +1,14 @@
 <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 format = useFormat();
 const tr = useEventsTranslate();
 const confirmAction = useConfirmDialog();
-const { run } = useAdminAction();
+const { run } = useAction();
 const refresh = () => emit("refresh");
 const typeColumns = computed(() => [
   { id: "expand" },
@@ -30,17 +28,32 @@ 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;
+  const name = tr(ticketType.name);
+  if (!await confirmAction({
+    title: t("admin.confirmRemoveType", "Delete {name}?", { name }),
+    description: t("admin.confirmRemoveTypeDescription", "Its add-on groups and choices are deleted too. A ticket type with active tickets cannot be deleted."),
+    confirmText: t("admin.removeType", "Delete ticket type"),
+    destructive: true
+  })) return;
   return run(async () => {
     await $fetch(`/api/events/admin/ticket-types/${ticketType.id}`, { method: "DELETE" });
     await refresh();
-  });
+  }, { success: t("admin.typeDeleted", "Deleted {name}", { name }) });
 };
+const menu = (ticketType) => [
+  [{ label: t("admin.editType", "Edit ticket type"), icon: "i-lucide-pencil", onSelect: () => typeDialog.value?.open(ticketType) }],
+  [{ label: t("admin.removeType", "Delete ticket type"), icon: "i-lucide-trash-2", color: "error", onSelect: () => {
+    void removeType(ticketType);
+  } }]
+];
 </script>
 
 <template>
-  <div class="flex flex-col gap-6">
-    <AdminSection :title="t('admin.ticketTypes', 'Ticket types')">
+  <div class="flex flex-col gap-4">
+    <SectionCard
+      :title="t('admin.ticketTypes', 'Ticket types')"
+      flush
+    >
       <template #actions>
         <UButton
           icon="i-lucide-plus"
@@ -51,99 +64,79 @@ const removeType = async (ticketType) => {
           @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()"
+      <UTable
+        :data="event.ticketTypes"
+        :columns="typeColumns"
+        :ui="tableUi({ 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">{{ format.money(row.original.price, row.original.currency) }}</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)}`"
             />
-          </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)"
+            <UBadge
+              v-if="row.original.excludesMembership"
+              variant="subtle"
+              color="warning"
+              :label="`${t('admin.notFor', 'Not for')}: ${describeRule(row.original.excludesMembership)}`"
             />
-          </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>
+            <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 }">
+          <RowMenu
+            :items="menu(row.original)"
+            :subject="tr(row.original.name)"
+          />
+        </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>
+          <UEmpty
+            variant="naked"
+            icon="i-lucide-ticket"
+            :title="t('admin.noTypes', 'No ticket types yet: nobody can buy a ticket.')"
+            :actions="[{ label: t('admin.addType', 'Add ticket type'), icon: 'i-lucide-plus', onClick: () => typeDialog?.open() }]"
+          />
+        </template>
+      </UTable>
+    </SectionCard>
 
     <EventAdminTicketTypeDialog
       ref="typeDialog"

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

@@ -1,6 +1,6 @@
-import { type AdminEvent } from '../utils/admin-event.js';
+import type { StaffEvent } from '../utils/admin-event.js';
 type __VLS_Props = {
-    event: AdminEvent;
+    event: StaffEvent;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     refresh: () => any;

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

@@ -1,19 +1,19 @@
 import type { Translated } from '../../../types.js';
-export type AdminAddon = {
+export type StaffAddon = {
     id: string;
     label: Translated;
     description: Translated | null;
     price: number;
     capacity: number | null;
 };
-export type AdminAddonGroup = {
+export type StaffAddonGroup = {
     id: string;
     title: Translated;
     required: boolean;
     multiple: boolean;
-    addons: AdminAddon[];
+    addons: StaffAddon[];
 };
-export type AdminTicketType = {
+export type StaffTicketType = {
     id: string;
     key: string;
     name: Translated;
@@ -25,9 +25,9 @@ export type AdminTicketType = {
     saleEndsAt: string | null;
     requiresMembership: 'any' | string[] | null;
     excludesMembership: 'any' | string[] | null;
-    addonGroups: AdminAddonGroup[];
+    addonGroups: StaffAddonGroup[];
 };
-export type AdminEvent = {
+export type StaffEvent = {
     id: string;
     slug: string;
     name: Translated;
@@ -37,12 +37,9 @@ export type AdminEvent = {
     startsAt: string;
     endsAt: string | null;
     location: Translated | null;
-    ticketTypes: AdminTicketType[];
+    ticketTypes: StaffTicketType[];
 };
+/** The fields the event list shows; the full `StaffEvent` fits it too. */
+export type StaffEventSummary = Pick<StaffEvent, 'id' | 'slug' | 'name' | 'status' | 'startsAt' | 'location'>;
 /** `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

@@ -3,20 +3,3 @@ export const toLocalInput = (value) => {
   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/app/widgets/UpcomingEvents.vue

@@ -1,21 +1,19 @@
 <script setup>
 defineOptions({ name: "EventsUpcomingList" });
 const t = useModuleT("events");
-const locale = useEventsLocale();
+const format = useFormat();
 const tr = useEventsTranslate();
-const pages = useRuntimeConfig().public.events?.pages;
+const links = useEventLinks();
 const { data, status } = useLazyFetch("/api/events/admin/upcoming", { key: "admin-events-upcoming" });
-const eventTo = (id) => (pages?.adminEvent || "/admin/events/:id").replace(":id", encodeURIComponent(id));
-const when = (value) => new Intl.DateTimeFormat(locale.value, { dateStyle: "medium", timeStyle: "short" }).format(new Date(value));
 </script>
 
 <template>
-  <AdminListCard
+  <ListCard
     :title="t('admin.upcoming.title', 'Upcoming events')"
     :loading="status === 'pending' && !data"
     :is-empty="!data?.items.length"
     :empty="t('admin.upcoming.empty', 'No upcoming events.')"
-    :to="pages?.admin"
+    :to="links.admin()"
     :to-label="t('admin.upcoming.all', 'All events')"
   >
     <li
@@ -24,16 +22,16 @@ const when = (value) => new Intl.DateTimeFormat(locale.value, { dateStyle: "medi
       class="min-w-0"
     >
       <NuxtLink
-        :to="eventTo(item.id)"
+        :to="links.adminEvent(item.id)"
         class="text-highlighted block truncate font-medium hover:underline"
       >
         {{ tr(item.name) }}
       </NuxtLink>
       <p class="text-muted truncate text-xs">
-        {{ when(item.startsAt) }}<template v-if="item.location">
+        {{ format.dateTime(item.startsAt) }}<template v-if="item.location">
           · {{ tr(item.location) }}
         </template>
       </p>
     </li>
-  </AdminListCard>
+  </ListCard>
 </template>

package/dist/runtime/app/widgets/UpcomingEventsStat.vue

@@ -1,17 +1,16 @@
 <script setup>
 defineOptions({ name: "EventsUpcomingStat" });
 const t = useModuleT("events");
-const pages = useRuntimeConfig().public.events?.pages;
+const links = useEventLinks();
 const { data, status } = useLazyFetch("/api/events/admin/upcoming", { key: "admin-events-upcoming" });
 </script>
 
 <template>
-  <AdminStatCard
+  <StatCard
     :label="t('admin.upcoming.stat', 'Upcoming events')"
     icon="i-lucide-calendar-days"
-    :to="pages?.admin"
+    :to="links.admin()"
+    :value="data?.total"
     :loading="status === 'pending' && !data"
-  >
-    <span v-if="data">{{ data.total }}</span>
-  </AdminStatCard>
+  />
 </template>

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

@@ -59,8 +59,11 @@
         "paid": "Betalt",
         "cancelled": "Annulleret",
         "pending": "Afventer",
-        "abandoned": "Opgivet"
-      }
+        "abandoned": "Opgivet",
+        "refunded": "Refunderet",
+        "expired": "Udløbet"
+      },
+      "qrAlt": "QR-kode til billetten"
     },
     "cart": {
       "title": "Kurv",
@@ -120,7 +123,112 @@
         "title": "Kommende arrangementer",
         "empty": "Ingen kommende arrangementer.",
         "all": "Alle arrangementer"
+      },
+      "saved": "Gemt.",
+      "details": "Detaljer",
+      "name": "Navn",
+      "description": "Beskrivelse",
+      "listDescription": "Arrangementer, deres billettyper og deltagere.",
+      "body": "Detaljer",
+      "bodyHelp": "Vises på arrangementssiden. Markdown understøttes.",
+      "save": "Gem",
+      "confirmRefund": "Refundér denne billet?",
+      "confirmCancel": "Annullér denne billet?",
+      "confirmRefundDescription": "Hele beløbet sendes tilbage til {name}, og billetten annulleres.",
+      "confirmCancelDescription": "Billetten til {name} virker ikke længere, og pladsen frigives.",
+      "refund": "Refundér billet",
+      "cancelTicket": "Annullér billet",
+      "refunded": "Refunderet.",
+      "cancelled": "Annulleret.",
+      "attendee": "Deltager",
+      "ticketType": "Billet",
+      "status": "Status",
+      "checkedIn": "Tjekket ind",
+      "attendees": "Deltagere",
+      "noAttendees": "Ingen billetter endnu.",
+      "price": "Pris",
+      "capacity": "Kapacitet",
+      "access": "Adgang",
+      "addonGroups": "Tilvalg",
+      "ruleAny": "Alle medlemskaber",
+      "confirmRemoveType": "Slet {name}?",
+      "confirmRemoveTypeDescription": "Dens tilvalgsgrupper og valg slettes også. En billettype med aktive billetter kan ikke slettes.",
+      "removeType": "Slet billettype",
+      "typeDeleted": "{name} er slettet",
+      "editType": "Redigér billettype",
+      "ticketTypes": "Billettyper",
+      "addType": "Tilføj billettype",
+      "requires": "Kræver",
+      "notFor": "Ikke for",
+      "noTypes": "Ingen billettyper endnu: ingen kan købe en billet.",
+      "ruleNone": "Ingen",
+      "rulePlans": "Bestemte medlemskaber",
+      "typeSaved": "Billettypen er gemt.",
+      "key": "Nøgle",
+      "keyHelp": "Et kort, unikt id, f.eks. medlem.",
+      "capacityHelp": "Lad stå tom for ubegrænset.",
+      "requiresMembership": "Kun for medlemmer af",
+      "requiresHelp": "Gæster uden et passende aktivt medlemskab kan ikke købe denne billet.",
+      "excludesMembership": "Ikke for medlemmer af",
+      "excludesHelp": "Medlemmer med disse medlemskaber kan ikke købe denne billet, så medlemmer og ikke-medlemmer kan have hver deres pris.",
+      "cancel": "Annullér",
+      "created": "Arrangementet er oprettet",
+      "create": "Nyt arrangement",
+      "createDescription": "Det gemmes som kladde, indtil du udgiver det.",
+      "createAction": "Opret kladde",
+      "slug": "URL-navn",
+      "slugHelp": "Små bogstaver, tal og bindestreger.",
+      "starts": "Starter",
+      "ends": "Slutter",
+      "location": "Sted",
+      "addonSaved": "Tilvalget er gemt.",
+      "editAddon": "Redigér valg",
+      "addAddon": "Tilføj valg",
+      "addonPriceHelp": "Lægges oveni billetprisen. 0 betyder inkluderet.",
+      "confirmRemoveGroup": "Slet {name}?",
+      "confirmRemoveGroupDescription": "Dens valg slettes også. Billetter, der allerede er købt, beholder de valg, de har truffet.",
+      "removeGroup": "Slet tilvalgsgruppe",
+      "groupDeleted": "{name} er slettet",
+      "confirmRemoveAddon": "Slet {name}?",
+      "confirmRemoveAddonDescription": "Billetter, der allerede er købt, beholder det valg, de har truffet.",
+      "removeAddon": "Slet valg",
+      "addonDeleted": "{name} er slettet",
+      "editGroup": "Redigér tilvalgsgruppe",
+      "groupRequired": "påkrævet",
+      "groupOptional": "valgfri",
+      "groupMultiple": "flere valg",
+      "groupSingle": "ét valg",
+      "included": "Inkluderet",
+      "noAddons": "Ingen valg endnu: købere har intet at vælge imellem.",
+      "addGroup": "Tilføj tilvalgsgruppe",
+      "groupSaved": "Tilvalgsgruppen er gemt.",
+      "groupTitle": "Titel",
+      "groupTitleHelp": "Vises over valgene, f.eks. Mad.",
+      "groupRequiredLabel": "Købere skal vælge mindst ét",
+      "groupMultipleLabel": "Købere kan vælge flere",
+      "title": "Arrangementer",
+      "viewPublic": "Se offentlig side",
+      "keyFacts": "Arrangement",
+      "saveEvent": "Gem arrangement",
+      "allEvents": "Alle arrangementer",
+      "empty": "Ingen arrangementer endnu",
+      "emptyDescription": "Opret det første arrangement for at begynde at sælge billetter.",
+      "duplicated": "Arrangementet er duplikeret som kladde",
+      "deleteTitle": "Slet {name}?",
+      "deleteDescription": "Dets billettyper og tilvalg slettes også. Arrangementer med betalte billetter kan ikke slettes.",
+      "deleteAction": "Slet arrangement",
+      "deleted": "{name} er slettet",
+      "deleteFailed": "Arrangementet kunne ikke slettes",
+      "open": "Åbn",
+      "clone": "Duplikér",
+      "statuses": {
+        "draft": "Kladde",
+        "published": "Udgivet",
+        "archived": "Arkiveret"
       }
-    }
+    },
+    "listDescription": "Find et arrangement og få din billet.",
+    "noTicketsTitle": "Ingen billetter endnu",
+    "browseEvents": "Se arrangementer"
   }
 }