feat: connect admin image workflow

2026-09-08 22:16:59 -04:00
parent c382852924
commit a21d1ae854
9 changed files with 120 additions and 0 deletions
@@ -0,0 +1,33 @@
+<script setup>
+import { onMounted } from 'vue';
+import { RouterLink, useRoute } from 'vue-router';
+
+import AdminImageManager from '@/components/organisms/AdminImageManager.vue';
+import { useAdminImages } from '@/composables/useAdminImages.js';
+
+const route = useRoute();
+const inventoryItemId = route.params.id;
+const { images, isLoading, isSaving, error, load, reorder, setPrimary, updateAltText, retry, remove } = useAdminImages(inventoryItemId);
+
+onMounted(load);
+</script>
+
+<template>
+  <main class="detail-page">
+    <RouterLink class="detail-back" :to="{ name: 'catalog' }">Back to catalog</RouterLink>
+    <p class="catalog-kicker">Admin inventory</p>
+    <h1>Manage images</h1>
+    <p v-if="isLoading" class="catalog-state" role="status">Loading images...</p>
+    <p v-else-if="error" class="catalog-state catalog-state--error" role="alert">{{ error.message }}</p>
+    <AdminImageManager
+      v-else
+      :images="images"
+      :processing-status="isSaving ? 'PROCESSING' : (images[0]?.processingStatus ?? 'COMPLETED')"
+      @reorder="reorder($event.id, $event.sortOrder)"
+      @primary="setPrimary"
+      @alt-text="updateAltText(images[0]?.id, $event)"
+      @retry="retry(images[0]?.id)"
+      @delete="remove"
+    />
+  </main>
+</template>