improve categories section #228

doroudi · doroudi · commit 1f295ad1a5eb · 2025-07-27T08:32:56.000+03:30
diff --git a/locales/ar.yml b/locales/ar.yml
@@ -30,6 +30,7 @@ categories:
     parent: الفئة الأم
     title: إنشاء فئة جديدة
   createButton: إنشاء
+  createdSucceed: تم إنشاؤها بنجاح
   stat: إحصائيات
   title: الفئات
   topCategories: الفئات العليا
@@ -68,6 +69,7 @@ common:
   day: یوم
   delete: يمسح
   deleteConfirm: هل أنت متأكد من حذف هذا العنصر؟
+  deletedMessage: تم حذفه بنجاح
   goHome: العودة إلى الرئيسية
   month: شهر
   name: اسم
diff --git a/locales/cn.yml b/locales/cn.yml
@@ -30,6 +30,7 @@ categories:
     parent: 父级
     title: 创建新分类
   createButton: 创建
+  createdSucceed: 创建成功
   stat: 统计
   title: 分类
   topCategories: 顶级分类
@@ -66,6 +67,7 @@ common:
   day: 天
   delete: 删除
   deleteConfirm: 确认删除？
+  deletedMessage: 删除成功
   goHome: 返回首页
   month: 月
   name: 姓名
diff --git a/locales/de.yml b/locales/de.yml
@@ -30,6 +30,7 @@ categories:
     parent: Übergeordnet
     title: Neue Kategorie erstellen
   createButton: Erstellen
+  createdSucceed: Erfolgreich erstellt
   stat: Statistiken
   title: Kategorien
   topCategories: Top -Kategorien
@@ -68,6 +69,7 @@ common:
   day: Tag
   delete: Löschen
   deleteConfirm: Sind Sie sicher, diesen Artikel zu löschen?
+  deletedMessage: Erfolgreich gelöscht
   goHome: Zurück zur Startseite
   month: Monat
   name: Name
diff --git a/locales/en.yml b/locales/en.yml
@@ -20,8 +20,8 @@ button:
   go: GO
   home: Home
   toggle_dark: Toggle dark mode
-  toggle_langs: Change languages
   toggle_fullscreen: Toggle Full Screen
+  toggle_langs: Change languages
 categories:
   count: Count
   create:
@@ -30,6 +30,7 @@ categories:
     parent: Parent
     title: Create New Category
   createButton: Create
+  createdSucceed: Created Successfully
   stat: Statistics
   title: Categories
   topCategories: Top Categories
@@ -68,6 +69,7 @@ common:
   day: Day
   delete: Delete
   deleteConfirm: Are you sure to delete this item?
+  deletedMessage: Deleted Successfully
   goHome: Back To Home
   month: Month
   name: Name
@@ -142,12 +144,6 @@ forgot:
   sendEmailSuccess: Email Sent Successfully, Please Check Your Email
   title: Forgot Password
   username: User Name
-support:
-  github:
-    tooltip: Support this project by giving a star ⭐️ on GitHub
-  buyMeCoffee:
-    tooltip: Support this project by buying me a coffee
-
 home: Home
 languages:
   ar: Arabic
@@ -279,6 +275,11 @@ reviews:
   date: Date
   product: Product
   rate: Rate
+support:
+  buyMeCoffee:
+    tooltip: Support this project by buying me a coffee
+  github:
+    tooltip: Support this project by giving a star ⭐️ on GitHub
 title: Yummy Admin
 todoApp:
   completed: Completed
diff --git a/locales/fa.yml b/locales/fa.yml
@@ -20,8 +20,8 @@ button:
   go: برو
   home: خانه
   toggle_dark: حالت تیره
-  toggle_langs: تغییر زبان
   toggle_fullscreen: تمام صفحه
+  toggle_langs: تغییر زبان
 categories:
   count: تعداد
   create:
@@ -30,6 +30,7 @@ categories:
     parent: دسته والد
     title: ایجاد دسته بندی جدید
   createButton: ذخیره
+  createdSucceed: با موفقیت ایجاد شد
   stat: آمار
   title: دسته بندی ها
   topCategories: دسته های برتر
@@ -66,6 +67,7 @@ common:
   day: روز
   delete: حذف کردن
   deleteConfirm: آیا از حذف این مورد مطمئن هستید؟
+  deletedMessage: با موفقیت حذف شد
   goHome: بازگشت به خانه
   month: ماه
   name: نام
