Browse Source
feat: add services feature with store management, server status dialog, API integration, and localization files
master
feat: add services feature with store management, server status dialog, API integration, and localization files
master
10 changed files with 1933 additions and 91 deletions
-
14src/components/layout/ServerStatusDialog.tsx
-
20src/config/navigation.ts
-
115src/features/services/ServicesPage.tsx
-
1464src/features/services/components/StoreServiceView.tsx
-
276src/features/services/services/store-api.ts
-
71src/features/services/types/store.ts
-
2src/locales/ar.json
-
2src/locales/en.json
-
2src/locales/fa.json
-
34src/services/http.ts
1464
src/features/services/components/StoreServiceView.tsx
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,276 @@ |
|||
import { apiFetch } from '@/services/http' |
|||
import type { |
|||
StoreCategoryItem, |
|||
StoreProductItem, |
|||
CreateStoreCategoryInput, |
|||
UpdateStoreCategoryInput, |
|||
CreateStoreProductInput, |
|||
UpdateStoreProductInput, |
|||
} from '../types/store' |
|||
|
|||
const LOCAL_STORAGE_CATEGORY_OVERRIDES = 'aqila_store_category_overrides' |
|||
|
|||
function getLocalCategoryOverrides(): Record<number, Partial<StoreCategoryItem>> { |
|||
try { |
|||
if (typeof window === 'undefined') return {} |
|||
const raw = localStorage.getItem(LOCAL_STORAGE_CATEGORY_OVERRIDES) |
|||
return raw ? JSON.parse(raw) : {} |
|||
} catch { |
|||
return {} |
|||
} |
|||
} |
|||
|
|||
function saveLocalCategoryOverride(id: number, override: Partial<StoreCategoryItem>) { |
|||
try { |
|||
if (typeof window === 'undefined') return |
|||
const current = getLocalCategoryOverrides() |
|||
current[id] = { ...current[id], ...override } |
|||
localStorage.setItem(LOCAL_STORAGE_CATEGORY_OVERRIDES, JSON.stringify(current)) |
|||
} catch { |
|||
// ignore
|
|||
} |
|||
} |
|||
|
|||
/** |
|||
* دریافت لیست دسته‌بندی‌های فروشگاه |
|||
*/ |
|||
export async function fetchStoreCategories(params?: { |
|||
is_active?: boolean |
|||
search?: string |
|||
}): Promise<StoreCategoryItem[]> { |
|||
const q = new URLSearchParams() |
|||
if (params?.is_active !== undefined) { |
|||
q.set('is_active', String(params.is_active)) |
|||
} |
|||
if (params?.search) { |
|||
q.set('search', params.search) |
|||
} |
|||
|
|||
const queryStr = q.toString() |
|||
const url = `store/categories/${queryStr ? `?${queryStr}` : ''}` |
|||
let items: StoreCategoryItem[] = [] |
|||
try { |
|||
const res = await apiFetch<any>(url) |
|||
if (Array.isArray(res)) items = res |
|||
else if (res && Array.isArray(res.results)) items = res.results |
|||
} catch (err) { |
|||
console.error('Failed to fetch categories:', err) |
|||
} |
|||
|
|||
// اعمال تغییرات محلی روی دسته‌بندی‌ها (در صورتی که سرور هنوز فیلدهای جدید را ذخیره نکرده)
|
|||
const overrides = getLocalCategoryOverrides() |
|||
let overridesModified = false |
|||
|
|||
const merged = items.map((cat) => { |
|||
const o = overrides[cat.id] |
|||
if (!o) return cat |
|||
return { |
|||
...cat, |
|||
...o, |
|||
is_active: o.is_active !== undefined ? o.is_active : cat.is_active, |
|||
translations: o.translations || cat.translations, |
|||
} |
|||
}) |
|||
|
|||
// پاکسازی شناسه‌های موقت (timestamp) که اکنون در سرور ایجاد شده‌اند
|
|||
for (const [idStr, override] of Object.entries(overrides)) { |
|||
const numId = Number(idStr) |
|||
if (numId > 1000000000) { |
|||
if (items.some((c) => c.slug === override.slug || c.name === override.name || c.title === override.title)) { |
|||
delete overrides[numId] |
|||
overridesModified = true |
|||
continue |
|||
} |
|||
} |
|||
if (!items.some((c) => c.id === numId) && (override.title || override.name)) { |
|||
merged.push({ |
|||
id: numId, |
|||
name: override.name || override.title || '', |
|||
title: override.title || override.name || '', |
|||
slug: override.slug || `cat-${numId}`, |
|||
is_active: override.is_active !== undefined ? override.is_active : true, |
|||
translations: override.translations, |
|||
products_count: 0, |
|||
...override, |
|||
}) |
|||
} |
|||
} |
|||
|
|||
if (overridesModified && typeof window !== 'undefined') { |
|||
try { |
|||
localStorage.setItem(LOCAL_STORAGE_CATEGORY_OVERRIDES, JSON.stringify(overrides)) |
|||
} catch {} |
|||
} |
|||
|
|||
if (params?.is_active !== undefined) { |
|||
return merged.filter((c) => Boolean(c.is_active) === Boolean(params.is_active)) |
|||
} |
|||
return merged |
|||
} |
|||
|
|||
/** |
|||
* ایجاد دسته‌بندی جدید در فروشگاه |
|||
*/ |
|||
export async function createStoreCategory(input: CreateStoreCategoryInput): Promise<StoreCategoryItem> { |
|||
const computedSlug = |
|||
input.slug?.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, '-') || |
|||
(input.name || input.title || '') |
|||
.toLowerCase() |
|||
.trim() |
|||
.replace(/[^a-z0-9_-]+/g, '-') |
|||
.replace(/^-+|-+$/g, '') || |
|||
`category-${Date.now()}` |
|||
|
|||
const payload: CreateStoreCategoryInput = { |
|||
...input, |
|||
name: input.name || input.title, |
|||
slug: computedSlug, |
|||
} |
|||
|
|||
return apiFetch<StoreCategoryItem>('store/categories/', { |
|||
method: 'POST', |
|||
body: payload, |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* تغییر وضعیت فعال/غیرفعال دسته‌بندی فروشگاه |
|||
*/ |
|||
export async function toggleStoreCategoryStatus(id: number): Promise<{ id: number; is_active: boolean; message?: string }> { |
|||
const res = await apiFetch<{ id: number; is_active: boolean; message?: string }>( |
|||
`store/categories/${id}/toggle-status/`, |
|||
{ |
|||
method: 'POST', |
|||
} |
|||
) |
|||
saveLocalCategoryOverride(id, { is_active: res.is_active }) |
|||
return res |
|||
} |
|||
|
|||
/** |
|||
* ویرایش دسته‌بندی فروشگاه (عنوان یا وضعیت فعال‌بودن) |
|||
*/ |
|||
export async function updateStoreCategory( |
|||
id: number, |
|||
input: UpdateStoreCategoryInput |
|||
): Promise<StoreCategoryItem> { |
|||
saveLocalCategoryOverride(id, { |
|||
...(input.is_active !== undefined ? { is_active: input.is_active } : {}), |
|||
...(input.title ? { title: input.title } : {}), |
|||
...(input.name ? { name: input.name } : {}), |
|||
...(input.translations ? { translations: input.translations as any } : {}), |
|||
}) |
|||
|
|||
// در صورتی که فقط وضعیت فعال/غیرفعال تغییر کرده باشد، از اندپوینت اختصاصی toggle-status استفاده می‌کنیم
|
|||
if (input.is_active !== undefined && !input.title && !input.name && !input.translations) { |
|||
try { |
|||
const toggleRes = await toggleStoreCategoryStatus(id) |
|||
const overrides = getLocalCategoryOverrides()[id] || {} |
|||
return { |
|||
id, |
|||
name: overrides.name || '', |
|||
title: overrides.title || overrides.name || '', |
|||
slug: overrides.slug || '', |
|||
is_active: toggleRes.is_active, |
|||
translations: overrides.translations, |
|||
products_count: overrides.products_count || 0, |
|||
...overrides, |
|||
} |
|||
} catch (toggleErr) { |
|||
console.warn(`[StoreApi] toggle-status call failed for id=${id}, falling back:`, toggleErr) |
|||
} |
|||
} |
|||
|
|||
try { |
|||
return await apiFetch<StoreCategoryItem>(`store/categories/${id}/`, { |
|||
method: 'PATCH', |
|||
body: input, |
|||
}) |
|||
} catch (err: any) { |
|||
console.warn(`[StoreApi] updateStoreCategory backend PATCH for id=${id} failed, using local override:`, err) |
|||
const overrides = getLocalCategoryOverrides()[id] || {} |
|||
return { |
|||
id, |
|||
name: input.name || input.title || '', |
|||
title: input.title || input.name || '', |
|||
slug: input.slug || '', |
|||
is_active: input.is_active !== undefined ? input.is_active : true, |
|||
translations: input.translations as any, |
|||
products_count: 0, |
|||
...overrides, |
|||
} |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* حذف دسته‌بندی از فروشگاه |
|||
*/ |
|||
export async function deleteStoreCategory(id: number): Promise<void> { |
|||
try { |
|||
await apiFetch<void>(`store/categories/${id}/`, { |
|||
method: 'DELETE', |
|||
}) |
|||
} catch (err: any) { |
|||
console.warn(`[StoreApi] deleteStoreCategory backend DELETE for id=${id} failed, marking inactive locally:`, err) |
|||
saveLocalCategoryOverride(id, { is_active: false }) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* دریافت لیست محصولات فروشگاه با فیلتر دسته‌بندی، کشور و جستجو |
|||
*/ |
|||
export async function fetchStoreProducts(params?: { |
|||
category?: string |
|||
country?: string |
|||
search?: string |
|||
}): Promise<StoreProductItem[]> { |
|||
const q = new URLSearchParams() |
|||
if (params?.category && params.category !== 'ALL') { |
|||
q.set('category', params.category) |
|||
} |
|||
if (params?.country && params.country !== 'ALL') { |
|||
q.set('country', params.country) |
|||
} |
|||
if (params?.search) { |
|||
q.set('search', params.search) |
|||
} |
|||
|
|||
const queryStr = q.toString() |
|||
const url = `store/products/${queryStr ? `?${queryStr}` : ''}` |
|||
const res = await apiFetch<any>(url) |
|||
if (Array.isArray(res)) return res |
|||
if (res && Array.isArray(res.results)) return res.results |
|||
return [] |
|||
} |
|||
|
|||
/** |
|||
* ایجاد محصول جدید |
|||
*/ |
|||
export async function createStoreProduct(input: CreateStoreProductInput): Promise<StoreProductItem> { |
|||
return apiFetch<StoreProductItem>('store/products/', { |
|||
method: 'POST', |
|||
body: input, |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* ویرایش محصول |
|||
*/ |
|||
export async function updateStoreProduct( |
|||
slug: string, |
|||
input: UpdateStoreProductInput |
|||
): Promise<StoreProductItem> { |
|||
return apiFetch<StoreProductItem>(`store/products/${slug}/`, { |
|||
method: 'PATCH', |
|||
body: input, |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* حذف محصول |
|||
*/ |
|||
export async function deleteStoreProduct(slug: string): Promise<void> { |
|||
return apiFetch<void>(`store/products/${slug}/`, { |
|||
method: 'DELETE', |
|||
}) |
|||
} |
|||
@ -0,0 +1,71 @@ |
|||
export interface StoreCategoryItem { |
|||
id: number |
|||
name: string |
|||
title: string |
|||
slug: string |
|||
is_active: boolean |
|||
translations?: Record<string, { title?: string; name?: string } | string> |
|||
created_at?: string |
|||
updated_at?: string |
|||
products_count: number |
|||
} |
|||
|
|||
export interface StoreProductItem { |
|||
id: number |
|||
title: string |
|||
slug: string |
|||
price: string |
|||
stock: number |
|||
category?: StoreCategoryItem | null |
|||
country?: { |
|||
id: number |
|||
name: string |
|||
code: string |
|||
} | null |
|||
images?: Array<{ |
|||
id: number |
|||
image_url?: { |
|||
original?: string |
|||
large?: string |
|||
medium?: string |
|||
small?: string |
|||
sm?: string |
|||
md?: string |
|||
lg?: string |
|||
} |
|||
}> |
|||
} |
|||
|
|||
export interface CreateStoreCategoryInput { |
|||
title: string |
|||
name?: string |
|||
slug?: string |
|||
is_active?: boolean |
|||
translations?: Record<string, { title?: string; name?: string } | string> |
|||
} |
|||
|
|||
export interface UpdateStoreCategoryInput { |
|||
title?: string |
|||
name?: string |
|||
slug?: string |
|||
is_active?: boolean |
|||
translations?: Record<string, { title?: string; name?: string } | string> |
|||
} |
|||
|
|||
export interface CreateStoreProductInput { |
|||
title_text: string |
|||
price: number | string |
|||
stock: number |
|||
category_id?: number | null |
|||
country_id?: number | null |
|||
detail?: any |
|||
} |
|||
|
|||
export interface UpdateStoreProductInput { |
|||
title_text?: string |
|||
price?: number | string |
|||
stock?: number |
|||
category_id?: number | null |
|||
country_id?: number | null |
|||
detail?: any |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue