feat: add seller settings

2026-09-10 01:14:57 -04:00
parent 24f51212e5
commit cf61ec3c2c
20 changed files with 401 additions and 2 deletions
@@ -0,0 +1,85 @@
+<script setup>
+import { onMounted, reactive, ref } from 'vue';
+
+import { getAdminSettings, updateAdminSettings } from '@/services/admin-settings-service.js';
+
+const settings = reactive({
+  general: { publicContactEmail: '', publicContactPhone: '' },
+  inventory: { maxImagesPerItem: 10 },
+  pricing: { defaultStrategy: 'median' },
+  security: { sessionIdleMinutes: 60 },
+});
+const isLoading = ref(true);
+const isSaving = ref(false);
+const message = ref('');
+const error = ref('');
+
+function csrfToken() {
+  return document.cookie.split('; ').find((value) => value.startsWith('pokemon_inventory_csrf='))?.split('=')[1] ?? '';
+}
+
+async function load() {
+  try {
+    Object.assign(settings, await getAdminSettings());
+  } catch (requestError) {
+    error.value = requestError.message;
+  } finally {
+    isLoading.value = false;
+  }
+}
+
+async function save() {
+  isSaving.value = true;
+  message.value = '';
+  error.value = '';
+  try {
+    Object.assign(settings, await updateAdminSettings(settings, csrfToken()));
+    message.value = 'Settings saved.';
+  } catch (requestError) {
+    error.value = requestError.message;
+  } finally {
+    isSaving.value = false;
+  }
+}
+
+onMounted(load);
+</script>
+
+<template>
+  <section class="admin-page">
+    <p class="catalog-kicker">Configuration</p>
+    <h1>Settings</h1>
+    <p v-if="isLoading" class="state state--loading" role="status">Loading settings...</p>
+    <p v-if="message" class="state" role="status">{{ message }}</p>
+    <p v-if="error" class="state state--error" role="alert">{{ error }}</p>
+    <form v-if="!isLoading" class="admin-workspace-grid" @submit.prevent="save">
+      <fieldset class="showcase-panel">
+        <legend>General</legend>
+        <label class="fixture-label" for="settings-email">Public contact email</label>
+        <input id="settings-email" v-model="settings.general.publicContactEmail" class="fixture-input" type="email" />
+        <label class="fixture-label" for="settings-phone">Public contact phone</label>
+        <input id="settings-phone" v-model="settings.general.publicContactPhone" class="fixture-input" />
+      </fieldset>
+      <fieldset class="showcase-panel">
+        <legend>Inventory</legend>
+        <label class="fixture-label" for="settings-images">Maximum images per item</label>
+        <input id="settings-images" v-model.number="settings.inventory.maxImagesPerItem" class="fixture-input" type="number" min="1" max="100" />
+      </fieldset>
+      <fieldset class="showcase-panel">
+        <legend>Pricing</legend>
+        <label class="fixture-label" for="settings-strategy">Default valuation strategy</label>
+        <select id="settings-strategy" v-model="settings.pricing.defaultStrategy" class="fixture-input">
+          <option value="median">Median</option>
+          <option value="average">Average</option>
+          <option value="weighted_average">Weighted average</option>
+        </select>
+      </fieldset>
+      <fieldset class="showcase-panel">
+        <legend>Security</legend>
+        <label class="fixture-label" for="settings-idle">Session idle minutes</label>
+        <input id="settings-idle" v-model.number="settings.security.sessionIdleMinutes" class="fixture-input" type="number" min="5" max="43200" />
+      </fieldset>
+      <button class="button button--primary" type="submit" :disabled="isSaving">Save settings</button>
+    </form>
+  </section>
+</template>