Sync admin settings and media with the public landing site.

Show logo in the navbar, add image upload fields for logo/team/work/blog/gallery, and drive site chrome from settings everywhere.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/adm/src/views/BlogEditView.vue

@@ -23,11 +23,8 @@
         <label class="label">متن پست</label>
         <textarea v-model="form.content" class="textarea" style="min-height: 240px" placeholder="متن را عادی بنویسید. برای پاراگراف جدید Enter بزنید." />
       </div>
+      <ImageField v-model="form.coverUrl" label="تصویر کاور" />
       <div class="grid-2">
-        <div class="field">
-          <label class="label">آدرس تصویر کاور</label>
-          <input v-model="form.coverUrl" class="input" dir="ltr" placeholder="از بخش رسانه آپلود کنید و آدرس را اینجا بگذارید" />
-        </div>
         <div class="field">
           <label class="label">عنوان سئو</label>
           <input v-model="form.seoTitle" class="input" />
@@ -40,14 +37,11 @@
           <label class="label">آدرس Canonical</label>
           <input v-model="form.canonical" class="input" dir="ltr" />
         </div>
-        <div class="field">
-          <label class="label">تصویر اشتراک‌گذاری</label>
-          <input v-model="form.ogImage" class="input" dir="ltr" />
-        </div>
         <div class="field">
           <label class="label"><input v-model="form.published" type="checkbox" /> منتشر شود</label>
         </div>
       </div>
+      <ImageField v-model="form.ogImage" label="تصویر اشتراک‌گذاری (اختیاری)" />
       <p v-if="msg" class="muted">{{ msg }}</p>
       <button class="btn">ذخیره</button>
     </form>
@@ -58,6 +52,7 @@
 import { computed, onMounted, reactive, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { api } from "../lib/api";
+import ImageField from "../components/ImageField.vue";
 
 const route = useRoute();
 const router = useRouter();

apps/adm/src/views/GalleryView.vue

@@ -7,10 +7,6 @@
           <label class="label">عنوان</label>
           <input v-model="form.title" class="input" required />
         </div>
-        <div class="field">
-          <label class="label">آدرس تصویر</label>
-          <input v-model="form.imageUrl" class="input" dir="ltr" required />
-        </div>
         <div class="field">
           <label class="label">دسته</label>
           <input v-model="form.category" class="input" />
@@ -20,14 +16,18 @@
           <input v-model.number="form.sortOrder" type="number" class="input" />
         </div>
       </div>
-      <button class="btn">افزودن</button>
+      <ImageField v-model="form.imageUrl" label="تصویر" />
+      <button class="btn" style="margin-top: 0.75rem" :disabled="!form.imageUrl">افزودن</button>
     </form>
     <table class="table">
       <thead>
-        <tr><th>عنوان</th><th>دسته</th><th>ترتیب</th><th></th></tr>
+        <tr><th>پیش‌نمایش</th><th>عنوان</th><th>دسته</th><th>ترتیب</th><th></th></tr>
       </thead>
       <tbody>
         <tr v-for="g in items" :key="g.id">
+          <td>
+            <img v-if="g.imageUrl" :src="g.imageUrl" alt="" style="width:48px;height:48px;object-fit:cover;border-radius:6px" />
+          </td>
           <td>{{ g.title }}</td>
           <td class="muted">{{ g.category || "—" }}</td>
           <td>{{ g.sortOrder }}</td>
@@ -41,6 +41,7 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref } from "vue";
 import { api } from "../lib/api";
+import ImageField from "../components/ImageField.vue";
 
 const items = ref<any[]>([]);
 const form = reactive({ title: "", imageUrl: "", category: "", sortOrder: 0, published: true });
@@ -52,6 +53,7 @@ async function load() {
 onMounted(load);
 
 async function create() {
+  if (!form.imageUrl) return;
   await api.post("/admin/gallery", form);
   form.title = "";
   form.imageUrl = "";

apps/adm/src/views/SectionEditView.vue

@@ -67,8 +67,9 @@
           <div class="field"><label class="label">نام پروژه</label><input v-model="item.title" class="input" /></div>
           <div class="field"><label class="label">دسته‌بندی</label><input v-model="item.cat" class="input" /></div>
           <div class="field"><label class="label">سال</label><input v-model="item.year" class="input" /></div>
+          <ImageField v-model="item.imageUrl" label="تصویر پروژه" placeholder="/api/uploads/..." />
         </div>
-        <button type="button" class="btn ghost" @click="form.items.push({ n: String(form.items.length + 1).padStart(2, '0'), title: '', cat: '', year: '' })">+ افزودن پروژه</button>
+        <button type="button" class="btn ghost" @click="form.items.push({ n: String(form.items.length + 1).padStart(2, '0'), title: '', cat: '', year: '', imageUrl: '' })">+ افزودن پروژه</button>
       </template>
 
       <!-- PROCESS -->
@@ -114,8 +115,9 @@
           </div>
           <div class="field"><label class="label">نام</label><input v-model="m.name" class="input" /></div>
           <div class="field"><label class="label">سمت</label><input v-model="m.role" class="input" /></div>
+          <ImageField v-model="m.imageUrl" label="تصویر عضو" placeholder="/api/uploads/..." />
         </div>
-        <button type="button" class="btn ghost" @click="form.members.push({ name: '', role: '' })">+ افزودن عضو</button>
+        <button type="button" class="btn ghost" @click="form.members.push({ name: '', role: '', imageUrl: '' })">+ افزودن عضو</button>
       </template>
 
       <!-- FOOTER -->
@@ -142,6 +144,7 @@
 import { computed, onMounted, reactive, ref } from "vue";
 import { useRoute } from "vue-router";
 import { api } from "../lib/api";
+import ImageField from "../components/ImageField.vue";
 
 const TITLES: Record<string, string> = {
   hero: "صفحه اول (هیرو)",
@@ -202,9 +205,13 @@ onMounted(async () => {
   if (key === "marquee") marqueeText.value = (form.items || []).join("\n");
   if (key === "manifesto") manifestoWordsText.value = wordsToText(form.words || []);
   if (key === "services" || key === "work" || key === "stats") form.items = form.items || [];
+  if (key === "work") {
+    form.items = form.items.map((i: any) => ({ ...i, imageUrl: i.imageUrl || "" }));
+  }
   if (key === "process") form.steps = form.steps || [];
-  if (key === "team") form.members = form.members || [];
-  if (key === "footer") {
+  if (key === "team") {
+    form.members = (form.members || []).map((m: any) => ({ ...m, imageUrl: m.imageUrl || "" }));
+  }  if (key === "footer") {
     footerMarqueeText.value = (form.marquee || []).join("\n");
   }
   ready.value = true;

apps/adm/src/views/SettingsView.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <h1>تنظیمات سایت</h1>
+    <p class="muted">این مقادیر روی هدر، فوتر و کل سایت اعمال می‌شوند.</p>
     <form v-if="form" class="card" @submit.prevent="save">
       <div class="grid-2">
         <div class="field">
@@ -26,17 +27,19 @@
         <div class="field">
           <label class="label">منطقه زمانی</label>
           <select v-model="form.timezone" class="input" dir="ltr">
-            <option value="Asia/Tehran">Asia/Tehran (ایران — تهران، اصفهان، مشهد و …)</option>
+            <option value="Asia/Tehran">Asia/Tehran (ایران)</option>
             <option value="UTC">UTC</option>
           </select>
-          <p class="muted" style="margin-top: 0.35rem">برای همهٔ شهرهای ایران فقط Asia/Tehran معتبر است.</p>
-        </div>
-        <div class="field" style="grid-column: 1 / -1">
-          <label class="label">آدرس لوگو</label>
-          <input v-model="form.logoUrl" class="input" dir="ltr" placeholder="از بخش رسانه آپلود کنید و آدرس را اینجا بگذارید" />
         </div>
       </div>
 
+      <ImageField
+        v-model="form.logoUrl"
+        label="لوگو"
+        placeholder="/api/uploads/..."
+        hint="لوگو در هدر سایت نمایش داده می‌شود. اگر خالی باشد نام برند نشان داده می‌شود."
+      />
+
       <h2 style="margin: 1.25rem 0 0.75rem; font-size: 1rem">شبکه‌های اجتماعی</h2>
       <div v-for="(s, i) in socials" :key="i" class="item-box">
         <div class="row" style="justify-content: space-between; margin-bottom: 0.5rem">
@@ -45,16 +48,16 @@
         </div>
         <div class="grid-2">
           <div class="field">
-            <label class="label">نام (مثلاً لینکدین)</label>
+            <label class="label">نام</label>
             <input v-model="s.label" class="input" />
           </div>
           <div class="field">
-            <label class="label">آدرس لینک</label>
+            <label class="label">لینک</label>
             <input v-model="s.url" class="input" dir="ltr" placeholder="https://..." />
           </div>
         </div>
       </div>
-      <button type="button" class="btn ghost" @click="socials.push({ label: '', url: '' })">+ افزودن شبکه اجتماعی</button>
+      <button type="button" class="btn ghost" @click="socials.push({ label: '', url: '' })">+ افزودن</button>
 
       <p v-if="msg" class="muted" style="margin-top: 1rem">{{ msg }}</p>
       <button class="btn" style="margin-top: 0.75rem">ذخیره</button>
@@ -65,6 +68,7 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref } from "vue";
 import { api } from "../lib/api";
+import ImageField from "../components/ImageField.vue";
 
 const form = ref<{
   brandName: string;
@@ -110,7 +114,7 @@ async function save() {
     };
     const { data } = await api.put("/admin/settings", payload);
     form.value.logoUrl = data.logoUrl || "";
-    msg.value = "ذخیره شد.";
+    msg.value = "ذخیره شد. برای دیدن در سایت صفحه را رفرش کنید.";
   } catch (e: any) {
     const detail = e?.response?.data?.message;
     msg.value = Array.isArray(detail)