@@ -140,13 +142,6 @@ forgot:
   sendEmailSuccess: ایمیل با موفقیت ارسال شد، لطفا ایمیل خود را بررسی کنید
   title: فراموشی رمز عبور
   username: نام کاربری
-
-support:
-  github:
-    tooltip: این پروژه را با دادن یک ستاره ⭐️ در گیت هاب پشتیبانی کنید
-  buyMeCoffee:
-    tooltip: با خرید یک فنجان قهوه حامی این پروژه باشید
-
 home: خانه
 languages:
   ar: Arabic
@@ -278,6 +273,11 @@ reviews:
   date: تاریخ
   product: محصول
   rate: امتیاز
+support:
+  buyMeCoffee:
+    tooltip: با خرید یک فنجان قهوه حامی این پروژه باشید
+  github:
+    tooltip: این پروژه را با دادن یک ستاره ⭐️ در گیت هاب پشتیبانی کنید
 title: پنل مدیریت Yummy
 todoApp:
   completed: کامل
diff --git a/locales/tr.yml b/locales/tr.yml
@@ -30,6 +30,7 @@ categories:
     parent: Üst Kategori
     title: Yeni Kategori Oluştur
   createButton: Oluştur
+  createdSucceed: Başarıyla yaratıldı
   stat: İstatistik
   title: Kategoriler
   topCategories: En iyi kategoriler
@@ -68,6 +69,7 @@ common:
   day: Gün
   delete: Silmek
   deleteConfirm: Bu öğeyi sileceğinizden emin misiniz?
+  deletedMessage: Başarıyla silindi
   goHome: Ana Sayfaya Dön
   month: Ay
   name: İsim
diff --git a/src/common/api/api-service.ts b/src/common/api/api-service.ts
@@ -21,7 +21,7 @@ export class ApiService {
     return response.data
   }
 
