Fix UI issues (#233)

* add fullscreen toggle

* improve delete action in data tables

	modified:   src/auto-imports.d.ts
	modified:   src/components.d.ts
	modified:   src/components/Brand/BrandManagement.vue
	modified:   src/components/Orders/OrderManagement.vue
	modified:   src/store/order.store.ts

* set toast notifications place in rtl layout to right-bottom

* use number animation in all chart components

* improve product create section's ui

Author: doroudi

locales/ar.yml

@@ -20,6 +20,7 @@ button:
   go: انتقال
   home: الرئيسية
   toggle_dark: تبديل الوضع المظلم
+  toggle_fullscreen: تبديل ملء الشاشة
   toggle_langs: تغيير اللغات
 categories:
   count: عدد
@@ -143,11 +144,6 @@ forgot:
   sendEmailSuccess: تم إرسال البريد الإلكتروني بنجاح، يرجى التحقق من بريدك الإلكتروني
   title: نسيت كلمة المرور
   username: اسم المستخدم
-support:
-  github:
-    tooltip: ادعم هذا المشروع من خلال إعطاء نجمة ⭐️ على GitHub
-  buyMeCoffee:
-    tooltip: ادعم هذا المشروع بشراء كوب من القهوة.
 home: الرئيسية
 languages:
   ar: Arabic
@@ -279,6 +275,13 @@ reviews:
   date: التاريخ
   product: المنتج
   rate: التقييم
+support:
+  buyMeCoffee:
+    tooltip: ادعم هذا المشروع بشراء كوب من القهوة.
+  github:
+    buyMeCoffee:
+      tooltip: ''
+    tooltip: ادعم هذا المشروع من خلال إعطاء نجمة ⭐️ على GitHub
 title: لوحة تحكم يامي
 todoApp:
   completed: مكتمل

locales/cn.yml

@@ -20,6 +20,7 @@ button:
   go: 前往
   home: 首页
   toggle_dark: 切换深色模式
+  toggle_fullscreen: Toggle Full Screen
   toggle_langs: 切换语言
 categories:
   count: 数数
@@ -138,12 +139,6 @@ forgot:
   sendEmailSuccess: 电子邮件发送成功，请检查您的电子邮件
   title: 忘记密码
   username: 用户名
-support:
-  github:
-    tooltip: 请在Github上给这个项目一个⭐️支持
-  buyMeCoffee:
-    tooltip: 购买一杯咖啡来支持这个项目。
-  
 home: 首页
 languages:
   ar: Arabic
@@ -273,6 +268,11 @@ reviews:
   date: 日期
   product: 产品
   rate: 评分
+support:
+  buyMeCoffee:
+    tooltip: 购买一杯咖啡来支持这个项目。
+  github:
+    tooltip: 请在Github上给这个项目一个⭐️支持
 title: 美味管理系统
 todoApp:
   completed: 完全的

locales/de.yml

@@ -20,6 +20,7 @@ button:
   go: LOS
   home: Startseite
   toggle_dark: Dunkelmodus umschalten
+  toggle_fullscreen: Vollbildschirmen
   toggle_langs: Sprache ändern
 categories:
   count: Zählen
@@ -143,13 +144,6 @@ forgot:
   sendEmailSuccess: E-Mail erfolgreich gesendet, bitte überprüfen Sie Ihre E-Mail
   title: Passwort vergessen
   username: Benutzername
-support:
-  github:
-    tooltip: >-
-      Unterstützen Sie dieses Projekt, indem Sie ihm einen Stern ⭐️ auf Github
-      geben
-    buyMeCoffee:
-      tooltip: Unterstützen Sie dieses Projekt mit dem Kauf einer Tasse Kaffee.
 home: Startseite
 languages:
   ar: Arabic
@@ -282,6 +276,15 @@ reviews:
   date: Datum
   product: Produkt
   rate: Bewertung
+support:
+  buyMeCoffee:
+    tooltip: Unterstützen Sie dieses Projekt, indem Sie mir einen Kaffee kaufen
+  github:
+    buyMeCoffee:
+      tooltip: Unterstützen Sie dieses Projekt mit dem Kauf einer Tasse Kaffee.
+    tooltip: >-
+      Unterstützen Sie dieses Projekt, indem Sie ihm einen Stern ⭐️ auf Github
+      geben
 title: Yummy Admin
 todoApp:
   completed: Vollendet

locales/en.yml

@@ -21,6 +21,7 @@ button:
   home: Home
   toggle_dark: Toggle dark mode
   toggle_langs: Change languages
+  toggle_fullscreen: Toggle Full Screen
 categories:
   count: Count
   create:

locales/fa.yml

@@ -21,6 +21,7 @@ button:
   home: خانه
   toggle_dark: حالت تیره
   toggle_langs: تغییر زبان
+  toggle_fullscreen: تمام صفحه
 categories:
   count: تعداد
   create:
@@ -226,7 +227,7 @@ products:
   create:
     barcode: بارکد
     brand: برند
-    category: گروه محصو
+    category: گروه محصول
     description: توضیحات
     discountedPrice: قیمت بعد از تخفیف
     imageName: تصویر محصول

locales/tr.yml

@@ -20,6 +20,7 @@ button:
   go: GİT
   home: Ana Sayfa
   toggle_dark: Karanlık modu değiştir
+  toggle_fullscreen: Tam ekranı geçiş
   toggle_langs: Dil değiştir
 categories:
   count: Saymak
@@ -144,11 +145,6 @@ forgot:
   sendEmailSuccess: Email Başarıyla Gönderildi, Lütfen E-postanızı Kontrol Edin
   title: Şifremi Unuttum
   username: Kullanıcı Adı
-support:
-  github:
-    tooltip: Bu projeye ⭐️ Github'da destek verin
-  buyMeCoffee:
-    tooltip: Bir fincan kahve satın alarak bu projeye destek olun.
 home: Ana Sayfa
 languages:
   ar: Arabic
@@ -279,6 +275,11 @@ reviews:
   date: Tarih
   product: Ürün
   rate: Oran
+support:
+  buyMeCoffee:
+    tooltip: Bir fincan kahve satın alarak bu projeye destek olun.
+  github:
+    tooltip: Bu projeye ⭐️ Github'da destek verin
 title: Yummy Admin
 todoApp:
   completed: Tamamlanmış

src/App.vue

@@ -146,7 +146,7 @@ function getToggleElementPosition() {
 <template>
   <n-config-provider inline-theme-disabled :theme="activeTheme" :theme-overrides="activeThemeOverrides"
     :rtl="layout.isRtl ? rtlStyles : []" :preflight-style-disabled="false">
-    <n-notification-provider placement="bottom-right">
+    <n-notification-provider :placement="layout.isRtl ? 'bottom-left':'bottom-right'">
       <n-message-provider placement="bottom-right">
         <n-dialog-provider>
           <div class="dark-mode-container"

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 type {}
+export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
@@ -35,6 +35,7 @@ declare module 'vue' {
     EcommerceDashboard: typeof import('./components/Dashboard/Ecommerce/EcommerceDashboard.vue')['default']
     Editor: typeof import('./components/Editor.vue')['default']
     EnglandIcon: typeof import('./components/CustomIcons/EnglandIcon.vue')['default']
+    FullScreenButton: typeof import('./components/Navbar/FullScreenButton.vue')['default']
     GermanyIcon: typeof import('./components/CustomIcons/GermanyIcon.vue')['default']
     GithubIcon: typeof import('./components/CustomIcons/GithubIcon.vue')['default']
     GoogleIcon: typeof import('./components/CustomIcons/GoogleIcon.vue')['default']
@@ -44,21 +45,19 @@ declare module 'vue' {
     MessageItem: typeof import('./components/Apps/Chat/MessageItem.vue')['default']
     MicrosoftIcon: typeof import('./components/CustomIcons/MicrosoftIcon.vue')['default']
     NAutoComplete: typeof import('naive-ui')['NAutoComplete']
-    NAvatar: typeof import('naive-ui')['NAvatar']
     Navbar: typeof import('./components/Navbar/Navbar.vue')['default']
     NBadge: typeof import('naive-ui')['NBadge']
     NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
     NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
     NButton: typeof import('naive-ui')['NButton']
-    NCollapse: typeof import('naive-ui')['NCollapse']
-    NCollapseItem: typeof import('naive-ui')['NCollapseItem']
+    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']
@@ -72,20 +71,23 @@ declare module 'vue' {
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
     NModal: typeof import('naive-ui')['NModal']
     NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
+    NNumberAnimation: typeof import('naive-ui')['NNumberAnimation']
     Notifications: typeof import('./components/Navbar/Notifications.vue')['default']
     NPageHeader: typeof import('naive-ui')['NPageHeader']
     NPopover: typeof import('naive-ui')['NPopover']
     NPopselect: typeof import('naive-ui')['NPopselect']
     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']
     NText: typeof import('naive-ui')['NText']
     NThing: typeof import('naive-ui')['NThing']
     NTooltip: typeof import('naive-ui')['NTooltip']
     NTreeSelect: typeof import('naive-ui')['NTreeSelect']
+    NUpload: typeof import('naive-ui')['NUpload']
     OrderManagement: typeof import('./components/Orders/OrderManagement.vue')['default']
     PersianIcon: typeof import('./components/CustomIcons/PersianIcon.vue')['default']
     ProductsManagement: typeof import('./components/Products/ProductsManagement.vue')['default']

src/components/Brand/BrandManagement.vue

@@ -3,7 +3,6 @@ import {
   Edit32Regular as EditIcon,
   Add20Regular as PlusIcon,
 } from '@vicons/fluent'
-import { useMessage } from 'naive-ui'
 import { type DataTableColumns, NButton, NIcon } from 'naive-ui/es/components'
 import type { RowData } from 'naive-ui/es/data-table/src/interface'
 import { storeToRefs } from 'pinia'
@@ -13,7 +12,6 @@ const layout = useLayoutStore()
 const { dialogPlacement } = storeToRefs(layout)
 const { t } = useI18n()
 const store = useBrandStore()
-const message = useMessage()
 
 onMounted(getItems)
 const { renderActionButton, renderDeleteActionButton } = useRender()
@@ -45,7 +43,8 @@ const showAddDialog = ref(false)
 
 function handleDeleteItem(row: RowData) {
   store.deleteBrand(row.id)
-  message.success('Brand was deleted!')
+  getItems()
+  useNotifyStore().success(`Brand ${row.name} was deleted!`)
 }
 
 function rowKey(row: RowData) {

src/components/Dashboard/Ecommerce/EcommerceDashboard.vue

@@ -1,10 +1,6 @@
 <script setup lang="ts">
-import { storeToRefs } from 'pinia'
-
 const { t } = useI18n()
-const notify = useNotifyStore()
 const store = useDashboardStore()
-const { isLoading, summaryStat } = storeToRefs(store)
 const layout = useLayoutStore()
 
 onMounted(() => {