-  async getList<T>(url, params: any): Promise<ListResult<T>> {
+  async getList<T>(url: string, params: any): Promise<ListResult<T>> {
     const response = await this.httpClient.get<ListResult<T>>(
       `${this.apiBase}/${url}`,
       { params },
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -3,7 +3,7 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-export {}
+export type {}
 
 declare module 'vue' {
   export interface GlobalComponents {
@@ -50,14 +50,13 @@ declare module 'vue' {
     NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
     NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
     NButton: typeof import('naive-ui')['NButton']
-    NCard: typeof import('naive-ui')['NCard']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDialogProvider: typeof import('naive-ui')['NDialogProvider']
+    NDrawer: typeof import('naive-ui')['NDrawer']
+    NDrawerContent: typeof import('naive-ui')['NDrawerContent']
     NDropdown: typeof import('naive-ui')['NDropdown']
-    NDynamicTags: typeof import('naive-ui')['NDynamicTags']
     NEmpty: typeof import('naive-ui')['NEmpty']
-    NFlex: typeof import('naive-ui')['NFlex']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NIcon: typeof import('naive-ui')['NIcon']
@@ -79,7 +78,6 @@ declare module 'vue' {
     NRadioButton: typeof import('naive-ui')['NRadioButton']
     NRadioGroup: typeof import('naive-ui')['NRadioGroup']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
-    NSelect: typeof import('naive-ui')['NSelect']
     NSpace: typeof import('naive-ui')['NSpace']
     NSwitch: typeof import('naive-ui')['NSwitch']
     NTag: typeof import('naive-ui')['NTag']
diff --git a/src/components/Category/CategoryManagement.vue b/src/components/Category/CategoryManagement.vue
@@ -45,7 +45,7 @@ const showAddDialog = ref(false)
 
 function handleDeleteItem(row: RowData) {
   store.deleteCategory(row.id)
-  message.success('Category was deleted!')
+  useNotifyStore().success(t('common.deletedMessage'))
 }
 
 function rowKey(row: RowData) {
diff --git a/src/components/Category/CreateCategory.vue b/src/components/Category/CreateCategory.vue
@@ -50,6 +50,7 @@ async function create() {
   formRef.value?.validate(async (errors: any) => {
     if (!errors) {
       await categoryStore.createCategory(categoryItem.value)
+      useNotifyStore().success(t('categories.createdSucceed'))
       emits('close')
     }
   })
diff --git a/src/components/shared/SummaryStatCard.vue b/src/components/shared/SummaryStatCard.vue
@@ -31,7 +31,7 @@ const element = ref()
             <div class="w-25 overflow-hidden">
 
               <h3 ref="element" class="text-gray-700 dark:text-gray-200 value">
-                <n-number-animation ref="numberAnimationInstRef" :from="0" :to="data.count" />
+                <n-number-animation v-if="data" ref="numberAnimationInstRef" :from="0" :to="data.count" />
               </h3>
               <h4 class="title text-gray-600 dark:text-gray-200">
                 {{ title }}
diff --git a/src/mocks/handlers/category.handler.ts b/src/mocks/handlers/category.handler.ts
@@ -2,13 +2,18 @@ import { faker } from '@faker-js/faker/locale/en'
 import times from 'lodash/times'
 import { http, HttpResponse, delay } from 'msw'
 import type { Category, CategoryCreateModel } from '~/models/Category'
-import { CreatePagedResponse } from '../handlers.utility'
+import { CreateListResponse, CreatePagedResponse } from '../handlers.utility'
 
 const categories = times(20, createFakeCategory)
 const handlers = [
   http.get('/api/category', async ({ request }) => {
     const response = CreatePagedResponse<Category>(request, categories)
-    await delay(1500)
+    await delay(800)
+    return HttpResponse.json(response, { status: 200 })
+  }),
+  http.get('/api/category/all', async ({ request }) => {
+    const response = CreateListResponse<Category>(request, categories)
+    await delay(500)
     return HttpResponse.json(response, { status: 200 })
   }),
   http.get('/api/category/stats', () => {
diff --git a/src/services/generic.service.ts b/src/services/generic.service.ts
@@ -16,7 +16,7 @@ class GenericService<T, TKey> {
   }
 
   async getList(): Promise<T[]> {
-    const response = await this.apiService.getList<T>('', {})
+    const response = await this.apiService.getList<T>('all', {})
     return response.items
   }
 
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -3,11 +3,11 @@
 @use 'utils/animations';
 
 :root {
-    --primary-color: #00ad4c;
-    --background: #EEE;
-    --main-content: #FFF;
-    --border-color: #e0dfdf74;
-    --background-dark: #283046;
+  --primary-color: #00ad4c;
+  --background: #EEE;
+  --main-content: #FFF;
+  --border-color: #e0dfdf74;
+  --background-dark: #283046;
 }
 
 
@@ -44,10 +44,11 @@ body {
 }
 
 .ql-editor {
-  font-family: 'Inter var', 'ui-sans-serif',;
+  font-family: 'Inter var', 'ui-sans-serif', ;
 }
 
 .rtl {
+
   html,
   body,
   .n-drawer,
@@ -60,20 +61,22 @@ body {
     }
   }
 
-    .n-base-select-menu .n-base-select-option {
-      font-family: Shabnam;
-    }
-    .ql-editor {
-      font-family: Shabnam;
-      text-align: right;
-    }
+  .n-notification-main__content,
+  .n-base-select-menu .n-base-select-option {
+    font-family: Shabnam !important;
+  }
+
+  .ql-editor {
+    font-family: Shabnam;
+    text-align: right;
+  }
 
   .rtl-rotate {
     transform: rotate(180deg);
   }
 }
 
-.main-content { 
+.main-content {
   background: var(--main-content);
   height: calc(100vh - 1.3rem);
   border-radius: 10px;

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ export class ApiService {`
`21`	`21`	`return response.data`
`22`	`22`	`}`
`23`	`23`
`24`		`- async getList<T>(url, params: any): Promise<ListResult<T>> {`
	`24`	`+ async getList<T>(url: string, params: any): Promise<ListResult<T>> {`
`25`	`25`	`const response = await this.httpClient.get<ListResult<T>>(`
`26`	`26`	`${this.apiBase}/${url}`,
`27`	`27`	`{ params },`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ const showAddDialog = ref(false)`
`45`	`45`
`46`	`46`	`function handleDeleteItem(row: RowData) {`
`47`	`47`	`store.deleteCategory(row.id)`
`48`		`- message.success('Category was deleted!')`
	`48`	`+ useNotifyStore().success(t('common.deletedMessage'))`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`function rowKey(row: RowData) {`
Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,7 @@ async function create() {`
`50`	`50`	`formRef.value?.validate(async (errors: any) => {`
`51`	`51`	`if (!errors) {`
`52`	`52`	`await categoryStore.createCategory(categoryItem.value)`
	`53`	`+ useNotifyStore().success(t('categories.createdSucceed'))`
`53`	`54`	`emits('close')`
`54`	`55`	`}`
`55`	`56`	`})`