first commit
This commit is contained in:
Baghi330
commit
cc647ffaba
7
.env
Executable file
7
.env
Executable file
|
|
@ -0,0 +1,7 @@
|
||||||
|
NUXT_PUBLIC_API_NAME=api/
|
||||||
|
|
||||||
|
IS_DEVLOP_MODE=1
|
||||||
|
|
||||||
|
NUXT_PUBLIC_SYSTEM=monir
|
||||||
|
NUXT_PUBLIC_BASE_URL=http://192.168.23.60/
|
||||||
|
NUXT_PUBLIC_BASE_URL2=https://hamfahmi.ir/
|
||||||
9
.env.db
Executable file
9
.env.db
Executable file
|
|
@ -0,0 +1,9 @@
|
||||||
|
# Active System
|
||||||
|
NUXT_PUBLIC_SYSTEM=monir
|
||||||
|
|
||||||
|
IS_DEVLOP_MODE=0
|
||||||
|
|
||||||
|
# (اختیاری – اگر بعداً خواستی)
|
||||||
|
NUXT_PUBLIC_APP_NAME=Monir System
|
||||||
|
NUXT_PUBLIC_BASE_URL=https://asr.hamfahmi.ir/
|
||||||
|
# NUXT_PUBLIC_BASE_URL2=https://hamfahmi.ir/
|
||||||
9
.env.monir
Executable file
9
.env.monir
Executable file
|
|
@ -0,0 +1,9 @@
|
||||||
|
# Active System
|
||||||
|
NUXT_PUBLIC_SYSTEM=monir
|
||||||
|
|
||||||
|
IS_DEVLOP_MODE=1
|
||||||
|
|
||||||
|
# (اختیاری – اگر بعداً خواستی)
|
||||||
|
NUXT_PUBLIC_APP_NAME=Monir Hamfahmi
|
||||||
|
NUXT_PUBLIC_BASE_URL=http://192.168.23.60/
|
||||||
|
# NUXT_PUBLIC_BASE_URL2=https://hamfahmi.ir/
|
||||||
5
.env.tavasi
Executable file
5
.env.tavasi
Executable file
|
|
@ -0,0 +1,5 @@
|
||||||
|
# Active System
|
||||||
|
NUXT_PUBLIC_SYSTEM=majles
|
||||||
|
|
||||||
|
# (اختیاری)
|
||||||
|
NUXT_PUBLIC_APP_NAME=Majles System
|
||||||
26
.gitignore
vendored
Executable file
26
.gitignore
vendored
Executable file
|
|
@ -0,0 +1,26 @@
|
||||||
|
# Nuxt dev/build outputs
|
||||||
|
.output
|
||||||
|
.data
|
||||||
|
.vscode
|
||||||
|
.nuxt
|
||||||
|
.nitro
|
||||||
|
.cache
|
||||||
|
dist
|
||||||
|
|
||||||
|
# Node dependencies
|
||||||
|
node_modules
|
||||||
|
node_modules*
|
||||||
|
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
|
||||||
|
# Misc
|
||||||
|
.DS_Store
|
||||||
|
.fleet
|
||||||
|
.idea
|
||||||
|
|
||||||
|
# Local env files
|
||||||
|
# .env
|
||||||
|
# .env.*
|
||||||
|
# !.env.example
|
||||||
248
README.md
Executable file
248
README.md
Executable file
|
|
@ -0,0 +1,248 @@
|
||||||
|
# serve in windows
|
||||||
|
|
||||||
|
## install nvm , node
|
||||||
|
install nvm in windows :
|
||||||
|
- downlowd nvm-setup.exe : https://github.com/coreybutler/nvm-windows/releases
|
||||||
|
- install nvm-setup.exe
|
||||||
|
|
||||||
|
install node 24.0.0 :
|
||||||
|
nvm install 24.0.0
|
||||||
|
nvm use 24.0.0
|
||||||
|
|
||||||
|
## install node_modules
|
||||||
|
serve
|
||||||
|
```
|
||||||
|
git clone --recurse-submodules https://git2.tavasi.ir/nuxt_v4/front2.git
|
||||||
|
cd front2
|
||||||
|
npm install
|
||||||
|
|
||||||
|
npm run dev-monir
|
||||||
|
```
|
||||||
|
|
||||||
|
# build to ubuntu server
|
||||||
|
|
||||||
|
#build in local windows :
|
||||||
|
- ?? r&d ?? : #NUXT_PUBLIC_BASE_URL=http://192.168.23.160/
|
||||||
|
- npm run build-monir
|
||||||
|
-- r&d : زمان بیلد بسیار زیاد چرا ؟
|
||||||
|
|
||||||
|
sudo apt update
|
||||||
|
sudo apt install -y curl git
|
||||||
|
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
|
||||||
|
source ~/.bashrc
|
||||||
|
nvm --version
|
||||||
|
nvm install 24.0.0
|
||||||
|
nvm use --lts
|
||||||
|
nvm alias default lts/*
|
||||||
|
npm install -g pm2
|
||||||
|
PORT=3000 pm2 start .output/server/index.mjs --name "nuxt-app"
|
||||||
|
pm2 save
|
||||||
|
pm2 startup
|
||||||
|
http://192.168.23.103:3000/dashboard/base
|
||||||
|
|
||||||
|
|
||||||
|
install nvm in ubuntu :
|
||||||
|
- ????
|
||||||
|
|
||||||
|
install node 24.0.0 :
|
||||||
|
- ???
|
||||||
|
|
||||||
|
run server :
|
||||||
|
1. npm install -g pm2
|
||||||
|
2. pm2 start .output/server/index.mjs --name "nuxt-app"
|
||||||
|
2. port : PORT=3003 pm2 start .output/server/index.mjs --name "nuxt-app"
|
||||||
|
3. pm2 save
|
||||||
|
4. pm2 startup
|
||||||
|
|
||||||
|
|
||||||
|
restart :
|
||||||
|
pm2 restart "???-app"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
####
|
||||||
|
PORT=3000 HOST=0.0.0.0 pm2 start .output/server/index.mjs --name test-nuxt
|
||||||
|
pm2 list
|
||||||
|
pm2 delete test-nuxt
|
||||||
|
|
||||||
|
|
||||||
|
میتونم یک **ردمی کامل برای نصب، آپدیت و اجرای Nuxt روی اوبونتو** بر اساس توضیحات شما آماده کنم. این شامل نصب NVM، Node.js، PM2 و راهاندازی سرور است:
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# راهنمای نصب و اجرا روی Ubuntu
|
||||||
|
|
||||||
|
### ۱. بهروزرسانی سیستم و نصب پیشنیازها
|
||||||
|
|
||||||
|
```bash
|
||||||
|
sudo apt update
|
||||||
|
sudo apt install -y curl git build-essential
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### ۲. نصب NVM (Node Version Manager)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
|
||||||
|
source ~/.bashrc
|
||||||
|
nvm --version
|
||||||
|
```
|
||||||
|
|
||||||
|
> اگر بعد از `source ~/.bashrc` دستور `nvm` را نشناخت، ترمینال را ببندید و دوباره باز کنید.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### ۳. نصب Node.js 24 و انتخاب آن به عنوان پیشفرض
|
||||||
|
|
||||||
|
```bash
|
||||||
|
nvm install 24
|
||||||
|
nvm use 24
|
||||||
|
nvm alias default 24
|
||||||
|
node -v
|
||||||
|
npm -v
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### ۴. نصب PM2 برای مدیریت فرآیندها
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install -g pm2
|
||||||
|
pm2 -v
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### ۵. کلون پروژه Nuxt و نصب وابستگیها
|
||||||
|
|
||||||
|
```bash
|
||||||
|
git clone --recurse-submodules https://git2.tavasi.ir/nuxt_v4/base_ui.git
|
||||||
|
cd base_ui
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### ۶. اجرای محیط توسعه (Development)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run dev-monir
|
||||||
|
```
|
||||||
|
|
||||||
|
> سرور روی `http://localhost:3000` یا IP ماشین شما قابل دسترسی است.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### ۷. ساخت برنامه برای تولید (Build)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# اگر نیاز به تغییر متغیر محیطی دارید:
|
||||||
|
export NUXT_PUBLIC_BASE_URL=http://192.168.23.160/
|
||||||
|
|
||||||
|
npm run build-monir
|
||||||
|
```
|
||||||
|
|
||||||
|
> ⚠️ زمان بیلد طولانی میتواند به دلیل حجم پروژه یا سیستم باشد. برای کاهش زمان، از `pnpm` یا استفاده از Docker cache هم میتوان کمک گرفت.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### ۸. اجرای برنامه روی سرور با PM2 (Production)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# نصب اگر قبلا انجام نشده:
|
||||||
|
npm install -g pm2
|
||||||
|
|
||||||
|
# اجرای برنامه با پورت مشخص
|
||||||
|
PORT=3000 HOST=0.0.0.0 pm2 start .output/server/index.mjs --name "nuxt-app"
|
||||||
|
|
||||||
|
# ذخیره وضعیت pm2 برای اجرای خودکار پس از ریبوت
|
||||||
|
pm2 save
|
||||||
|
pm2 startup
|
||||||
|
```
|
||||||
|
|
||||||
|
> بعد از اجرای `pm2 startup`، دستور نمایش داده شده را کپی و اجرا کنید تا PM2 روی بوت اوبونتو فعال شود.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### ۹. دسترسی
|
||||||
|
|
||||||
|
به مرورگر بروید و آدرس زیر را باز کنید:
|
||||||
|
|
||||||
|
```
|
||||||
|
http://<IP-Server>:3000/dashboard/base
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
💡 **نکات تکمیلی:**
|
||||||
|
|
||||||
|
* برای بروزرسانی Node.js:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
nvm install 24 --reinstall-packages-from=24
|
||||||
|
nvm use 24
|
||||||
|
```
|
||||||
|
|
||||||
|
* اگر میخواهید تغییرات در کد بدون ریستارت دستی سرور اعمال شود، از `pm2 reload nuxt-app` استفاده کنید.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫ جایگذینی ورژن جدید ٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫٫
|
||||||
|
|
||||||
|
1.
|
||||||
|
npm run build {buid name project}
|
||||||
|
|
||||||
|
2.
|
||||||
|
نصب نرم افزار winscp و لاگین کردن در سرور و جایگذینی فایل output جدید
|
||||||
|
|
||||||
|
3.
|
||||||
|
با دستورات زیر در ترمینال جایگذاری انجام میگردد
|
||||||
|
|
||||||
|
ssh sabr@192.168.23.103
|
||||||
|
|
||||||
|
sabr@frant:~$ pm2 restart nuxt-app
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
# نکاتی برای استفاده از npm mirror
|
||||||
|
|
||||||
|
|
||||||
|
### سایتها
|
||||||
|
|
||||||
|
https://parswebserver.com/mirror-storages-for-pip/
|
||||||
|
|
||||||
|
https://mirror-npm.runflare.com/
|
||||||
|
https://mirror-pypi.runflare.com/
|
||||||
|
https://archive.ito.gov.ir/npm/
|
||||||
|
|
||||||
|
|
||||||
|
npm install --registry https://registry.npmmirror.com express
|
||||||
|
|
||||||
|
npm config set registry "https://archive.ito.gov.ir/npm/"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
>> npm config list
|
||||||
|
|
||||||
|
; "project" config from H:\my_mindmap\my-nuxt-project\.npmrc
|
||||||
|
|
||||||
|
@baghi330:registry = "https://npm.pkg.github.com/"
|
||||||
|
//npm.pkg.github.com/:_authToken = (protected)
|
||||||
|
|
||||||
|
; node bin location = C:\Program Files\nodejs\node.exe
|
||||||
|
; node version = v22.13.1
|
||||||
|
; npm local prefix = H:\my_mindmap\my-nuxt-project
|
||||||
|
; npm version = 11.3.0
|
||||||
|
; cwd = H:\my_mindmap\my-nuxt-project
|
||||||
|
; HOME = C:\Users\user
|
||||||
|
; Run `npm config ls -l` to show all defaults.
|
||||||
20
app/app.config.ts
Executable file
20
app/app.config.ts
Executable file
|
|
@ -0,0 +1,20 @@
|
||||||
|
// app.config.ts
|
||||||
|
export default defineAppConfig({
|
||||||
|
ui: {
|
||||||
|
colors: {
|
||||||
|
primary: "primary",
|
||||||
|
secondary: "purple",
|
||||||
|
neutral: "zinc",
|
||||||
|
},
|
||||||
|
button: {
|
||||||
|
slots: {
|
||||||
|
base: ["cursor-pointer"],
|
||||||
|
},
|
||||||
|
defaultVariants: {
|
||||||
|
color: "primary",
|
||||||
|
variant: "solid",
|
||||||
|
size: "lg", // ← همه دکمهها پیشفرض lg میشن
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
40
app/app.vue
Executable file
40
app/app.vue
Executable file
|
|
@ -0,0 +1,40 @@
|
||||||
|
<!-- app.vue -->
|
||||||
|
<template>
|
||||||
|
<UApp>
|
||||||
|
<NuxtLayout>
|
||||||
|
<NuxtPage />
|
||||||
|
</NuxtLayout>
|
||||||
|
</UApp>
|
||||||
|
<ConfirmModal />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { useHead } from "#imports";
|
||||||
|
import { onMounted } from "vue";
|
||||||
|
import { composSystemTheme } from "~/composables/composSystemTheme";
|
||||||
|
// تنظیم تم سیستم
|
||||||
|
useHead({
|
||||||
|
script: [
|
||||||
|
{
|
||||||
|
innerHTML: `
|
||||||
|
(function() {
|
||||||
|
var mode = localStorage.getItem('theme-mode');
|
||||||
|
if (mode === 'dark') {
|
||||||
|
document.documentElement.classList.add('dark');
|
||||||
|
} else {
|
||||||
|
document.documentElement.classList.remove('dark');
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
`,
|
||||||
|
type: "text/javascript",
|
||||||
|
tagPriority: -1,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
const { applyTheme } = composSystemTheme();
|
||||||
|
onMounted(() => {
|
||||||
|
applyTheme();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
||||||
75
app/assets/css/main.css
Executable file
75
app/assets/css/main.css
Executable file
|
|
@ -0,0 +1,75 @@
|
||||||
|
/* app/assets/css/main.css */
|
||||||
|
@import "tailwindcss";
|
||||||
|
@import "@nuxt/ui";
|
||||||
|
|
||||||
|
@theme static {
|
||||||
|
/* light-colors */
|
||||||
|
--color-light-primary: #fff;
|
||||||
|
--color-text__orange: #e86c6b;
|
||||||
|
--color-link-color: #2563eb;
|
||||||
|
|
||||||
|
/* dark-colors */
|
||||||
|
--color-dark-primary: #111827;
|
||||||
|
--color-dark-primary-800: #1f2937;
|
||||||
|
--color-dark-primary-700: #374151;
|
||||||
|
--color-dark-primary-600: #4b5563;
|
||||||
|
--color-dark-primary-500: #6b7280;
|
||||||
|
--color-dark-primary-400: #9ca3af;
|
||||||
|
--color-dark-primary-300: #d1d5db;
|
||||||
|
--color-dark-primary-200: #e5e7eb;
|
||||||
|
--color-dark-primary-100: #f3f4f6;
|
||||||
|
--color-dark-primary-50: #f9fafb;
|
||||||
|
|
||||||
|
/* رنگ متن معمولی */
|
||||||
|
--color-white-normal: #ffffff; /* متن سفید معمولی */
|
||||||
|
--color-black-normal: #111827; /* متن مشکی معمولی */
|
||||||
|
|
||||||
|
/* متن سفید */
|
||||||
|
--color-white-bold: #ffffff; /* متن پررنگ سفید */
|
||||||
|
--color-white-light: rgba(255, 255, 255, 0.6); /* متن کمرنگ سفید */
|
||||||
|
--color-white-strong: #ffffff; /* متن بولد سفید */
|
||||||
|
|
||||||
|
/* متن خاکستری / دارک */
|
||||||
|
--color-dark-normal: #e5e7eb; /* متن خاکستری روشن */
|
||||||
|
--color-dark-bold: #111827; /* متن روشنتر و بولد */
|
||||||
|
--color-dark-light: #6b7280; /* متن کمرنگ خاکستری */
|
||||||
|
--color-dark-strong: #ffffff; /* متن بولد خاکستری روشن */
|
||||||
|
|
||||||
|
/* متن غیر فعال */
|
||||||
|
--color-text-disabled: #9ca3af;
|
||||||
|
|
||||||
|
/* رنگ های دلخواه دیگر */
|
||||||
|
--color-text-orange: #e86c6b;
|
||||||
|
--color-link-color: #2563eb;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* تعریف رنگ دلخواه */
|
||||||
|
/* primary-colors */
|
||||||
|
/* --color-primary: #00b6e3; */
|
||||||
|
/* --color-primary-50: #e0f6fb;
|
||||||
|
--color-primary-100: #b3e9f7;
|
||||||
|
--color-primary-200: #80d8f3;
|
||||||
|
--color-primary-300: #4dc6ef;
|
||||||
|
--color-primary-400: #1ab4eb;
|
||||||
|
--color-primary-500: #00b6e3;
|
||||||
|
--color-primary-600: #0097b0;
|
||||||
|
--color-primary-700: #007580;
|
||||||
|
--color-primary-800: #005250;
|
||||||
|
--color-primary-900: #002f30;
|
||||||
|
--color-primary-950: #001519; */
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: var(--app-font), sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
#__nuxt,
|
||||||
|
.root {
|
||||||
|
font-family: var(--app-font), sans-serif !important;
|
||||||
|
direction: rtl;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
button,a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
37
app/assets/majles/theme.json
Executable file
37
app/assets/majles/theme.json
Executable file
|
|
@ -0,0 +1,37 @@
|
||||||
|
{
|
||||||
|
"name": "MajlesSystem",
|
||||||
|
"title": "قانون یار",
|
||||||
|
"subTitle": "مرجع رسمی قوانین و مقررات کشور",
|
||||||
|
"logo": {
|
||||||
|
"light": "/logo/majles/light_logo.png",
|
||||||
|
"dark": "/logo/majles/dark_logo.png"
|
||||||
|
},
|
||||||
|
"font": "sahel",
|
||||||
|
"fontFiles": [
|
||||||
|
{
|
||||||
|
"weight": "normal",
|
||||||
|
"style": "normal",
|
||||||
|
"src": "/fonts/sahel/Sahel-SemiBold.woff2"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"weight": "bold",
|
||||||
|
"style": "normal",
|
||||||
|
"src": "/fonts/sahel/Sahel-Bold.woff2"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colors": {
|
||||||
|
"primary": {
|
||||||
|
"50": "#e6fafa",
|
||||||
|
"100": "#c8f5f5",
|
||||||
|
"200": "#a6f0f0",
|
||||||
|
"300": "#80ebeb",
|
||||||
|
"400": "#57e6e6",
|
||||||
|
"500": "#00baba",
|
||||||
|
"600": "#009b9b",
|
||||||
|
"700": "#007b7b",
|
||||||
|
"800": "#005c5c",
|
||||||
|
"900": "#003e3e",
|
||||||
|
"950": "#002020"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
app/assets/monir/logo.png
Executable file
BIN
app/assets/monir/logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
42
app/assets/monir/theme.json
Executable file
42
app/assets/monir/theme.json
Executable file
|
|
@ -0,0 +1,42 @@
|
||||||
|
{
|
||||||
|
"name": "MonirSystem",
|
||||||
|
"title": "هم فهمی",
|
||||||
|
"subTitle": "زیست بوم پژوهشگران",
|
||||||
|
"logo": {
|
||||||
|
"light": "/logo/monir/logo.png",
|
||||||
|
"dark": "/logo/monir/logo.png"
|
||||||
|
},
|
||||||
|
"font": "Vazirmatn",
|
||||||
|
"fontFiles": [
|
||||||
|
{
|
||||||
|
"weight": "normal",
|
||||||
|
"style": "normal",
|
||||||
|
"src": "/fonts/vazir/Vazirmatn-Regular.woff2"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"weight": "bold",
|
||||||
|
"style": "normal",
|
||||||
|
"src": "/fonts/vazir/Vazirmatn-Bold.woff2"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"weight": "500",
|
||||||
|
"style": "normal",
|
||||||
|
"src": "/fonts/vazir/Vazirmatn-Medium.woff2"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colors": {
|
||||||
|
"primary": {
|
||||||
|
"50": "#e6f8fd",
|
||||||
|
"100": "#cceffd",
|
||||||
|
"200": "#99e0fa",
|
||||||
|
"300": "#66d1f7",
|
||||||
|
"400": "#33c2f0",
|
||||||
|
"500": "#00b6e3",
|
||||||
|
"600": "#0092b8",
|
||||||
|
"700": "#006f8d",
|
||||||
|
"800": "#004c62",
|
||||||
|
"900": "#002937",
|
||||||
|
"950": "#00151d"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
207
app/components/auto-import/BaseModal.vue
Executable file
207
app/components/auto-import/BaseModal.vue
Executable file
|
|
@ -0,0 +1,207 @@
|
||||||
|
<template>
|
||||||
|
<UModal
|
||||||
|
v-model:open="isModalOpen"
|
||||||
|
:title="localModalSchema.title || ''"
|
||||||
|
:description="localModalSchema.description || ''"
|
||||||
|
:ui="modalUi"
|
||||||
|
:overlay="localModalSchema.overlay !== false"
|
||||||
|
:dismissible="localModalSchema.dismissible !== false"
|
||||||
|
:scrollable="localModalSchema.scrollable || false"
|
||||||
|
:fullscreen="localModalSchema.fullscreen || false"
|
||||||
|
>
|
||||||
|
<!-- Body -->
|
||||||
|
<template #body>
|
||||||
|
<slot name="modal-body-content" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<template v-if="hasFooter" #footer>
|
||||||
|
<div class="flex w-full flex-wrap items-center justify-between gap-3">
|
||||||
|
<!-- right actions -->
|
||||||
|
<div class="flex flex-wrap gap-2">
|
||||||
|
<UButton
|
||||||
|
v-for="action in rightActions"
|
||||||
|
:key="action.key"
|
||||||
|
v-bind="resolveActionProps(action)"
|
||||||
|
@click="onActionClick(action)"
|
||||||
|
size="lg"
|
||||||
|
class="dark:text-white"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- left actions -->
|
||||||
|
<div class="flex flex-wrap items-center gap-2">
|
||||||
|
<UButton
|
||||||
|
v-for="action in leftActions"
|
||||||
|
:key="action.key"
|
||||||
|
v-bind="resolveActionProps(action)"
|
||||||
|
@click="onActionClick(action)"
|
||||||
|
size="lg"
|
||||||
|
class="dark:text-white"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div v-if="footerText" class="mt-2 text-sm text-gray-600">
|
||||||
|
{{ footerText }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</UModal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed, watch } from "vue";
|
||||||
|
|
||||||
|
/* ---------------- props & emits ---------------- */
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
modalSchema: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({
|
||||||
|
title: "مدال",
|
||||||
|
description: "",
|
||||||
|
size: "lg",
|
||||||
|
footerDescription: "",
|
||||||
|
actions: {
|
||||||
|
left: [
|
||||||
|
{
|
||||||
|
key: "close",
|
||||||
|
label: "بستن",
|
||||||
|
variant: "outline",
|
||||||
|
closeOnClick: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "save",
|
||||||
|
label: "ذخیره",
|
||||||
|
color: "primary",
|
||||||
|
closeOnClick: false,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
isOpen: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(["modal-action", "update-isOpen", "modal-close"]);
|
||||||
|
|
||||||
|
/* ---------------- state ---------------- */
|
||||||
|
|
||||||
|
const isModalOpen = ref(props.isOpen);
|
||||||
|
const footerText = ref("");
|
||||||
|
|
||||||
|
/* ---------------- computed ---------------- */
|
||||||
|
|
||||||
|
const localModalSchema = computed(() => props.modalSchema || {});
|
||||||
|
|
||||||
|
const actions = computed(() => localModalSchema.value.actions || {});
|
||||||
|
const leftActions = computed(() => {
|
||||||
|
const actionsList = actions.value.left || [];
|
||||||
|
return actionsList.filter((action) => action && action.key); // فیلتر کردن actions خالی
|
||||||
|
});
|
||||||
|
const rightActions = computed(() => {
|
||||||
|
const actionsList = actions.value.right || [];
|
||||||
|
return actionsList.filter((action) => action && action.key); // فیلتر کردن actions خالی
|
||||||
|
});
|
||||||
|
|
||||||
|
const hasFooter = computed(
|
||||||
|
() => leftActions.value.length > 0 || rightActions.value.length > 0,
|
||||||
|
);
|
||||||
|
|
||||||
|
/* -------- modal width by size -------- */
|
||||||
|
|
||||||
|
const modalWidthMap = {
|
||||||
|
sm: "max-w-[400px]",
|
||||||
|
md: "max-w-[600px]",
|
||||||
|
lg: "max-w-[900px]",
|
||||||
|
xl: "max-w-[1200px]",
|
||||||
|
};
|
||||||
|
|
||||||
|
const modalUi = computed(() => {
|
||||||
|
const size = localModalSchema.value.size || "md";
|
||||||
|
const widthClass = modalWidthMap[size] || modalWidthMap.md;
|
||||||
|
|
||||||
|
return {
|
||||||
|
...localModalSchema.value.ui,
|
||||||
|
content: [widthClass, localModalSchema.value.ui?.content]
|
||||||
|
.filter(Boolean)
|
||||||
|
.join(" "),
|
||||||
|
header: [
|
||||||
|
localModalSchema.value.ui?.header,
|
||||||
|
"bg-gray-50 dark:bg-dark-primary",
|
||||||
|
]
|
||||||
|
.filter(Boolean)
|
||||||
|
.join(" "),
|
||||||
|
footer: [
|
||||||
|
localModalSchema.value.ui?.footer,
|
||||||
|
"bg-gray-50 dark:bg-dark-primary",
|
||||||
|
]
|
||||||
|
.filter(Boolean)
|
||||||
|
.join(" "),
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
/* ---------------- watchers ---------------- */
|
||||||
|
|
||||||
|
/* sync parent → modal */
|
||||||
|
watch(
|
||||||
|
() => props.isOpen,
|
||||||
|
(val) => {
|
||||||
|
isModalOpen.value = val;
|
||||||
|
},
|
||||||
|
{ immediate: true },
|
||||||
|
);
|
||||||
|
|
||||||
|
/* sync modal → parent (❌ / ESC / overlay) */
|
||||||
|
watch(isModalOpen, (newVal) => {
|
||||||
|
emit("update-isOpen", newVal);
|
||||||
|
|
||||||
|
// اگر مودال بسته شد، event مخصوص close هم emit کن
|
||||||
|
if (newVal === false) {
|
||||||
|
emit("modal-close");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// /* وقتی overlay یا ESC بزند */
|
||||||
|
// function onOverlayClick() {
|
||||||
|
// emit("modal-action", {
|
||||||
|
// action: "overlay-close",
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
|
||||||
|
/* footer description */
|
||||||
|
watch(
|
||||||
|
() => localModalSchema.value.footerDescription,
|
||||||
|
(val) => {
|
||||||
|
footerText.value = val || "";
|
||||||
|
},
|
||||||
|
{ immediate: true },
|
||||||
|
);
|
||||||
|
|
||||||
|
/* ---------------- methods ---------------- */
|
||||||
|
|
||||||
|
function onActionClick(action) {
|
||||||
|
// همیشه event را emit کن (حتی برای close)
|
||||||
|
emit("modal-action", action.key);
|
||||||
|
|
||||||
|
// اگر دکمه باید مودال را ببندد
|
||||||
|
if (action.closeOnClick) {
|
||||||
|
isModalOpen.value = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveActionProps(action) {
|
||||||
|
return {
|
||||||
|
label: action.label,
|
||||||
|
icon: action.icon,
|
||||||
|
color: action.color || "gray",
|
||||||
|
variant: action.variant || "solid",
|
||||||
|
size: action.size || "sm",
|
||||||
|
loading: action.loading || false,
|
||||||
|
disabled: action.disabled || false,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
</script>
|
||||||
521
app/components/auto-import/BlockMenu.vue
Executable file
521
app/components/auto-import/BlockMenu.vue
Executable file
|
|
@ -0,0 +1,521 @@
|
||||||
|
<template>
|
||||||
|
<div v-if="visible" class="block-menu" :style="menuStyle" @click.stop>
|
||||||
|
<!-- هدر بلوک -->
|
||||||
|
<div class="block-header">
|
||||||
|
<div class="block-type">
|
||||||
|
<span class="block-icon">{{ blockIcon }}</span>
|
||||||
|
<span class="block-name">{{ blockTypeName }}</span>
|
||||||
|
</div>
|
||||||
|
<button class="close-btn" @click="closeMenu">×</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- تنظیمات بلوک -->
|
||||||
|
<div class="menu-section">
|
||||||
|
<div class="section-title">تنظیمات بلوک</div>
|
||||||
|
|
||||||
|
<!-- رنگ بلوک -->
|
||||||
|
<div class="block-color-picker">
|
||||||
|
<div class="color-label">رنگ:</div>
|
||||||
|
<div class="color-grid">
|
||||||
|
<button
|
||||||
|
v-for="color in blockColors"
|
||||||
|
:key="color.value"
|
||||||
|
class="color-option"
|
||||||
|
:class="{ selected: blockColor === color.value }"
|
||||||
|
:style="{ backgroundColor: color.value }"
|
||||||
|
@click="handleAction('color', color.value)"
|
||||||
|
:title="color.name"
|
||||||
|
></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ترازبندی -->
|
||||||
|
<div class="block-alignment">
|
||||||
|
<div class="alignment-label">تراز:</div>
|
||||||
|
<div class="alignment-buttons">
|
||||||
|
<button
|
||||||
|
v-for="align in alignments"
|
||||||
|
:key="align.value"
|
||||||
|
class="align-btn"
|
||||||
|
:class="{ selected: blockAlign === align.value }"
|
||||||
|
@click="handleAction('align', align.value)"
|
||||||
|
:title="align.name"
|
||||||
|
>
|
||||||
|
{{ align.icon }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- تبدیل نوع بلوک -->
|
||||||
|
<div class="menu-section">
|
||||||
|
<div class="section-title">تبدیل به</div>
|
||||||
|
<div class="block-types-grid">
|
||||||
|
<button
|
||||||
|
v-for="type in availableBlockTypes"
|
||||||
|
:key="type.id"
|
||||||
|
class="type-btn"
|
||||||
|
:class="{ current: blockType === type.id }"
|
||||||
|
@click="handleAction('convert', type.id)"
|
||||||
|
>
|
||||||
|
<span class="type-icon">{{ type.icon }}</span>
|
||||||
|
<span class="type-name">{{ type.name }}</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- عملیات بلوک -->
|
||||||
|
<div class="menu-section">
|
||||||
|
<div class="section-title">عملیات</div>
|
||||||
|
<button class="menu-item" @click="handleAction('duplicate')">
|
||||||
|
<span class="item-icon">📋</span>
|
||||||
|
تکثیر بلوک
|
||||||
|
<span class="hint">ایجاد کپی</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('comment')">
|
||||||
|
<span class="item-icon">💬</span>
|
||||||
|
افزودن نظر
|
||||||
|
<span class="hint">کامنت</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('move-up')">
|
||||||
|
<span class="item-icon">⬆️</span>
|
||||||
|
انتقال به بالا
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('move-down')">
|
||||||
|
<span class="item-icon">⬇️</span>
|
||||||
|
انتقال به پایین
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="menu-item text-danger"
|
||||||
|
@click="handleAction('delete-block')"
|
||||||
|
>
|
||||||
|
<span class="item-icon">🗑️</span>
|
||||||
|
حذف بلوک
|
||||||
|
<span class="hint danger">برای همیشه</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- AI مخصوص بلوک -->
|
||||||
|
<div class="menu-section">
|
||||||
|
<div class="section-title">AI برای این بلوک</div>
|
||||||
|
<button class="menu-item ai-item" @click="handleAction('ai-rewrite')">
|
||||||
|
<span class="item-icon">✍️</span>
|
||||||
|
بازنویسی هوشمند
|
||||||
|
<span class="ai-badge">AI</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item ai-item" @click="handleAction('ai-expand')">
|
||||||
|
<span class="item-icon">🔍</span>
|
||||||
|
گسترش محتوا
|
||||||
|
<span class="ai-badge">AI</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item ai-item" @click="handleAction('ai-simplify')">
|
||||||
|
<span class="item-icon">📖</span>
|
||||||
|
سادهسازی
|
||||||
|
<span class="ai-badge">AI</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- تنظیمات پیشرفته -->
|
||||||
|
<div class="menu-section">
|
||||||
|
<button class="menu-item" @click="handleAction('settings')">
|
||||||
|
<span class="item-icon">⚙️</span>
|
||||||
|
تنظیمات پیشرفته
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('export')">
|
||||||
|
<span class="item-icon">📤</span>
|
||||||
|
خروجی گرفتن
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('history')">
|
||||||
|
<span class="item-icon">🕒</span>
|
||||||
|
مشاهده تاریخچه
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed } from "vue";
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
visible: Boolean,
|
||||||
|
position: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({ x: 0, y: 0 }),
|
||||||
|
},
|
||||||
|
blockType: {
|
||||||
|
type: String,
|
||||||
|
default: "paragraph",
|
||||||
|
},
|
||||||
|
blockData: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(["close", "action"]);
|
||||||
|
|
||||||
|
const menuStyle = computed(() => ({
|
||||||
|
top: `${props.position.y}px`,
|
||||||
|
left: `${props.position.x}px`,
|
||||||
|
display: props.visible ? "block" : "none",
|
||||||
|
}));
|
||||||
|
|
||||||
|
// دادههای بلوک
|
||||||
|
const blockColor = ref(props.blockData.color || "#ffffff");
|
||||||
|
const blockAlign = ref(props.blockData.align || "right");
|
||||||
|
|
||||||
|
// آیکون و نام بلوک
|
||||||
|
const blockIcon = computed(() => {
|
||||||
|
const icons = {
|
||||||
|
paragraph: "📝",
|
||||||
|
heading1: "H1",
|
||||||
|
heading2: "H2",
|
||||||
|
heading3: "H3",
|
||||||
|
todo: "✓",
|
||||||
|
bullet: "•",
|
||||||
|
number: "1.",
|
||||||
|
code: "{ }",
|
||||||
|
quote: '"',
|
||||||
|
image: "🖼️",
|
||||||
|
file: "📎",
|
||||||
|
table: "📊",
|
||||||
|
callout: "💡",
|
||||||
|
};
|
||||||
|
return icons[props.blockType] || "📝";
|
||||||
|
});
|
||||||
|
|
||||||
|
const blockTypeName = computed(() => {
|
||||||
|
const names = {
|
||||||
|
paragraph: "متن",
|
||||||
|
heading1: "عنوان ۱",
|
||||||
|
heading2: "عنوان ۲",
|
||||||
|
heading3: "عنوان ۳",
|
||||||
|
todo: "لیست کار",
|
||||||
|
bullet: "لیست نقطهای",
|
||||||
|
number: "لیست شمارهای",
|
||||||
|
code: "کد",
|
||||||
|
quote: "نقل قول",
|
||||||
|
image: "تصویر",
|
||||||
|
file: "فایل",
|
||||||
|
table: "جدول",
|
||||||
|
callout: "کالاوت",
|
||||||
|
};
|
||||||
|
return names[props.blockType] || "بلوک";
|
||||||
|
});
|
||||||
|
|
||||||
|
// رنگهای بلوک
|
||||||
|
const blockColors = [
|
||||||
|
{ name: "پیشفرض", value: "#ffffff" },
|
||||||
|
{ name: "آبی روشن", value: "#dbeafe" },
|
||||||
|
{ name: "سبز روشن", value: "#dcfce7" },
|
||||||
|
{ name: "زرد روشن", value: "#fef3c7" },
|
||||||
|
{ name: "صورتی روشن", value: "#fce7f3" },
|
||||||
|
{ name: "بنفش روشن", value: "#f3e8ff" },
|
||||||
|
{ name: "خاکستری", value: "#f3f4f6" },
|
||||||
|
];
|
||||||
|
|
||||||
|
// ترازبندی
|
||||||
|
const alignments = [
|
||||||
|
{ name: "راست", value: "right", icon: "←" },
|
||||||
|
{ name: "وسط", value: "center", icon: "↔" },
|
||||||
|
{ name: "چپ", value: "left", icon: "→" },
|
||||||
|
];
|
||||||
|
|
||||||
|
// انواع بلوکهای قابل تبدیل
|
||||||
|
const availableBlockTypes = [
|
||||||
|
{ id: "paragraph", name: "متن", icon: "📝" },
|
||||||
|
{ id: "heading1", name: "عنوان ۱", icon: "H1" },
|
||||||
|
{ id: "heading2", name: "عنوان ۲", icon: "H2" },
|
||||||
|
{ id: "heading3", name: "عنوان ۳", icon: "H3" },
|
||||||
|
{ id: "todo", name: "لیست کار", icon: "✓" },
|
||||||
|
{ id: "bullet", name: "لیست نقطهای", icon: "•" },
|
||||||
|
{ id: "number", name: "لیست شمارهای", icon: "1." },
|
||||||
|
{ id: "code", name: "کد", icon: "{ }" },
|
||||||
|
{ id: "quote", name: "نقل قول", icon: '"' },
|
||||||
|
{ id: "callout", name: "کالاوت", icon: "💡" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const handleAction = (action, value = null) => {
|
||||||
|
emit("action", {
|
||||||
|
action,
|
||||||
|
value,
|
||||||
|
blockType: props.blockType,
|
||||||
|
blockData: props.blockData,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const closeMenu = () => {
|
||||||
|
emit("close");
|
||||||
|
};
|
||||||
|
|
||||||
|
// بستن منو با کلیک خارج
|
||||||
|
const handleClickOutside = (event) => {
|
||||||
|
if (!event.target.closest(".block-menu")) {
|
||||||
|
closeMenu();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
document.addEventListener("click", handleClickOutside);
|
||||||
|
});
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
document.removeEventListener("click", handleClickOutside);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.block-menu {
|
||||||
|
position: fixed;
|
||||||
|
background: white;
|
||||||
|
border: 1px solid #e5e7eb;
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
|
||||||
|
width: 320px;
|
||||||
|
max-height: 600px;
|
||||||
|
overflow-y: auto;
|
||||||
|
z-index: 10001;
|
||||||
|
animation: slideIn 0.2s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-10px) scale(0.95);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0) scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* هدر بلوک */
|
||||||
|
.block-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 16px;
|
||||||
|
border-bottom: 1px solid #f3f4f6;
|
||||||
|
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
|
||||||
|
border-radius: 12px 12px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-type {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-icon {
|
||||||
|
font-size: 24px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-name {
|
||||||
|
font-weight: 600;
|
||||||
|
color: #1f2937;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-btn {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
font-size: 24px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #6b7280;
|
||||||
|
padding: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-btn:hover {
|
||||||
|
background: #f3f4f6;
|
||||||
|
color: #374151;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* تنظیمات بلوک */
|
||||||
|
.block-color-picker,
|
||||||
|
.block-alignment {
|
||||||
|
padding: 12px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-label,
|
||||||
|
.alignment-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #6b7280;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(7, 1fr);
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-option {
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-option:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-option.selected {
|
||||||
|
border-color: #3b82f6;
|
||||||
|
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.alignment-buttons {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-btn {
|
||||||
|
flex: 1;
|
||||||
|
padding: 8px;
|
||||||
|
background: #f3f4f6;
|
||||||
|
border: 1px solid #e5e7eb;
|
||||||
|
border-radius: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 18px;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-btn:hover {
|
||||||
|
background: #e5e7eb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-btn.selected {
|
||||||
|
background: #3b82f6;
|
||||||
|
color: white;
|
||||||
|
border-color: #3b82f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* تبدیل نوع بلوک */
|
||||||
|
.block-types-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 8px;
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type-btn {
|
||||||
|
padding: 12px 8px;
|
||||||
|
background: #f9fafb;
|
||||||
|
border: 1px solid #e5e7eb;
|
||||||
|
border-radius: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type-btn:hover {
|
||||||
|
background: #f3f4f6;
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.type-btn.current {
|
||||||
|
background: #3b82f6;
|
||||||
|
color: white;
|
||||||
|
border-color: #3b82f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type-icon {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type-name {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* آیتمهای منو */
|
||||||
|
.menu-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 12px 16px;
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
text-align: right;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s;
|
||||||
|
color: #374151;
|
||||||
|
font-size: 14px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-item:hover {
|
||||||
|
background-color: #f9fafb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-icon {
|
||||||
|
font-size: 18px;
|
||||||
|
width: 24px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #9ca3af;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint.danger {
|
||||||
|
color: #ef4444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-badge {
|
||||||
|
font-size: 10px;
|
||||||
|
padding: 2px 6px;
|
||||||
|
background: linear-gradient(135deg, #8b5cf6, #ec4899);
|
||||||
|
color: white;
|
||||||
|
border-radius: 12px;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-item {
|
||||||
|
background: linear-gradient(135deg, #f5f3ff 0%, #fdf2f8 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-item:hover {
|
||||||
|
background: linear-gradient(135deg, #ede9fe 0%, #fce7f3 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-item.text-danger {
|
||||||
|
color: #ef4444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-item.text-danger:hover {
|
||||||
|
background-color: #fef2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ریسپانسیو */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.block-menu {
|
||||||
|
width: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-types-grid {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
75
app/components/auto-import/Breadcrumb.vue
Executable file
75
app/components/auto-import/Breadcrumb.vue
Executable file
|
|
@ -0,0 +1,75 @@
|
||||||
|
<script setup>
|
||||||
|
import { computed } from "vue";
|
||||||
|
import { useRoute } from "vue-router";
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
breadcrumbData: Array, // مسیرهای اصلی
|
||||||
|
tabs: {
|
||||||
|
type: Array,
|
||||||
|
default: () => [],
|
||||||
|
},
|
||||||
|
activeTabId: String, // تب فعال
|
||||||
|
});
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
|
let breadcrumbTabs = props.tabs;
|
||||||
|
/**
|
||||||
|
* پیدا کردن مسیر breadcrumb از breadcrumbData
|
||||||
|
*/
|
||||||
|
function findBreadcrumbPath(path, items, parentPath = "") {
|
||||||
|
const result = [];
|
||||||
|
for (const item of items) {
|
||||||
|
const fullPath = item.to || parentPath;
|
||||||
|
if (path.startsWith(fullPath)) {
|
||||||
|
result.push({
|
||||||
|
label: item.label,
|
||||||
|
to: fullPath,
|
||||||
|
icon: item.icon,
|
||||||
|
children: item.children,
|
||||||
|
});
|
||||||
|
if (item.children) findBreadcrumbPath(item.children, fullPath);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
const breadcrumbItems = computed(() => {
|
||||||
|
if (route.path === "/dashboard/base") return [];
|
||||||
|
|
||||||
|
const crumbs = findBreadcrumbPath(route.path, props.breadcrumbData);
|
||||||
|
|
||||||
|
if (breadcrumbTabs.length) {
|
||||||
|
let tabToShow = breadcrumbTabs[0]; // default tab
|
||||||
|
|
||||||
|
if (props.activeTabId) {
|
||||||
|
const activeTab = breadcrumbTabs.find((t) => t.id === props.activeTabId);
|
||||||
|
if (activeTab) tabToShow = activeTab;
|
||||||
|
}
|
||||||
|
|
||||||
|
crumbs.push({
|
||||||
|
label: tabToShow.label,
|
||||||
|
to: undefined,
|
||||||
|
icon: tabToShow.icon,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return crumbs;
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<UBreadcrumb
|
||||||
|
v-if="breadcrumbItems.length"
|
||||||
|
:items="breadcrumbItems"
|
||||||
|
separator-icon="i-lucide-arrow-right"
|
||||||
|
>
|
||||||
|
<template #separator="{ ui }">
|
||||||
|
<span class="mx-2 text-muted">/</span>
|
||||||
|
</template>
|
||||||
|
<template #item-label="{ item, active }">
|
||||||
|
<span :class="active ? 'font-semibold text-primary' : ''">
|
||||||
|
{{ item.label }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</UBreadcrumb>
|
||||||
|
</template>
|
||||||
45
app/components/auto-import/ConfirmModal.vue
Executable file
45
app/components/auto-import/ConfirmModal.vue
Executable file
|
|
@ -0,0 +1,45 @@
|
||||||
|
<!-- ~/components/global/GlobalConfirm.vue -->
|
||||||
|
<template>
|
||||||
|
<Teleport to="body">
|
||||||
|
<div
|
||||||
|
v-if="state.isOpen"
|
||||||
|
class="fixed inset-0 z-[1001] flex items-center justify-center bg-black/40 pointer-events-auto"
|
||||||
|
@click="actions.ucoCancelConfirmModal"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="relative bg-white dark:bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full mx-4 pointer-events-auto"
|
||||||
|
@click.stop
|
||||||
|
>
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
||||||
|
{{ state.title }}
|
||||||
|
</h3>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 mb-6">
|
||||||
|
{{ state.message }}
|
||||||
|
</p>
|
||||||
|
<div class="flex justify-end gap-3">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="px-4 py-2 text-sm font-medium text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-md dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600 transition pointer-events-auto"
|
||||||
|
@click="actions.ucoCancelConfirmModal"
|
||||||
|
>
|
||||||
|
انصراف
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="px-4 py-2 text-sm font-medium text-white bg-primary hover:bg-primary-700 rounded-md transition pointer-events-auto"
|
||||||
|
@click="actions.ucoConfirm"
|
||||||
|
>
|
||||||
|
تأیید
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Teleport>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { useConfirmState, useConfirmActions } from "~/composables/useConfirm";
|
||||||
|
|
||||||
|
const state = useConfirmState();
|
||||||
|
const actions = useConfirmActions();
|
||||||
|
</script>
|
||||||
263
app/components/auto-import/ContextMenu.vue
Executable file
263
app/components/auto-import/ContextMenu.vue
Executable file
|
|
@ -0,0 +1,263 @@
|
||||||
|
<template>
|
||||||
|
<div v-if="visible" class="context-menu" :style="menuStyle" @click.stop>
|
||||||
|
<!-- بخش AI (مشابه Notion AI) -->
|
||||||
|
<div class="menu-section ai-section">
|
||||||
|
<div class="section-title">
|
||||||
|
<span class="ai-icon">✨</span>
|
||||||
|
هوش مصنوعی نوشن
|
||||||
|
</div>
|
||||||
|
<button class="menu-item" @click="handleAction('ai-summarize')">
|
||||||
|
<span class="item-icon">📝</span>
|
||||||
|
خلاصهسازی
|
||||||
|
<span class="shortcut">AI</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('ai-improve')">
|
||||||
|
<span class="item-icon">✨</span>
|
||||||
|
بهبود نوشتار
|
||||||
|
<span class="shortcut">AI</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('ai-translate')">
|
||||||
|
<span class="item-icon">🌍</span>
|
||||||
|
ترجمه
|
||||||
|
<span class="shortcut">AI</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('ai-explain')">
|
||||||
|
<span class="item-icon">💡</span>
|
||||||
|
توضیح
|
||||||
|
<span class="shortcut">AI</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- بخش قالببندی -->
|
||||||
|
<div class="menu-section">
|
||||||
|
<div class="section-title">قالببندی</div>
|
||||||
|
<button class="menu-item" @click="handleAction('format-bold')">
|
||||||
|
<span class="item-icon">𝐁</span>
|
||||||
|
پررنگ
|
||||||
|
<span class="shortcut">Ctrl+B</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('format-italic')">
|
||||||
|
<span class="item-icon">𝐼</span>
|
||||||
|
کج
|
||||||
|
<span class="shortcut">Ctrl+I</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('format-code')">
|
||||||
|
<span class="item-icon">{ }</span>
|
||||||
|
کد
|
||||||
|
<span class="shortcut">Ctrl+E</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('format-link')">
|
||||||
|
<span class="item-icon">🔗</span>
|
||||||
|
لینک
|
||||||
|
<span class="shortcut">Ctrl+K</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- بخش عملیات متنی -->
|
||||||
|
<div class="menu-section">
|
||||||
|
<div class="section-title">عملیات</div>
|
||||||
|
<button class="menu-item" @click="handleAction('copy')">
|
||||||
|
<span class="item-icon">📋</span>
|
||||||
|
کپی
|
||||||
|
<span class="shortcut">Ctrl+C</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('cut')">
|
||||||
|
<span class="item-icon">✂️</span>
|
||||||
|
برش
|
||||||
|
<span class="shortcut">Ctrl+X</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('paste')">
|
||||||
|
<span class="item-icon">📝</span>
|
||||||
|
چسباندن
|
||||||
|
<span class="shortcut">Ctrl+V</span>
|
||||||
|
</button>
|
||||||
|
<button class="menu-item text-danger" @click="handleAction('delete')">
|
||||||
|
<span class="item-icon">🗑️</span>
|
||||||
|
حذف
|
||||||
|
<span class="shortcut">Delete</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- بخش جستجو -->
|
||||||
|
<div class="menu-section">
|
||||||
|
<button class="menu-item" @click="handleAction('search-web')">
|
||||||
|
<span class="item-icon">🔍</span>
|
||||||
|
جستجو در وب
|
||||||
|
</button>
|
||||||
|
<button class="menu-item" @click="handleAction('search-page')">
|
||||||
|
<span class="item-icon">📄</span>
|
||||||
|
جستجو در صفحه
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed, onMounted, onUnmounted } from "vue";
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
visible: Boolean,
|
||||||
|
position: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({ x: 0, y: 0 }),
|
||||||
|
},
|
||||||
|
selectedText: String,
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(["close", "action"]);
|
||||||
|
|
||||||
|
const menuStyle = computed(() => ({
|
||||||
|
top: `${props.position.y}px`,
|
||||||
|
left: `${props.position.x}px`,
|
||||||
|
display: props.visible ? "block" : "none",
|
||||||
|
}));
|
||||||
|
|
||||||
|
const handleAction = (action) => {
|
||||||
|
emit("action", {
|
||||||
|
action,
|
||||||
|
text: props.selectedText,
|
||||||
|
});
|
||||||
|
emit("close");
|
||||||
|
};
|
||||||
|
|
||||||
|
// بستن منو با کلیک خارج یا Escape
|
||||||
|
const closeMenu = () => {
|
||||||
|
if (props.visible) {
|
||||||
|
emit("close");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleEscape = (event) => {
|
||||||
|
if (event.key === "Escape") {
|
||||||
|
closeMenu();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClickOutside = (event) => {
|
||||||
|
if (!event.target.closest(".context-menu")) {
|
||||||
|
closeMenu();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
document.addEventListener("click", handleClickOutside);
|
||||||
|
document.addEventListener("contextmenu", handleClickOutside);
|
||||||
|
document.addEventListener("keydown", handleEscape);
|
||||||
|
});
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
document.removeEventListener("click", handleClickOutside);
|
||||||
|
document.removeEventListener("contextmenu", handleClickOutside);
|
||||||
|
document.removeEventListener("keydown", handleEscape);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.context-menu {
|
||||||
|
position: fixed;
|
||||||
|
background: white;
|
||||||
|
border: 1px solid #e5e7eb;
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
|
||||||
|
width: 300px;
|
||||||
|
max-height: 500px;
|
||||||
|
overflow-y: auto;
|
||||||
|
z-index: 10000;
|
||||||
|
animation: slideIn 0.2s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-10px) scale(0.95);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0) scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-section {
|
||||||
|
padding: 12px 0;
|
||||||
|
border-bottom: 1px solid #f3f4f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-section:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-section {
|
||||||
|
background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
|
||||||
|
border-radius: 12px 12px 0 0;
|
||||||
|
margin: -1px -1px 0 -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
padding: 8px 16px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #6b7280;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-icon {
|
||||||
|
color: #8b5cf6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 16px;
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
text-align: right;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s;
|
||||||
|
color: #374151;
|
||||||
|
font-size: 14px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-item:hover {
|
||||||
|
background-color: #f9fafb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-icon {
|
||||||
|
font-size: 18px;
|
||||||
|
width: 24px;
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shortcut {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #9ca3af;
|
||||||
|
font-family: monospace;
|
||||||
|
padding: 2px 6px;
|
||||||
|
background: #f3f4f6;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-item.text-danger {
|
||||||
|
color: #ef4444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-item.text-danger:hover {
|
||||||
|
background-color: #fef2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ریسپانسیو */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.context-menu {
|
||||||
|
width: 280px;
|
||||||
|
max-height: 400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
341
app/components/auto-import/DropdownSelect.vue
Executable file
341
app/components/auto-import/DropdownSelect.vue
Executable file
|
|
@ -0,0 +1,341 @@
|
||||||
|
<template>
|
||||||
|
<div :class="gridColumnClass">
|
||||||
|
<!-- Input Menu -->
|
||||||
|
<UInputMenu
|
||||||
|
v-if="selectSchema.selectType === 'input'"
|
||||||
|
:model-value="resolvedModelValue"
|
||||||
|
:items="normalizedItems"
|
||||||
|
:multiple="selectSchema.multiple"
|
||||||
|
:searchable="selectSchema.searchable"
|
||||||
|
:creatable="selectSchema.creatable"
|
||||||
|
:placeholder="selectSchema.placeholder"
|
||||||
|
:option-attribute="selectSchema.optionAttribute"
|
||||||
|
:value-attribute="selectSchema.valueAttribute"
|
||||||
|
:by="selectSchema.compareBy"
|
||||||
|
v-bind="selectSchema.additionalProps"
|
||||||
|
@update:model-value="onChange"
|
||||||
|
@update:open="emitEvent('open', $event)"
|
||||||
|
@update:search-term="handleSearchTerm"
|
||||||
|
@create="emitEvent('create', $event)"
|
||||||
|
:class="[gridColumnClass, 'cursor-pointer w-full']"
|
||||||
|
size="xl"
|
||||||
|
dir="rtl"
|
||||||
|
color="primary"
|
||||||
|
highlight
|
||||||
|
:ui="{ trailing: 'hidden' }"
|
||||||
|
>
|
||||||
|
<!-- Forward Slots -->
|
||||||
|
<template
|
||||||
|
v-for="(_, slotName) in $slots"
|
||||||
|
:key="slotName"
|
||||||
|
v-slot:[slotName]="slotProps"
|
||||||
|
>
|
||||||
|
<slot :name="slotName" v-bind="slotProps" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #empty>
|
||||||
|
<slot name="empty">دادهای پیدا نشد</slot>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #loading>
|
||||||
|
<slot name="loading">در حال بارگذاری...</slot>
|
||||||
|
</template>
|
||||||
|
</UInputMenu>
|
||||||
|
|
||||||
|
<!-- Select Menu -->
|
||||||
|
<USelectMenu
|
||||||
|
v-if="selectSchema.selectType === 'select'"
|
||||||
|
:model-value="resolvedModelValue"
|
||||||
|
:items="normalizedItems"
|
||||||
|
:multiple="selectSchema.multiple"
|
||||||
|
:searchable="selectSchema.searchable"
|
||||||
|
:creatable="selectSchema.creatable"
|
||||||
|
:loading="isLoading"
|
||||||
|
:placeholder="selectSchema.placeholder"
|
||||||
|
:option-attribute="selectSchema.optionAttribute"
|
||||||
|
:value-attribute="selectSchema.valueAttribute"
|
||||||
|
:by="selectSchema.compareBy"
|
||||||
|
v-bind="selectSchema.additionalProps"
|
||||||
|
@update:model-value="onChange"
|
||||||
|
@update:open="emitEvent('open', $event)"
|
||||||
|
@update:search-term="handleSearchTerm"
|
||||||
|
@create="emitEvent('create', $event)"
|
||||||
|
:class="[gridColumnClass, 'cursor-pointer']"
|
||||||
|
:ui="{ wrapper: 'w-full', base: 'w-full' }"
|
||||||
|
dir="rtl"
|
||||||
|
color="primary"
|
||||||
|
size="xl"
|
||||||
|
highlight
|
||||||
|
>
|
||||||
|
<!-- Forward Slots -->
|
||||||
|
<template
|
||||||
|
v-for="(_, slotName) in $slots"
|
||||||
|
:key="slotName"
|
||||||
|
v-slot:[slotName]="slotProps"
|
||||||
|
>
|
||||||
|
<slot :name="slotName" v-bind="slotProps" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #empty>
|
||||||
|
<slot name="empty">دادهای پیدا نشد</slot>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #loading>
|
||||||
|
<slot name="loading">در حال بارگذاری...</slot>
|
||||||
|
</template>
|
||||||
|
</USelectMenu>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed } from "vue";
|
||||||
|
import { debounce } from "lodash-es";
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
dropdownSchema: { type: Object, required: true },
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(["dropdownSelectEvents"]);
|
||||||
|
const { $http: httpService } = useNuxtApp();
|
||||||
|
|
||||||
|
const isLoading = ref(false);
|
||||||
|
const apiItems = ref([]);
|
||||||
|
|
||||||
|
/* ---------------- SCHEMA BASE ---------------- */
|
||||||
|
const selectSchema = computed(() => {
|
||||||
|
const i = props.dropdownSchema || {};
|
||||||
|
|
||||||
|
return {
|
||||||
|
fieldId: i.key || i.name || i.id || null,
|
||||||
|
modelValue: i.modelValue ?? i.value ?? null,
|
||||||
|
selectType: i.selectType ?? "select",
|
||||||
|
items: Array.isArray(i.items)
|
||||||
|
? i.items
|
||||||
|
: Array.isArray(i.options)
|
||||||
|
? i.options
|
||||||
|
: [],
|
||||||
|
optionAttribute: i.optionAttribute ?? "label",
|
||||||
|
valueAttribute: i.valueAttribute ?? "value",
|
||||||
|
multiple:
|
||||||
|
i.multiple === true || i.multi_select === 1 || i.multi_select === true,
|
||||||
|
searchable: i.searchable ?? true,
|
||||||
|
creatable: i.creatable ?? i.allowCreate ?? false,
|
||||||
|
loading: i.loading ?? false,
|
||||||
|
placeholder: i.placeholder || "لطفاً انتخاب کنید...",
|
||||||
|
compareBy: i.compareBy,
|
||||||
|
additionalProps: i.additionalProps || i.extraProps || {},
|
||||||
|
columnSpan: resolveColSpan(i),
|
||||||
|
mode: i.mode || "default",
|
||||||
|
apiConfig: i.apiConfig || {},
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
/* ---------------- GRID ---------------- */
|
||||||
|
function resolveColSpan(input) {
|
||||||
|
let span = 12;
|
||||||
|
if (input.colSpan) span = input.colSpan;
|
||||||
|
if (input.colClass?.includes("col-")) {
|
||||||
|
const m = input.colClass.match(/col-(\d+)/);
|
||||||
|
if (m) span = Number(m[1]);
|
||||||
|
}
|
||||||
|
return Math.min(12, Math.max(1, span));
|
||||||
|
}
|
||||||
|
|
||||||
|
const gridColumnClass = computed(
|
||||||
|
() => `col-span-${selectSchema.value.columnSpan}`
|
||||||
|
);
|
||||||
|
|
||||||
|
/* ---------------- NORMALIZE ITEMS ---------------- */
|
||||||
|
const normalizedItems = computed(() => {
|
||||||
|
const { optionAttribute, valueAttribute, mode } = selectSchema.value;
|
||||||
|
const sourceItems =
|
||||||
|
mode === "api" ? apiItems.value : selectSchema.value.items;
|
||||||
|
|
||||||
|
return sourceItems.map((item) => {
|
||||||
|
if (typeof item !== "object") {
|
||||||
|
return {
|
||||||
|
[optionAttribute]: String(item),
|
||||||
|
[valueAttribute]: item,
|
||||||
|
raw: item,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return { ...item, raw: item };
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/* ---------------- RESOLVED MODEL VALUE ---------------- */
|
||||||
|
const resolvedModelValue = computed(() => {
|
||||||
|
const { modelValue, multiple } = selectSchema.value;
|
||||||
|
|
||||||
|
if (multiple && Array.isArray(modelValue)) {
|
||||||
|
return modelValue.map(resolveSingleValue).filter(Boolean);
|
||||||
|
}
|
||||||
|
return resolveSingleValue(modelValue);
|
||||||
|
});
|
||||||
|
|
||||||
|
function resolveSingleValue(val) {
|
||||||
|
if (val === null || val === undefined) return null;
|
||||||
|
if (typeof val === "object") return val;
|
||||||
|
|
||||||
|
let item = normalizedItems.value.find(
|
||||||
|
(i) => i?.[selectSchema.value.valueAttribute] === val
|
||||||
|
);
|
||||||
|
|
||||||
|
// اگر پیدا نشد و mode API است → آیتم موقت اضافه کن
|
||||||
|
if (!item && selectSchema.value.mode === "api") {
|
||||||
|
item = {
|
||||||
|
[selectSchema.value.optionAttribute]: val,
|
||||||
|
[selectSchema.value.valueAttribute]: val,
|
||||||
|
raw: val,
|
||||||
|
__temp: true,
|
||||||
|
};
|
||||||
|
apiItems.value.push(item);
|
||||||
|
}
|
||||||
|
|
||||||
|
return item || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------------- EMIT HANDLERS ---------------- */
|
||||||
|
function emitEvent(action, payload) {
|
||||||
|
emit("dropdownSelectEvents", {
|
||||||
|
action,
|
||||||
|
payload,
|
||||||
|
fieldId: selectSchema.value.fieldId,
|
||||||
|
timestamp: Date.now(),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onChange(val) {
|
||||||
|
// اضافه کردن به apiItems اگر وجود ندارد
|
||||||
|
if (selectSchema.value.mode === "api") {
|
||||||
|
const values = Array.isArray(val) ? val : [val];
|
||||||
|
values.forEach((v) => {
|
||||||
|
const valueKey =
|
||||||
|
typeof v === "object" ? v[selectSchema.value.valueAttribute] : v;
|
||||||
|
if (
|
||||||
|
!apiItems.value.find(
|
||||||
|
(i) => i[selectSchema.value.valueAttribute] === valueKey
|
||||||
|
)
|
||||||
|
) {
|
||||||
|
apiItems.value.push(
|
||||||
|
typeof v === "object"
|
||||||
|
? v
|
||||||
|
: {
|
||||||
|
[selectSchema.value.optionAttribute]: valueKey,
|
||||||
|
[selectSchema.value.valueAttribute]: valueKey,
|
||||||
|
raw: v,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
props.dropdownSchema.modelValue = val;
|
||||||
|
emitEvent("change", val);
|
||||||
|
}
|
||||||
|
watch(
|
||||||
|
() => normalizedItems.value.length,
|
||||||
|
(len) => {
|
||||||
|
if (!len) return;
|
||||||
|
|
||||||
|
const { multiple, modelValue, selectType } = selectSchema.value;
|
||||||
|
if (selectType !== "select") return;
|
||||||
|
|
||||||
|
if (
|
||||||
|
(multiple && Array.isArray(modelValue) && modelValue.length) ||
|
||||||
|
(!multiple && modelValue != null)
|
||||||
|
)
|
||||||
|
return;
|
||||||
|
|
||||||
|
onChange(multiple ? [normalizedItems.value[0]] : normalizedItems.value[0]);
|
||||||
|
},
|
||||||
|
{ immediate: true }
|
||||||
|
);
|
||||||
|
/* ---------------- SEARCH WITH DEBOUNCE ---------------- */
|
||||||
|
const debouncedFetch = debounce(
|
||||||
|
async (searchText, url, crud = "GET", payload = "") => {
|
||||||
|
if (!searchText) {
|
||||||
|
apiItems.value = [];
|
||||||
|
isLoading.value = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { searchField = "name" } = selectSchema.value.apiConfig;
|
||||||
|
url = url.replace("{{filter}}", searchText);
|
||||||
|
payload = payload?.replace("{{filter}}", searchText);
|
||||||
|
|
||||||
|
isLoading.value = true;
|
||||||
|
|
||||||
|
if (crud === "GET") {
|
||||||
|
httpService
|
||||||
|
.getRequest(url)
|
||||||
|
.then((res) => {
|
||||||
|
const mapped = res
|
||||||
|
.filter((item) =>
|
||||||
|
String(item?.[searchField] || "")
|
||||||
|
.toLowerCase()
|
||||||
|
.includes(searchText.toLowerCase())
|
||||||
|
)
|
||||||
|
.map((item) => ({
|
||||||
|
[selectSchema.value.optionAttribute]: item[searchField],
|
||||||
|
[selectSchema.value.valueAttribute]: item.id ?? item[searchField],
|
||||||
|
raw: item,
|
||||||
|
}));
|
||||||
|
|
||||||
|
// جایگزینی آیتم موقت با آیتم واقعی
|
||||||
|
apiItems.value = apiItems.value.map((existing) =>
|
||||||
|
existing.__temp
|
||||||
|
? mapped.find(
|
||||||
|
(m) =>
|
||||||
|
m[selectSchema.value.valueAttribute] ===
|
||||||
|
existing[selectSchema.value.valueAttribute]
|
||||||
|
) || existing
|
||||||
|
: existing
|
||||||
|
);
|
||||||
|
|
||||||
|
// اضافه کردن آیتمهای جدید
|
||||||
|
mapped.forEach((m) => {
|
||||||
|
if (
|
||||||
|
!apiItems.value.find(
|
||||||
|
(i) =>
|
||||||
|
i[selectSchema.value.valueAttribute] ===
|
||||||
|
m[selectSchema.value.valueAttribute]
|
||||||
|
)
|
||||||
|
) {
|
||||||
|
apiItems.value.push(m);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch((error) =>
|
||||||
|
console.error("Remote search API error:", crud, error)
|
||||||
|
)
|
||||||
|
.finally(() => (isLoading.value = false));
|
||||||
|
} else if (crud === "POST") {
|
||||||
|
let payload_obj = payload ? JSON.parse(payload) : {};
|
||||||
|
httpService
|
||||||
|
.postRequest(url, payload_obj)
|
||||||
|
.then((res) => {
|
||||||
|
apiItems.value = res.data;
|
||||||
|
})
|
||||||
|
.catch((error) =>
|
||||||
|
console.error("Remote search API error:", crud, error)
|
||||||
|
)
|
||||||
|
.finally(() => (isLoading.value = false));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
300
|
||||||
|
);
|
||||||
|
|
||||||
|
function handleSearchTerm(searchText) {
|
||||||
|
emitEvent("search", searchText);
|
||||||
|
|
||||||
|
const { mode, apiConfig } = selectSchema.value;
|
||||||
|
if (mode === "api" && apiConfig?.url) {
|
||||||
|
debouncedFetch(
|
||||||
|
searchText,
|
||||||
|
apiConfig.url,
|
||||||
|
apiConfig.crud,
|
||||||
|
apiConfig.payload
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
243
app/components/auto-import/Header.vue
Executable file
243
app/components/auto-import/Header.vue
Executable file
|
|
@ -0,0 +1,243 @@
|
||||||
|
<template>
|
||||||
|
<header
|
||||||
|
class="bg-gray-100 h-16 dark:bg-dark-primary border-gray-200 dark:border-dark-primary-800 px-6 grid grid-cols-12 items-center sticky top-0 z-40 gap-4"
|
||||||
|
>
|
||||||
|
<!-- سمت چپ هدر -->
|
||||||
|
<div class="col-span-3 lg:col-span-2 xl:col-span-3 hidden lg:block">
|
||||||
|
<template v-if="headerSchema.breadcrumb">
|
||||||
|
<Breadcrumb
|
||||||
|
:breadcrumbData="[]"
|
||||||
|
:tabs="tabs"
|
||||||
|
:activeTabId="activeTabModel"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
<template v-if="headerSchema.logo">
|
||||||
|
<nuxt-link :to="{ name: 'DashboardBasePage' }">
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<img :src="useSystemTheme.logo.value" alt="" class="h-9 w-9" />
|
||||||
|
<div v-if="useSystemTheme.currentTheme.value" class="flex flex-col">
|
||||||
|
<span class="font-bold text-gray-900 dark:text-light-primary">
|
||||||
|
{{ useSystemTheme.currentTheme.value.title || "" }}
|
||||||
|
</span>
|
||||||
|
<span class="text-xs text-gray-500 dark:text-gray-400">
|
||||||
|
{{ useSystemTheme.currentTheme.value.subTitle || "" }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nuxt-link>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-3 lg:col-span-2 xl:col-span-3 lg:hidden">
|
||||||
|
<button
|
||||||
|
@click="toggleSidebarMenu"
|
||||||
|
class="flex items-center justify-center w-8 h-8 rounded-md text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-dark-primary-800 transition-colors duration-200"
|
||||||
|
aria-label="باز کردن منو"
|
||||||
|
>
|
||||||
|
<UIcon name="i-heroicons-bars-3" class="w-5 h-5" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- وسط هدر -->
|
||||||
|
<div
|
||||||
|
class="col-span-6 lg:col-span-8 xl:col-span-6 flex justify-center pt-4"
|
||||||
|
>
|
||||||
|
<TabBar
|
||||||
|
:tabs="tabs"
|
||||||
|
v-model:active-tab="activeTabModel"
|
||||||
|
mode="soft"
|
||||||
|
:width="tabBarWidth"
|
||||||
|
@tab-change="emit('tab-change', $event)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- راست هدر -->
|
||||||
|
<div
|
||||||
|
class="col-span-3 lg:col-span-2 xl:col-span-3 flex items-center justify-end gap-3"
|
||||||
|
>
|
||||||
|
<!-- Dark mode -->
|
||||||
|
<UButton
|
||||||
|
variant="ghost"
|
||||||
|
size="sm"
|
||||||
|
color="gray"
|
||||||
|
:icon="
|
||||||
|
useSystemTheme.isDark.value ? 'i-heroicons-sun' : 'i-heroicons-moon'
|
||||||
|
"
|
||||||
|
@click="useSystemTheme.toggleDarkMode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- Language -->
|
||||||
|
<UDropdownMenu :items="headerItems.languages" dir="rtl">
|
||||||
|
<UButton
|
||||||
|
variant="ghost"
|
||||||
|
size="sm"
|
||||||
|
icon="i-heroicons-language"
|
||||||
|
label="فارسی"
|
||||||
|
/>
|
||||||
|
</UDropdownMenu>
|
||||||
|
|
||||||
|
<!-- Notifications -->
|
||||||
|
<UButton
|
||||||
|
variant="ghost"
|
||||||
|
size="sm"
|
||||||
|
icon="i-heroicons-bell"
|
||||||
|
:badge="unreadNotifications"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- User menu -->
|
||||||
|
<UDropdownMenu
|
||||||
|
v-if="isClient && userAvatar"
|
||||||
|
:items="userMenuItems"
|
||||||
|
dir="rtl"
|
||||||
|
>
|
||||||
|
<!-- <UAvatar
|
||||||
|
v-if="userInitial"
|
||||||
|
:label="userInitial"
|
||||||
|
size="sm"
|
||||||
|
class="cursor-pointer"
|
||||||
|
/> -->
|
||||||
|
<!-- <span v-if="userInitial" class="text-white text-lg font-bold">{{
|
||||||
|
userInitial
|
||||||
|
}}</span>
|
||||||
|
<UAvatar v-else :src="userAvatar" size="sm" class="cursor-pointer" /> -->
|
||||||
|
|
||||||
|
<!-- اگر avatar داشت -->
|
||||||
|
<UAvatar :src="userAvatar" size="sm" class="cursor-pointer" />
|
||||||
|
|
||||||
|
<!-- اگر avatar نداشت -->
|
||||||
|
<!-- <UAvatar
|
||||||
|
v-else
|
||||||
|
:label="userInitial"
|
||||||
|
size="sm"
|
||||||
|
class="cursor-pointer bg-primary text-white font-bold"
|
||||||
|
/> -->
|
||||||
|
</UDropdownMenu>
|
||||||
|
|
||||||
|
<UDropdownMenu v-else-if="isClient" :items="userMenuItems" dir="rtl">
|
||||||
|
<span class="text-white text-lg font-bold">{{ userInitial }}</span>
|
||||||
|
</UDropdownMenu>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed, onMounted } from "vue";
|
||||||
|
import headerItems from "@/json/header/header.json";
|
||||||
|
import { composSystemTheme } from "@/composables/composSystemTheme";
|
||||||
|
import { useCommonStore } from "@/stores/commonStore";
|
||||||
|
import { useAuthStore } from "@/stores/authStore";
|
||||||
|
import { useRouter } from "vue-router";
|
||||||
|
|
||||||
|
const commonStore = useCommonStore();
|
||||||
|
const authStore = useAuthStore();
|
||||||
|
const router = useRouter();
|
||||||
|
/* ---------------- PROPS ---------------- */
|
||||||
|
const props = defineProps({
|
||||||
|
tabs: { type: Array, required: true, default: [] },
|
||||||
|
activeTab: { type: String, default: "" },
|
||||||
|
unreadNotifications: { type: Number, default: 0 },
|
||||||
|
tabBarWidth: { type: String, default: "40em" },
|
||||||
|
headerSchema: { type: Object, default: {} },
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits([
|
||||||
|
"update:activeTab",
|
||||||
|
"tab-change",
|
||||||
|
"user-menu-select",
|
||||||
|
]);
|
||||||
|
|
||||||
|
/* ---------------- ACTIVE TAB ---------------- */
|
||||||
|
const activeTabModel = computed({
|
||||||
|
get: () => props.activeTab,
|
||||||
|
set: (val) => emit("update:activeTab", val),
|
||||||
|
});
|
||||||
|
|
||||||
|
/* ---------------- THEME ---------------- */
|
||||||
|
const useSystemTheme = composSystemTheme();
|
||||||
|
|
||||||
|
/* ---------------- USER MENU HANDLER ---------------- */
|
||||||
|
const handleUserMenu = async (action) => {
|
||||||
|
if (action.key === "logout") {
|
||||||
|
localStorage.clear();
|
||||||
|
sessionStorage.clear();
|
||||||
|
|
||||||
|
const cookies = document.cookie.split(";");
|
||||||
|
for (let cookie of cookies) {
|
||||||
|
const eqPos = cookie.indexOf("=");
|
||||||
|
const name = eqPos > -1 ? cookie.substr(0, eqPos).trim() : cookie.trim();
|
||||||
|
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
|
||||||
|
}
|
||||||
|
authStore.userReset();
|
||||||
|
navigateTo("/login");
|
||||||
|
|
||||||
|
await router.push("/login");
|
||||||
|
} else if (action.key === "profile") {
|
||||||
|
await router.push("/profile");
|
||||||
|
} else if (action.key === "settings") {
|
||||||
|
await router.push("/settings");
|
||||||
|
} else if (action.key === "developer") {
|
||||||
|
await router.push("/developer");
|
||||||
|
} else if (action.key === "admin") {
|
||||||
|
await router.push("/admin");
|
||||||
|
} else {
|
||||||
|
emit("user-menu-select", action);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/* ---------------- USER MENU ITEMS ---------------- */
|
||||||
|
const userMenuItems = computed(() =>
|
||||||
|
headerItems.userMenu.map((group) =>
|
||||||
|
group.map((item) => ({
|
||||||
|
...item,
|
||||||
|
onSelect: () => handleUserMenu(item),
|
||||||
|
})),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
/* ---------------- AVATAR ---------------- */
|
||||||
|
|
||||||
|
// const userAvatar = "https://api.dicebear.com/7.x/avataaars/svg?seed=admin";
|
||||||
|
const isClient = ref(false);
|
||||||
|
onMounted(() => {
|
||||||
|
isClient.value = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
const userAvatar = computed(() => {
|
||||||
|
if (!process.client) return null;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const user = JSON.parse(localStorage.getItem("user") || "{}");
|
||||||
|
const avatar = user?.user_data?.avatar;
|
||||||
|
|
||||||
|
if (!avatar) return null;
|
||||||
|
const BASE_URL = "https://hamfahmi.ir/";
|
||||||
|
const url = BASE_URL + `api/media${avatar}`;
|
||||||
|
|
||||||
|
// console.log("avatar ==> ", url);
|
||||||
|
|
||||||
|
return url;
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const userInitial = computed(() => {
|
||||||
|
if (!process.client) return "؟";
|
||||||
|
|
||||||
|
try {
|
||||||
|
const user = JSON.parse(localStorage.getItem("user") || {});
|
||||||
|
const firstName = user?.user_data?.first_name?.trim() || "";
|
||||||
|
const lastName = user?.user_data?.last_name?.trim() || "";
|
||||||
|
|
||||||
|
const first = firstName[0] || "";
|
||||||
|
const second = lastName[0] || firstName[1] || "";
|
||||||
|
|
||||||
|
return first + second || "؟";
|
||||||
|
} catch (e) {
|
||||||
|
return "؟";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
function toggleSidebarMenu() {
|
||||||
|
commonStore.isSidebarOpen();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
31
app/components/auto-import/MyLoading.vue
Executable file
31
app/components/auto-import/MyLoading.vue
Executable file
|
|
@ -0,0 +1,31 @@
|
||||||
|
<template>
|
||||||
|
<div class="flex flex-col items-center justify-center h-full py-8">
|
||||||
|
<div :class="['relative', sizeClass]" role="status" aria-label="در حال بارگذاری">
|
||||||
|
<!-- ساده و مینیمال اسپینر دایرهای با tail پرایمری (آبی) -->
|
||||||
|
<div class="w-16 h-16 rounded-full border-8 border-gray-200 dark:border-gray-700 border-t-primary-500 dark:border-t-primary-500 animate-spin"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mt-6 text-lg font-medium text-gray-700 dark:text-gray-300">{{ loadingText }}</p>
|
||||||
|
<p class="mt-2 text-sm text-primary-600 dark:text-primary-400 animate-pulse">لطفاً صبر کنید...</p>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed } from 'vue'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
loadingText: { type: String, default: 'در حال بارگذاری...' },
|
||||||
|
loadingSize: { type: String, default: 'md' }, // sm, md, lg
|
||||||
|
})
|
||||||
|
|
||||||
|
const sizeClass = computed(() => {
|
||||||
|
switch (props.loadingSize) {
|
||||||
|
case 'sm':
|
||||||
|
return 'scale-75'
|
||||||
|
case 'lg':
|
||||||
|
return 'scale-150'
|
||||||
|
default:
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
171
app/components/auto-import/Sidebar.vue
Executable file
171
app/components/auto-import/Sidebar.vue
Executable file
|
|
@ -0,0 +1,171 @@
|
||||||
|
<!-- app/components/Sidebar.vue -->
|
||||||
|
<template>
|
||||||
|
<UDashboardSidebar
|
||||||
|
side="left"
|
||||||
|
:collapsed="collapsed"
|
||||||
|
collapsible
|
||||||
|
:min-size="5"
|
||||||
|
:default-size="10"
|
||||||
|
:max-size="15"
|
||||||
|
:ui="sidebarUI"
|
||||||
|
class="sidebar-gradient"
|
||||||
|
dir="rtl"
|
||||||
|
@update:collapsed="onCollapse"
|
||||||
|
>
|
||||||
|
<template #header>
|
||||||
|
<nuxt-link :to="{ name: 'DashboardBasePage' }">
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<img :src="useSystemTheme.logo.value" alt="" class="h-9 w-9" />
|
||||||
|
<div
|
||||||
|
v-if="useSystemTheme.currentTheme.value && !collapsed"
|
||||||
|
class="flex flex-col"
|
||||||
|
>
|
||||||
|
<span class="font-bold text-gray-900 dark:text-light-primary">
|
||||||
|
{{ useSystemTheme.currentTheme.value.title || "" }}
|
||||||
|
</span>
|
||||||
|
<span class="text-xs text-gray-500 dark:text-gray-400">
|
||||||
|
{{ useSystemTheme.currentTheme.value.subTitle || "" }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nuxt-link>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #default>
|
||||||
|
<div class="">
|
||||||
|
<UNavigationMenu
|
||||||
|
dir="rtl"
|
||||||
|
:collapsed="collapsed"
|
||||||
|
:items="getSideBarSchema()?.topMenu || []"
|
||||||
|
orientation="vertical"
|
||||||
|
:ui="navigationUI"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-auto pb-2 flex flex-col gap-2">
|
||||||
|
<UNavigationMenu
|
||||||
|
dir="rtl"
|
||||||
|
:collapsed="collapsed"
|
||||||
|
:items="getSideBarSchema()?.bottomMenu || []"
|
||||||
|
orientation="vertical"
|
||||||
|
:ui="navigationUI"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #footer="{ collapsed }">
|
||||||
|
<div>
|
||||||
|
<UButton
|
||||||
|
:avatar="{ src: '' }"
|
||||||
|
:label="collapsed ? undefined : 'مدیرفنی سامانه'"
|
||||||
|
color="neutral"
|
||||||
|
variant="ghost"
|
||||||
|
class="w-full"
|
||||||
|
:block="collapsed"
|
||||||
|
/>
|
||||||
|
<!-- دکمههای باز/بسته کردن سایدبار -->
|
||||||
|
<div class="flex justify-center items-center gap-2 mt-2">
|
||||||
|
<!-- دکمه باز کردن -->
|
||||||
|
<UButton
|
||||||
|
v-if="collapsed"
|
||||||
|
icon="stash-chevron-double-left-solid"
|
||||||
|
color="neutral"
|
||||||
|
variant="ghost"
|
||||||
|
size="sm"
|
||||||
|
class="transition-all duration-300"
|
||||||
|
@click="toggleSidebar"
|
||||||
|
/>
|
||||||
|
<!-- دکمه بستن -->
|
||||||
|
<UButton
|
||||||
|
v-else
|
||||||
|
icon="stash-chevron-double-right-solid"
|
||||||
|
color="neutral"
|
||||||
|
variant="ghost"
|
||||||
|
size="sm"
|
||||||
|
class="transition-all duration-300 absolute left-0 -translate-y-1/2"
|
||||||
|
@click="toggleSidebar"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</UDashboardSidebar>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref} from "vue";
|
||||||
|
import { composSystemTheme } from "@/composables/composSystemTheme";
|
||||||
|
|
||||||
|
const useSystemTheme = composSystemTheme();
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
sidebarItems: {
|
||||||
|
type: Object,
|
||||||
|
required: true,
|
||||||
|
default: () => ({
|
||||||
|
topMenu: [],
|
||||||
|
bottomMenu: [],
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(["update:collapsed"]);
|
||||||
|
|
||||||
|
const collapsed = ref(false);
|
||||||
|
|
||||||
|
const onCollapse = (value) => {
|
||||||
|
collapsed.value = value;
|
||||||
|
emit("update:collapsed", value);
|
||||||
|
};
|
||||||
|
|
||||||
|
function getSideBarSchema(){
|
||||||
|
|
||||||
|
const config = useRuntimeConfig();
|
||||||
|
const IS_DEVLOP_MODE = config.public.IS_DEVLOP_MODE || 1;
|
||||||
|
|
||||||
|
|
||||||
|
let result = {}
|
||||||
|
|
||||||
|
result.topMenu = props.sidebarItems?.topMenu.filter((el) => (!el.develop || el.develop == IS_DEVLOP_MODE) )
|
||||||
|
result.bottomMenu = props.sidebarItems?.bottomMenu.filter((el) => (!el.develop || el.develop == IS_DEVLOP_MODE) )
|
||||||
|
|
||||||
|
// console.log("SideBar IS_DEVLOP_MODE ", IS_DEVLOP_MODE, result);
|
||||||
|
|
||||||
|
return result
|
||||||
|
}
|
||||||
|
|
||||||
|
// تابع برای باز/بسته کردن نرم سایدبار
|
||||||
|
const toggleSidebar = () => {
|
||||||
|
collapsed.value = !collapsed?.value;
|
||||||
|
emit("update:collapsed", collapsed?.value);
|
||||||
|
};
|
||||||
|
|
||||||
|
const sidebarUI = {
|
||||||
|
width: "w-72",
|
||||||
|
collapsed: { width: "w-16" },
|
||||||
|
wrapper:
|
||||||
|
"z-30 h-[calc(100vh-64px)] top-16 rounded-r-2xl border-r border-gray-200/50 dark:border-dark-primary-800/50 backdrop-blur-sm transition-all duration-300",
|
||||||
|
base: "backdrop-blur-sm transition-all duration-300 ease-out",
|
||||||
|
header: "border-b border-gray-200/30 dark:border-dark-primary-800/30",
|
||||||
|
footer: "border-t border-gray-200/30 dark:border-dark-primary-800/30",
|
||||||
|
};
|
||||||
|
|
||||||
|
const navigationUI = {
|
||||||
|
base: "space-y-1",
|
||||||
|
wrapper: (c) => (c ? "items-center" : ""),
|
||||||
|
inactive:
|
||||||
|
"text-dark-primary-700 dark:text-gray-300 hover:bg-gradient-to-r hover:from-blue-50/50 hover:to-transparent dark:hover:from-blue-900/20 hover:text-blue-600 dark:hover:text-blue-400",
|
||||||
|
active:
|
||||||
|
"bg-gradient-to-r from-blue-100 to-blue-50/30 dark:from-blue-900/30 dark:to-blue-900/10 text-blue-600 dark:text-blue-400 font-semibold shadow-sm",
|
||||||
|
icon: { base: "transition-transform duration-300", active: "scale-110" },
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.sidebar-gradient {
|
||||||
|
background: linear-gradient(to bottom, #ffffff, #f9fafb);
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
.dark .sidebar-gradient {
|
||||||
|
background: linear-gradient(to bottom, #111827, #1f2937);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
36
app/components/auto-import/SlashMenu.vue
Executable file
36
app/components/auto-import/SlashMenu.vue
Executable file
|
|
@ -0,0 +1,36 @@
|
||||||
|
<script setup>
|
||||||
|
defineProps({
|
||||||
|
items: Array,
|
||||||
|
command: Function,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="slash-menu">
|
||||||
|
<button v-for="item in items" :key="item.title" @click="command(item)">
|
||||||
|
{{ item.title }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.slash-menu {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 4px;
|
||||||
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.slash-menu button {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
padding: 8px 12px;
|
||||||
|
text-align: right;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slash-menu button:hover {
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
278
app/components/auto-import/TabBar.vue
Executable file
278
app/components/auto-import/TabBar.vue
Executable file
|
|
@ -0,0 +1,278 @@
|
||||||
|
<template>
|
||||||
|
<div class="relative flex items-center" :style="{ width: customWidth }">
|
||||||
|
<!-- نسخه دسکتاپ / تبلت: همان قبلی -->
|
||||||
|
<div v-if="!isMobile" class="w-full">
|
||||||
|
<UButton
|
||||||
|
v-if="hasOverflow"
|
||||||
|
icon="i-heroicons-chevron-left"
|
||||||
|
variant="ghost"
|
||||||
|
size="xs"
|
||||||
|
class="absolute -left-10 top-1/2 -translate-y-1/2 z-10 flex-shrink-0 bg-light-primary dark:bg-dark-primary-800 shadow-md border border-gray-200 dark:border-dark-primary-700"
|
||||||
|
@click="scrollLeft"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div
|
||||||
|
ref="tabsContainer"
|
||||||
|
class="flex overflow-x-auto scrollbar-hide w-full justify-start"
|
||||||
|
@wheel.prevent="handleWheelScroll"
|
||||||
|
>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<button
|
||||||
|
v-for="tab in getListTabs()"
|
||||||
|
:key="tab.id"
|
||||||
|
@click="handleTabClick(tab)"
|
||||||
|
:class="getTabClass(activeTab === tab.id)"
|
||||||
|
:data-active="activeTab === tab.id"
|
||||||
|
>
|
||||||
|
<UIcon
|
||||||
|
v-if="tab.icon"
|
||||||
|
:name="tab.icon"
|
||||||
|
class="w-5 h-5 flex-shrink-0"
|
||||||
|
/>
|
||||||
|
<span class="text-sm font-medium">{{ tab.label }}</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<UButton
|
||||||
|
v-if="hasOverflow"
|
||||||
|
icon="i-heroicons-chevron-right"
|
||||||
|
variant="ghost"
|
||||||
|
size="xs"
|
||||||
|
class="absolute -right-10 top-1/2 -translate-y-1/2 z-10 flex-shrink-0 bg-light-primary dark:bg-dark-primary-800 shadow-md border border-gray-200 dark:border-dark-primary-700"
|
||||||
|
@click="scrollRight"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- نسخه موبایل -->
|
||||||
|
<div
|
||||||
|
v-else
|
||||||
|
class="fixed inset-x-0 bottom-0 z-50 bg-light-primary dark:bg-dark-primary-800 border-t border-gray-200 dark:border-dark-primary-700 shadow-lg pb-safe"
|
||||||
|
>
|
||||||
|
<!-- اگر ۵ یا کمتر → justify-around و بدون اسکرول -->
|
||||||
|
<!-- اگر بیشتر از ۵ → اسکرول افقی با flex-nowrap -->
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex items-center"
|
||||||
|
:class="getListTabs().length <= 5 ? '' : 'flex-nowrap'"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
v-for="tab in getListTabs()"
|
||||||
|
:key="tab.id"
|
||||||
|
@click="handleTabClick(tab)"
|
||||||
|
class="flex flex-col items-center justify-center py-3 transition-colors relative mx-4 "
|
||||||
|
:class="[
|
||||||
|
getListTabs().length <= 5
|
||||||
|
? 'flex-1 min-w-0 min-h-[56px]'
|
||||||
|
: 'px-4 min-w-[80px] min-h-[56px] flex-shrink-0',
|
||||||
|
]"
|
||||||
|
>
|
||||||
|
<!-- آیکن -->
|
||||||
|
<UIcon
|
||||||
|
v-if="tab.icon"
|
||||||
|
:name="tab.icon"
|
||||||
|
class="w-6 h-6 mb-1"
|
||||||
|
:class="
|
||||||
|
activeTab === tab.id
|
||||||
|
? 'text-primary-600 dark:text-primary-400'
|
||||||
|
: 'text-gray-600 dark:text-gray-400'
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<!-- اگر آیکن نبود، فقط متن با فاصله مناسب -->
|
||||||
|
<div v-else class="h-7"></div>
|
||||||
|
|
||||||
|
<!-- متن -->
|
||||||
|
<span
|
||||||
|
class="text-xs font-medium whitespace-nowrap"
|
||||||
|
:class="
|
||||||
|
activeTab === tab.id
|
||||||
|
? 'text-primary-600 dark:text-primary-400'
|
||||||
|
: 'text-gray-600 dark:text-gray-400'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ tab.label }}
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<!-- اندیکاتور فعال (خط زیر تب) -->
|
||||||
|
<div
|
||||||
|
v-if="activeTab === tab.id"
|
||||||
|
class="absolute bottom-0 w-12 h-1 bg-primary-600 dark:bg-primary-400 rounded-t-full"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted, onUnmounted, nextTick, watch } from "vue";
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
tabs: { type: Array, default: () => [] },
|
||||||
|
activeTab: { type: String, default: "" },
|
||||||
|
width: { type: String, default: "40em" },
|
||||||
|
mode: {
|
||||||
|
type: String,
|
||||||
|
default: "soft",
|
||||||
|
validator: (v) => ["soft", "chrome"].includes(v),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(["tab-change", "update:activeTab"]);
|
||||||
|
|
||||||
|
const tabsContainer = ref(null);
|
||||||
|
const hasOverflow = ref(false);
|
||||||
|
const isMobile = ref(false);
|
||||||
|
|
||||||
|
const customWidth =
|
||||||
|
props.width.includes("px") ||
|
||||||
|
props.width.includes("em") ||
|
||||||
|
props.width.includes("%")
|
||||||
|
? props.width
|
||||||
|
: `${props.width}px`;
|
||||||
|
|
||||||
|
// بروزرسانی وضعیت موبایل (امن برای SSR)
|
||||||
|
const updateMobileStatus = () => {
|
||||||
|
if (typeof window === "undefined") return;
|
||||||
|
isMobile.value = window.innerWidth < 768;
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
function getListTabs(){
|
||||||
|
|
||||||
|
const config = useRuntimeConfig();
|
||||||
|
const IS_DEVLOP_MODE = config.public.IS_DEVLOP_MODE || 1;
|
||||||
|
|
||||||
|
|
||||||
|
let result = {}
|
||||||
|
|
||||||
|
result = props.tabs.filter((el) => (!el.develop || el.develop == IS_DEVLOP_MODE) )
|
||||||
|
|
||||||
|
// console.log("TabBar IS_DEVLOP_MODE ", IS_DEVLOP_MODE, result);
|
||||||
|
|
||||||
|
return result
|
||||||
|
}
|
||||||
|
const getTabClass = (isActive) => {
|
||||||
|
const base =
|
||||||
|
"flex items-center justify-center gap-2 px-6 py-3 cursor-pointer whitespace-nowrap transition-all duration-200 flex-shrink-0 min-w-[140px] w-[140px]";
|
||||||
|
if (!isActive) {
|
||||||
|
return `${base} border-transparent text-dark-primary-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-light-primary hover:bg-gray-50 dark:hover:bg-dark-primary-800`;
|
||||||
|
}
|
||||||
|
if (props.mode === "chrome") {
|
||||||
|
return `${base} py-4 text-gray-900 dark:text-light-primary bg-light-primary dark:bg-dark-primary-800 rounded-t-xl`;
|
||||||
|
}
|
||||||
|
return `${base} border-primary-500 text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-primary-900/20 border-b-2`;
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleTabClick = (tab) => {
|
||||||
|
emit("update:activeTab", tab.id);
|
||||||
|
emit("tab-change", tab);
|
||||||
|
if (!isMobile.value) {
|
||||||
|
nextTick(scrollToActiveTab);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// توابع دسکتاپ (همان قبلی)
|
||||||
|
const checkOverflow = () => {
|
||||||
|
if (!tabsContainer.value || isMobile.value) {
|
||||||
|
hasOverflow.value = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const container = tabsContainer.value;
|
||||||
|
hasOverflow.value = container.scrollWidth > container.clientWidth + 1;
|
||||||
|
};
|
||||||
|
|
||||||
|
const scrollLeft = () => {
|
||||||
|
if (!tabsContainer.value) return;
|
||||||
|
tabsContainer.value.scrollLeft -= 200;
|
||||||
|
requestAnimationFrame(checkOverflow);
|
||||||
|
};
|
||||||
|
|
||||||
|
const scrollRight = () => {
|
||||||
|
if (!tabsContainer.value) return;
|
||||||
|
const container = tabsContainer.value;
|
||||||
|
const maxScroll = container.scrollWidth - container.clientWidth;
|
||||||
|
container.scrollLeft = Math.min(maxScroll, container.scrollLeft + 200);
|
||||||
|
requestAnimationFrame(checkOverflow);
|
||||||
|
};
|
||||||
|
|
||||||
|
const scrollToActiveTab = () => {
|
||||||
|
if (!tabsContainer.value || isMobile.value) return;
|
||||||
|
const container = tabsContainer.value;
|
||||||
|
const activeEl = container.querySelector('[data-active="true"]');
|
||||||
|
if (!activeEl) return;
|
||||||
|
|
||||||
|
const containerRect = container.getBoundingClientRect();
|
||||||
|
const elRect = activeEl.getBoundingClientRect();
|
||||||
|
|
||||||
|
if (elRect.left < containerRect.left) {
|
||||||
|
container.scrollLeft += elRect.left - containerRect.left - 16;
|
||||||
|
} else if (elRect.right > containerRect.right) {
|
||||||
|
container.scrollLeft += elRect.right - containerRect.right + 16;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleWheelScroll = (event) => {
|
||||||
|
if (!tabsContainer.value || isMobile.value) return;
|
||||||
|
tabsContainer.value.scrollLeft += event.deltaY;
|
||||||
|
requestAnimationFrame(checkOverflow);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleResize = () => {
|
||||||
|
updateMobileStatus();
|
||||||
|
nextTick(() => {
|
||||||
|
checkOverflow();
|
||||||
|
if (!isMobile.value) scrollToActiveTab();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.activeTab,
|
||||||
|
() => {
|
||||||
|
if (!isMobile.value) nextTick(scrollToActiveTab);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.tabs,
|
||||||
|
() => {
|
||||||
|
nextTick(checkOverflow);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
updateMobileStatus();
|
||||||
|
|
||||||
|
window.addEventListener("resize", handleResize);
|
||||||
|
if (tabsContainer.value) {
|
||||||
|
tabsContainer.value.addEventListener("scroll", checkOverflow);
|
||||||
|
}
|
||||||
|
|
||||||
|
requestAnimationFrame(() => {
|
||||||
|
checkOverflow();
|
||||||
|
if (!isMobile.value) scrollToActiveTab();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
window.removeEventListener("resize", handleResize);
|
||||||
|
if (tabsContainer.value) {
|
||||||
|
tabsContainer.value.removeEventListener("scroll", checkOverflow);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.scrollbar-hide {
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
scrollbar-width: none;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
.scrollbar-hide::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pb-safe {
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
2038
app/components/auto-import/TiptapEditor.vue
Executable file
2038
app/components/auto-import/TiptapEditor.vue
Executable file
File diff suppressed because it is too large
Load Diff
1600
app/components/auto-import/TiptapEditor2.vue
Executable file
1600
app/components/auto-import/TiptapEditor2.vue
Executable file
File diff suppressed because it is too large
Load Diff
270
app/components/auto-import/myPagination.vue
Executable file
270
app/components/auto-import/myPagination.vue
Executable file
|
|
@ -0,0 +1,270 @@
|
||||||
|
<!-- components/myPagination.vue -->
|
||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="jahat-pagination flex items-center flex-wrap border-t border-gray-200 p-2 rounded-none mt-2"
|
||||||
|
:class="pagination.alignment"
|
||||||
|
>
|
||||||
|
<!-- نمایش محدوده رکوردها و انتخاب تعداد سطر -->
|
||||||
|
<div v-if="showTotalRecords" class="flex items-center mb-0 mr-3 text-sm">
|
||||||
|
<div class="hidden md:block">
|
||||||
|
<span>{{ recordRange.start }} </span>
|
||||||
|
<span>-</span>
|
||||||
|
<span> {{ recordRange.end }}</span>
|
||||||
|
<span> از </span>
|
||||||
|
</div>
|
||||||
|
<span>{{ totalRecords }}</span>
|
||||||
|
<span> رکورد</span>
|
||||||
|
|
||||||
|
<label for="pagination-limit" class="ml-2 mr-4 mb-0 whitespace-nowrap">
|
||||||
|
<span class="hidden md:block"> تعداد سطرها </span>
|
||||||
|
<span class="md:hidden"> سطرها </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<select
|
||||||
|
:id="limitSelectId"
|
||||||
|
v-model.number="internalLimit"
|
||||||
|
@change="onLimitChange"
|
||||||
|
class="min-w-[3.5em] py-1 px-2 border dark:bg-dark-primary-800 border-gray-300 rounded-md bg-white text-sm"
|
||||||
|
>
|
||||||
|
<option v-for="opt in limitOptions" :key="opt" :value="opt">
|
||||||
|
{{ opt }}
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ورودی عددی + UPagination -->
|
||||||
|
<div v-if="showPageSelection" class="flex items-center gap-2">
|
||||||
|
<!-- ورودی عددی (همیشه نمایش داده شود) -->
|
||||||
|
<div v-if="isMobile" class="flex gap-1 justify-center w-full">
|
||||||
|
<UButton
|
||||||
|
:disabled="internalPage <= 1"
|
||||||
|
size="sm"
|
||||||
|
color="gray"
|
||||||
|
@click="onPrevClick"
|
||||||
|
aria-label="صفحه قبلی"
|
||||||
|
>
|
||||||
|
<UIcon name="i-lucide-chevron-right" size="xl" class=""></UIcon>
|
||||||
|
</UButton>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
dir="ltr"
|
||||||
|
v-model.number="internalPage"
|
||||||
|
class="py-1 px-2 border border-gray-300 rounded-md font-bold text-sm w-16 text-center no-spinner"
|
||||||
|
:id="pageInputId"
|
||||||
|
placeholder="00"
|
||||||
|
:min="1"
|
||||||
|
:max="totalPages"
|
||||||
|
@keyup="debouncedPageChange"
|
||||||
|
@keydown="clearDebounce"
|
||||||
|
aria-label="وارد کردن شماره صفحه"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- نمایش فقط دکمههای قبلی/بعدی در موبایل -->
|
||||||
|
|
||||||
|
<UButton
|
||||||
|
:disabled="internalPage >= totalPages"
|
||||||
|
size="sm"
|
||||||
|
color="gray"
|
||||||
|
@click="onNextClick"
|
||||||
|
aria-label="صفحه بعدی"
|
||||||
|
>
|
||||||
|
<UIcon name="i-lucide-chevron-left" size="xl" class=""></UIcon>
|
||||||
|
</UButton>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- نمایش UPagination کامل در دسکتاپ -->
|
||||||
|
<UPagination
|
||||||
|
v-else
|
||||||
|
:page="internalPage"
|
||||||
|
:total="totalRecords"
|
||||||
|
:page-count="totalPages"
|
||||||
|
size="xl"
|
||||||
|
:max="3"
|
||||||
|
:sibling-count="1"
|
||||||
|
:show-edges="true"
|
||||||
|
@update:page="onPageClick"
|
||||||
|
:prev-button="{ label: 'قبلی', color: 'gray' }"
|
||||||
|
:next-button="{ label: 'بعدی', trailing: true, color: 'gray' }"
|
||||||
|
:active-button="{ variant: 'outline' }"
|
||||||
|
:inactive-button="{ color: 'gray' }"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { useMediaQuery } from "@vueuse/core";
|
||||||
|
import { ref, computed, watch } from "vue";
|
||||||
|
import { useDebounceFn } from "@vueuse/core";
|
||||||
|
import { useRoute, useRouter } from "#imports";
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
/**
|
||||||
|
* اطلاعات پیجینیشن ورودی
|
||||||
|
* مثال: { pages: 1000, total: 10000, page: 1, offset: 0, limit: 10 }
|
||||||
|
*/
|
||||||
|
paginationInfo: {
|
||||||
|
type: Object,
|
||||||
|
required: true,
|
||||||
|
validator(value) {
|
||||||
|
return (
|
||||||
|
typeof value.total === "number" &&
|
||||||
|
typeof value.page === "number" &&
|
||||||
|
typeof value.limit === "number"
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
showTotalRecords: { type: Boolean, default: true },
|
||||||
|
showPageSelection: { type: Boolean, default: true },
|
||||||
|
limitOptions: {
|
||||||
|
type: Array,
|
||||||
|
default: () => [5, 10, 15, 20, 25, 50, 75, 100],
|
||||||
|
},
|
||||||
|
limitSelectId: { type: String, default: "pagination-limit" },
|
||||||
|
pageInputId: { type: String, default: "pagination-page" },
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits([
|
||||||
|
"update:paginationInfo",
|
||||||
|
"pageChanged",
|
||||||
|
"limitChanged",
|
||||||
|
]);
|
||||||
|
|
||||||
|
// تشخیص موبایل (مثلاً عرض کمتر از 768px)
|
||||||
|
const isMobile = useMediaQuery("(max-width: 767px)");
|
||||||
|
const onPrevClick = () => {
|
||||||
|
const newPage = Math.max(1, internalPage.value - 1);
|
||||||
|
if (newPage !== internalPage.value) {
|
||||||
|
internalPage.value = newPage;
|
||||||
|
onPageClick(newPage);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const onNextClick = () => {
|
||||||
|
const newPage = Math.min(totalPages.value, internalPage.value + 1);
|
||||||
|
if (newPage !== internalPage.value) {
|
||||||
|
internalPage.value = newPage;
|
||||||
|
onPageClick(newPage);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// استخراج route و router برای بهروزرسانی URL
|
||||||
|
const route = useRoute();
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
|
// --- State داخلی ---
|
||||||
|
const internalPage = ref(props.paginationInfo.page);
|
||||||
|
const internalLimit = ref(props.paginationInfo.limit);
|
||||||
|
|
||||||
|
// --- محاسبات کمکی ---
|
||||||
|
const totalPages = computed(
|
||||||
|
() =>
|
||||||
|
props.paginationInfo.pages ||
|
||||||
|
Math.ceil(props.paginationInfo.total / internalLimit.value) ||
|
||||||
|
1
|
||||||
|
);
|
||||||
|
|
||||||
|
const totalRecords = computed(() => props.paginationInfo.total);
|
||||||
|
|
||||||
|
const recordRange = computed(() => {
|
||||||
|
const start = (internalPage.value - 1) * internalLimit.value + 1;
|
||||||
|
const end = Math.min(
|
||||||
|
internalPage.value * internalLimit.value,
|
||||||
|
totalRecords.value
|
||||||
|
);
|
||||||
|
return { start, end };
|
||||||
|
});
|
||||||
|
|
||||||
|
const pagination = {
|
||||||
|
alignment: "justify-between",
|
||||||
|
};
|
||||||
|
|
||||||
|
// --- Debounce برای ورودی عددی ---
|
||||||
|
const debouncedEmit = useDebounceFn(() => {
|
||||||
|
const page = Math.max(1, Math.min(internalPage.value, totalPages.value));
|
||||||
|
internalPage.value = page; // normalize
|
||||||
|
emitPageChange(page, internalLimit.value);
|
||||||
|
}, 500);
|
||||||
|
|
||||||
|
const debouncedPageChange = () => {
|
||||||
|
debouncedEmit();
|
||||||
|
};
|
||||||
|
|
||||||
|
const clearDebounce = () => {
|
||||||
|
debouncedEmit.clear();
|
||||||
|
};
|
||||||
|
|
||||||
|
// --- هندلرهای اصلی ---
|
||||||
|
const onPageClick = (page) => {
|
||||||
|
internalPage.value = page;
|
||||||
|
emitPageChange(page, internalLimit.value);
|
||||||
|
// بهروزرسانی URL
|
||||||
|
router.replace({
|
||||||
|
query: { ...route.query, page: page.toString() },
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const onLimitChange = () => {
|
||||||
|
internalPage.value = 1; // reset to first page
|
||||||
|
emitLimitChange(1, internalLimit.value);
|
||||||
|
|
||||||
|
// بهروزرسانی URL
|
||||||
|
router.replace({
|
||||||
|
query: { ...route.query, page: "1", limit: internalLimit.value.toString() },
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// --- ارسال event و sync با والد ---
|
||||||
|
const emitPageChange = (page, limit) => {
|
||||||
|
const newPagination = {
|
||||||
|
page,
|
||||||
|
limit,
|
||||||
|
total: props.paginationInfo.total,
|
||||||
|
pages: totalPages.value,
|
||||||
|
offset: (page - 1) * limit,
|
||||||
|
};
|
||||||
|
emit("update:paginationInfo", newPagination);
|
||||||
|
emit("pageChanged", { pageNumber: page, limit });
|
||||||
|
};
|
||||||
|
|
||||||
|
const emitLimitChange = (page, limit) => {
|
||||||
|
const newPagination = {
|
||||||
|
page,
|
||||||
|
limit,
|
||||||
|
total: props.paginationInfo.total,
|
||||||
|
pages: Math.ceil(props.paginationInfo.total / limit),
|
||||||
|
offset: 0,
|
||||||
|
};
|
||||||
|
emit("update:paginationInfo", newPagination);
|
||||||
|
emit("limitChanged", { pageNumber: page, limit });
|
||||||
|
};
|
||||||
|
|
||||||
|
// --- همگامسازی با prop خارجی (در صورت تغییر از خارج) ---
|
||||||
|
watch(
|
||||||
|
() => props.paginationInfo,
|
||||||
|
(newVal) => {
|
||||||
|
internalPage.value = newVal.page;
|
||||||
|
internalLimit.value = newVal.limit;
|
||||||
|
},
|
||||||
|
{ deep: true }
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.jahat-pagination {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
/* حذف اسپینر در این کامپوننت */
|
||||||
|
.no-spinner {
|
||||||
|
-moz-appearance: textfield; /* فایرفاکس */
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-spinner::-webkit-inner-spin-button,
|
||||||
|
.no-spinner::-webkit-outer-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-spinner {
|
||||||
|
appearance: textfield;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
9
app/components/lazy-load/data-entry/MainList.vue
Normal file
9
app/components/lazy-load/data-entry/MainList.vue
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<template>
|
||||||
|
<h1>main list</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
||||||
11
app/components/lazy-load/data-entry/RelationEdit.vue
Normal file
11
app/components/lazy-load/data-entry/RelationEdit.vue
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<template>
|
||||||
|
<h1>RelationEdit</h1>
|
||||||
|
|
||||||
|
<TiptapEditor></TiptapEditor>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
||||||
11
app/components/lazy-load/data-entry/RuleEdit.vue
Normal file
11
app/components/lazy-load/data-entry/RuleEdit.vue
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<template>
|
||||||
|
<h1>RuleEdit</h1>
|
||||||
|
|
||||||
|
<TiptapEditor></TiptapEditor>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
||||||
137
app/composables/composSystemTheme.ts
Executable file
137
app/composables/composSystemTheme.ts
Executable file
|
|
@ -0,0 +1,137 @@
|
||||||
|
// composables/composSystemTheme.ts
|
||||||
|
import type { Ref } from "vue";
|
||||||
|
import { ref, computed, watch, onMounted } from "vue";
|
||||||
|
import { useState } from "#imports";
|
||||||
|
|
||||||
|
type Theme = {
|
||||||
|
name: string;
|
||||||
|
title: string;
|
||||||
|
subTitle: string;
|
||||||
|
logo: {
|
||||||
|
light: string;
|
||||||
|
dark: string;
|
||||||
|
};
|
||||||
|
font: string;
|
||||||
|
fontFiles: Array<{ weight: string; style: string; src: string }>;
|
||||||
|
colors: {
|
||||||
|
primary: Record<
|
||||||
|
| "50"
|
||||||
|
| "100"
|
||||||
|
| "200"
|
||||||
|
| "300"
|
||||||
|
| "400"
|
||||||
|
| "500"
|
||||||
|
| "600"
|
||||||
|
| "700"
|
||||||
|
| "800"
|
||||||
|
| "900"
|
||||||
|
| "950",
|
||||||
|
string
|
||||||
|
>;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
export function composSystemTheme() {
|
||||||
|
const currentTheme = useState<Theme | null>("system-theme", () => null);
|
||||||
|
const isDark = useState<boolean>("is-dark", () => false);
|
||||||
|
const isReady = ref(false);
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
const saved = localStorage.getItem("theme-mode");
|
||||||
|
const shouldBeDark = saved === "dark";
|
||||||
|
if (isDark.value !== shouldBeDark) {
|
||||||
|
isDark.value = shouldBeDark;
|
||||||
|
}
|
||||||
|
isReady.value = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
// فقط هنگامی که کاربر دستی تم را تغییر داد، ذخیره کن
|
||||||
|
watch(
|
||||||
|
() => isDark.value,
|
||||||
|
(val) => {
|
||||||
|
if (!isReady.value || process.server) return;
|
||||||
|
|
||||||
|
localStorage.setItem("theme-mode", val ? "dark" : "light");
|
||||||
|
const root = document.documentElement;
|
||||||
|
val ? root.classList.add("dark") : root.classList.remove("dark");
|
||||||
|
},
|
||||||
|
{ immediate: false }
|
||||||
|
);
|
||||||
|
|
||||||
|
const toggleDarkMode = () => {
|
||||||
|
isDark.value = !isDark.value;
|
||||||
|
};
|
||||||
|
|
||||||
|
const applyTheme = async () => {
|
||||||
|
const system = useRuntimeConfig().public.system as string;
|
||||||
|
if (!system) {
|
||||||
|
console.warn("No system specified in runtime config");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
// 🔹 دقت: مسیر دقیقاً ~/assets/${system}/theme.json
|
||||||
|
const themeModule = await import(`~/assets/${system}/theme.json`);
|
||||||
|
const theme = themeModule.default || themeModule;
|
||||||
|
|
||||||
|
if (process.client) {
|
||||||
|
const root = document.documentElement;
|
||||||
|
|
||||||
|
// رنگها
|
||||||
|
Object.entries(theme.colors.primary).forEach(([key, value]) => {
|
||||||
|
root.style.setProperty(`--color-primary-${key}`, value);
|
||||||
|
});
|
||||||
|
|
||||||
|
// فونت
|
||||||
|
if (theme.font && theme.fontFiles) {
|
||||||
|
root.style.setProperty("--app-font", theme.font);
|
||||||
|
|
||||||
|
const fontId = `font-${theme.font}`;
|
||||||
|
if (!document.getElementById(fontId)) {
|
||||||
|
const style = document.createElement("style");
|
||||||
|
style.id = fontId;
|
||||||
|
let rules = "";
|
||||||
|
theme.fontFiles.forEach((file) => {
|
||||||
|
rules += `
|
||||||
|
@font-face {
|
||||||
|
font-family: "${theme.font}";
|
||||||
|
src: url("${file.src}") format("woff2");
|
||||||
|
font-weight: ${file.weight};
|
||||||
|
font-style: ${file.style};
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
});
|
||||||
|
style.textContent = rules;
|
||||||
|
document.head.appendChild(style);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
currentTheme.value = theme;
|
||||||
|
return theme;
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Failed to load theme for system: ${system}`, error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const logo = computed(() => {
|
||||||
|
if (!currentTheme.value) return "";
|
||||||
|
return isDark.values
|
||||||
|
? currentTheme.value.logo.dark
|
||||||
|
: currentTheme.value.logo.light;
|
||||||
|
});
|
||||||
|
|
||||||
|
const primaryColor = computed(() => {
|
||||||
|
return currentTheme.value?.colors.primary["500"] || "#3b82f6";
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
applyTheme,
|
||||||
|
currentTheme: currentTheme as Ref<Theme | null>,
|
||||||
|
isDark,
|
||||||
|
toggleDarkMode,
|
||||||
|
logo,
|
||||||
|
primaryColor,
|
||||||
|
};
|
||||||
|
}
|
||||||
45
app/composables/useConfirm.ts
Executable file
45
app/composables/useConfirm.ts
Executable file
|
|
@ -0,0 +1,45 @@
|
||||||
|
// ~/composables/confirm.ts
|
||||||
|
import { reactive, readonly } from "vue";
|
||||||
|
|
||||||
|
// یک state مشترک برای تمام کامپوننتها
|
||||||
|
const confirmState = reactive({
|
||||||
|
isOpen: false,
|
||||||
|
title: "تأیید عملیات",
|
||||||
|
message: "آیا از انجام این عملیات اطمینان دارید؟",
|
||||||
|
resolve: null as ((value: boolean) => void) | null,
|
||||||
|
});
|
||||||
|
|
||||||
|
export const useConfirmState = () => readonly(confirmState);
|
||||||
|
|
||||||
|
export const useConfirm = () => {
|
||||||
|
const ucoShowConfirmModal = (
|
||||||
|
options: { title?: string; message?: string } = {}
|
||||||
|
): Promise<boolean> => {
|
||||||
|
confirmState.title = options.title || "تأیید عملیات";
|
||||||
|
confirmState.message =
|
||||||
|
options.message || "آیا از انجام این عملیات اطمینان دارید؟";
|
||||||
|
confirmState.isOpen = true;
|
||||||
|
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
confirmState.resolve = resolve;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return { ucoShowConfirmModal };
|
||||||
|
};
|
||||||
|
|
||||||
|
export const useConfirmActions = () => {
|
||||||
|
const ucoConfirm = () => {
|
||||||
|
confirmState.isOpen = false;
|
||||||
|
if (confirmState.resolve) confirmState.resolve(true);
|
||||||
|
confirmState.resolve = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
const ucoCancelConfirmModal = () => {
|
||||||
|
confirmState.isOpen = false;
|
||||||
|
if (confirmState.resolve) confirmState.resolve(false);
|
||||||
|
confirmState.resolve = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
return { ucoConfirm, ucoCancelConfirmModal };
|
||||||
|
};
|
||||||
441
app/json/EditorSchema.json
Executable file
441
app/json/EditorSchema.json
Executable file
|
|
@ -0,0 +1,441 @@
|
||||||
|
{
|
||||||
|
"toolbarButtons": [
|
||||||
|
{
|
||||||
|
"group": "textSettings",
|
||||||
|
"title": "تنظیمات متن",
|
||||||
|
"buttons": [
|
||||||
|
{
|
||||||
|
"action": "toggleHeading",
|
||||||
|
"level": 1,
|
||||||
|
"label": "عنوان ۱",
|
||||||
|
"title": "عنوان 1",
|
||||||
|
"class": "text-sm font-semibold"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "toggleHeading",
|
||||||
|
"level": 2,
|
||||||
|
"label": "عنوان ۲",
|
||||||
|
"title": "عنوان 2",
|
||||||
|
"class": "text-sm font-semibold"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "toggleHeading",
|
||||||
|
"level": 3,
|
||||||
|
"label": "عنوان ۳",
|
||||||
|
"title": "عنوان 3",
|
||||||
|
"class": "text-sm font-semibold"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"group": "textFormatting",
|
||||||
|
"title": "قالببندی متن",
|
||||||
|
"buttons": [
|
||||||
|
{
|
||||||
|
"action": "toggleBold",
|
||||||
|
"label": "ب",
|
||||||
|
"title": "پررنگ (Ctrl+B)",
|
||||||
|
"class": "font-bold text-sm"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "toggleItalic",
|
||||||
|
"label": "ک",
|
||||||
|
"title": "کج (Ctrl+I)",
|
||||||
|
"class": "italic text-sm"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "toggleLink",
|
||||||
|
"label": "🔗",
|
||||||
|
"title": "لینک (Ctrl+K)",
|
||||||
|
"class": "text-sm"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"group": "lists",
|
||||||
|
"title": "لیستها",
|
||||||
|
"buttons": [
|
||||||
|
{
|
||||||
|
"action": "toggleBulletList",
|
||||||
|
"label": "•",
|
||||||
|
"title": "لیست نقطهای",
|
||||||
|
"class": "text-lg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "toggleOrderedList",
|
||||||
|
"label": "۱.",
|
||||||
|
"title": "لیست شمارهای",
|
||||||
|
"class": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "toggleTaskList",
|
||||||
|
"label": "✓",
|
||||||
|
"title": "لیست کارها",
|
||||||
|
"class": "text-sm"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"group": "blocks",
|
||||||
|
"title": "بلوکها",
|
||||||
|
"buttons": [
|
||||||
|
{
|
||||||
|
"action": "toggleCodeBlock",
|
||||||
|
"label": "{ }",
|
||||||
|
"title": "بلوک کد",
|
||||||
|
"class": "text-sm"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "toggleBlockquote",
|
||||||
|
"label": "\"",
|
||||||
|
"title": "نقل قول",
|
||||||
|
"class": "text-lg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "setHorizontalRule",
|
||||||
|
"label": "―",
|
||||||
|
"title": "خط جداکننده",
|
||||||
|
"class": "text-lg"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"group": "alignment",
|
||||||
|
"title": "ترازبندی",
|
||||||
|
"buttons": [
|
||||||
|
{
|
||||||
|
"action": "setTextAlign",
|
||||||
|
"value": "right",
|
||||||
|
"label": "→|",
|
||||||
|
"title": "تراز راست",
|
||||||
|
"class": "text-sm"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "setTextAlign",
|
||||||
|
"value": "center",
|
||||||
|
"label": "|→|",
|
||||||
|
"title": "تراز وسط",
|
||||||
|
"class": "text-sm"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "setTextAlign",
|
||||||
|
"value": "left",
|
||||||
|
"label": "|←",
|
||||||
|
"title": "تراز چپ",
|
||||||
|
"class": "text-sm"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"group": "operations",
|
||||||
|
"title": "عملیات",
|
||||||
|
"buttons": [
|
||||||
|
{
|
||||||
|
"action": "undo",
|
||||||
|
"label": "↶",
|
||||||
|
"title": "بازگشت (Ctrl+Z)",
|
||||||
|
"class": "text-lg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"action": "redo",
|
||||||
|
"label": "↷",
|
||||||
|
"title": "بازگشت به جلو (Ctrl+Shift+Z)",
|
||||||
|
"class": "text-lg"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
"contextMenuItems": [
|
||||||
|
{
|
||||||
|
"section": "ai",
|
||||||
|
"label": "هوش مصنوعی",
|
||||||
|
"icon": "i-lucide-sparkles",
|
||||||
|
"items": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "بهبود نوشتار",
|
||||||
|
"icon": "i-lucide-pen-line",
|
||||||
|
"kbds": ["AI", "I"],
|
||||||
|
"action": "improve"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "ادامه دادن",
|
||||||
|
"icon": "i-lucide-redo",
|
||||||
|
"kbds": ["AI", "I"],
|
||||||
|
"action": "continue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "تیتر گذاری",
|
||||||
|
"icon": "i-lucide-heading",
|
||||||
|
"kbds": ["AI", "I"],
|
||||||
|
"action": "title"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "خلاصهسازی",
|
||||||
|
"icon": "i-lucide-file-text",
|
||||||
|
"kbds": ["AI", "S"],
|
||||||
|
"action": "summarize"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"label": "اصلاح املایی",
|
||||||
|
"icon": "i-lucide-eraser",
|
||||||
|
"kbds": ["AI", "I"],
|
||||||
|
"action": "spellcheck"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "سادهسازی",
|
||||||
|
"icon": "i-lucide-spell-check",
|
||||||
|
"kbds": ["AI", "I"],
|
||||||
|
"action": "simplify"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "ترجمه",
|
||||||
|
"icon": "i-lucide-languages",
|
||||||
|
"kbds": ["AI", "T"],
|
||||||
|
"action": "translate",
|
||||||
|
"children": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "انگلیسی",
|
||||||
|
"icon": "i-lucide-globe",
|
||||||
|
"action": "translate",
|
||||||
|
"lang": "انگلیسی"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "فارسی",
|
||||||
|
"icon": "i-lucide-globe",
|
||||||
|
"action": "translate",
|
||||||
|
"lang": "فارسی"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "عربی",
|
||||||
|
"icon": "i-lucide-globe",
|
||||||
|
"action": "translate",
|
||||||
|
"lang": "عربی"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "توضیح",
|
||||||
|
"icon": "i-lucide-lightbulb",
|
||||||
|
"kbds": ["AI", "E"],
|
||||||
|
"action": "explain"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"section": "formatting",
|
||||||
|
"label": "قالببندی",
|
||||||
|
"icon": "i-lucide-type",
|
||||||
|
"items": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "پررنگ",
|
||||||
|
"icon": "i-lucide-bold",
|
||||||
|
"kbds": ["ctrl", "B"],
|
||||||
|
"action": "toggleBold"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "کج",
|
||||||
|
"icon": "i-lucide-italic",
|
||||||
|
"kbds": ["ctrl", "I"],
|
||||||
|
"action": "toggleItalic"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "زیرخط",
|
||||||
|
"icon": "i-lucide-underline",
|
||||||
|
"kbds": ["ctrl", "U"],
|
||||||
|
"action": "toggleUnderline"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "کد",
|
||||||
|
"icon": "i-lucide-code",
|
||||||
|
"kbds": ["ctrl", "E"],
|
||||||
|
"action": "toggleCode"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "لینک",
|
||||||
|
"icon": "i-lucide-link",
|
||||||
|
"kbds": ["ctrl", "K"],
|
||||||
|
"action": "toggleLink"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"section": "operations",
|
||||||
|
"label": "عملیات",
|
||||||
|
"icon": "i-lucide-scissors",
|
||||||
|
"items": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "کپی",
|
||||||
|
"icon": "i-lucide-copy",
|
||||||
|
"kbds": ["ctrl", "C"],
|
||||||
|
"action": "copy"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "برش",
|
||||||
|
"icon": "i-lucide-scissors",
|
||||||
|
"kbds": ["ctrl", "X"],
|
||||||
|
"action": "cut"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "چسباندن",
|
||||||
|
"icon": "i-lucide-clipboard-paste",
|
||||||
|
"kbds": ["ctrl", "V"],
|
||||||
|
"action": "paste"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "حذف",
|
||||||
|
"icon": "i-lucide-trash",
|
||||||
|
"kbds": ["Delete"],
|
||||||
|
"action": "delete",
|
||||||
|
"color": "error"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"section": "convert",
|
||||||
|
"label": "تبدیل به",
|
||||||
|
"icon": "i-lucide-shapes",
|
||||||
|
"items": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "عنوان ۱",
|
||||||
|
"icon": "i-lucide-heading-1",
|
||||||
|
"action": "convertToHeading1"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "عنوان ۲",
|
||||||
|
"icon": "i-lucide-heading-2",
|
||||||
|
"action": "convertToHeading2"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "عنوان ۳",
|
||||||
|
"icon": "i-lucide-heading-3",
|
||||||
|
"action": "convertToHeading3"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "لیست نقطهای",
|
||||||
|
"icon": "i-lucide-list",
|
||||||
|
"action": "convertToBulletList"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "لیست شمارهای",
|
||||||
|
"icon": "i-lucide-list-ordered",
|
||||||
|
"action": "convertToOrderedList"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "لیست کارها",
|
||||||
|
"icon": "i-lucide-check-square",
|
||||||
|
"action": "convertToTaskList"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "کد",
|
||||||
|
"icon": "i-lucide-code",
|
||||||
|
"action": "convertToCodeBlock"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "نقل قول",
|
||||||
|
"icon": "i-lucide-quote",
|
||||||
|
"action": "convertToBlockquote"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"section": "alignment",
|
||||||
|
"label": "ترازبندی",
|
||||||
|
"icon": "i-lucide-align-left",
|
||||||
|
"items": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "راست",
|
||||||
|
"icon": "i-lucide-align-right",
|
||||||
|
"action": "alignRight"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "وسط",
|
||||||
|
"icon": "i-lucide-align-center",
|
||||||
|
"action": "alignCenter"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "چپ",
|
||||||
|
"icon": "i-lucide-align-left",
|
||||||
|
"action": "alignLeft"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
"blockIcons": {
|
||||||
|
"paragraph": "📝",
|
||||||
|
"heading1": "H1",
|
||||||
|
"heading2": "H2",
|
||||||
|
"heading3": "H3",
|
||||||
|
"todo": "✓",
|
||||||
|
"bullet": "•",
|
||||||
|
"number": "1.",
|
||||||
|
"code": "{ }",
|
||||||
|
"quote": "\"",
|
||||||
|
"image": "🖼️",
|
||||||
|
"file": "📎",
|
||||||
|
"table": "📊",
|
||||||
|
"callout": "💡"
|
||||||
|
},
|
||||||
|
|
||||||
|
"blockTypeNames": {
|
||||||
|
"paragraph": "متن",
|
||||||
|
"heading1": "عنوان ۱",
|
||||||
|
"heading2": "عنوان ۲",
|
||||||
|
"heading3": "عنوان ۳",
|
||||||
|
"todo": "لیست کار",
|
||||||
|
"bullet": "لیست نقطهای",
|
||||||
|
"number": "لیست شمارهای",
|
||||||
|
"code": "کد",
|
||||||
|
"quote": "نقل قول",
|
||||||
|
"callout": "کالاوت"
|
||||||
|
},
|
||||||
|
|
||||||
|
"alignmentNames": {
|
||||||
|
"right": "راست",
|
||||||
|
"center": "وسط",
|
||||||
|
"left": "چپ"
|
||||||
|
},
|
||||||
|
|
||||||
|
"editorConfig": {
|
||||||
|
"placeholder": "شروع به نوشتن کنید...",
|
||||||
|
"emptyEditorClass": "is-editor-empty",
|
||||||
|
"attributes": {
|
||||||
|
"class": "notion-editor",
|
||||||
|
"dir": "rtl",
|
||||||
|
"spellcheck": "false"
|
||||||
|
},
|
||||||
|
"linkAttributes": {
|
||||||
|
"class": "text-blue-600 hover:text-blue-800 underline transition-colors",
|
||||||
|
"dir": "ltr",
|
||||||
|
"target": "_blank",
|
||||||
|
"rel": "noopener noreferrer"
|
||||||
|
},
|
||||||
|
"defaultAlignment": "right"
|
||||||
|
},
|
||||||
|
|
||||||
|
"welcomeContent": "<div style=\"text-align: right;\">\n <p>فلسفه اعم از همه علوم و معارف است، زيرا موضوع آن (موجود) عام ترين موضوعات و در برگيرنده همه چيزهاست. علوم كلًاّ از حيث ثبوت موضوع متوقف بر فلسفه اند، اما فلسفه در ثبوت موضوع خود بر هيچ يك از علوم مبتنى نيست</p> </div>"
|
||||||
|
}
|
||||||
18
app/json/header/header.json
Executable file
18
app/json/header/header.json
Executable file
|
|
@ -0,0 +1,18 @@
|
||||||
|
{
|
||||||
|
"languages": [
|
||||||
|
{ "label": "فارسی", "icon": "i-flagpack-ir" },
|
||||||
|
{ "label": "English", "icon": "i-flagpack-gb-ukm" },
|
||||||
|
{ "label": "العربية", "icon": "i-flagpack-sa" }
|
||||||
|
],
|
||||||
|
"userMenu": [
|
||||||
|
[
|
||||||
|
{ "label": "پروفایل", "icon": "i-heroicons-user-circle","key":"profile" },
|
||||||
|
{ "label": "تنظیمات", "icon": "i-heroicons-cog-6-tooth" ,"key":"settings" },
|
||||||
|
{ "label": "برنامهنویس فنی", "icon": "i-heroicons-code-bracket" ,"key":"developer" },
|
||||||
|
{ "label": " پنل مدیریت", "icon": "i-heroicons-cog-6-tooth" ,"key":"admin" }
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{ "label": "خروج", "icon": "i-heroicons-arrow-left-on-rectangle", "color": "red", "key": "logout" }
|
||||||
|
]
|
||||||
|
]
|
||||||
|
}
|
||||||
12
app/json/sidebar/dashboard.json
Executable file
12
app/json/sidebar/dashboard.json
Executable file
|
|
@ -0,0 +1,12 @@
|
||||||
|
{
|
||||||
|
"topMenu": [
|
||||||
|
{
|
||||||
|
"label": "پیشخوان",
|
||||||
|
"icon": "i-lucide-home",
|
||||||
|
"to": "/dashboard/base",
|
||||||
|
"develop": 0,
|
||||||
|
"active": true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"bottomMenu": []
|
||||||
|
}
|
||||||
50
app/json/tab-bar/dashboard/dashboard.json
Executable file
50
app/json/tab-bar/dashboard/dashboard.json
Executable file
|
|
@ -0,0 +1,50 @@
|
||||||
|
{
|
||||||
|
"tabs": [
|
||||||
|
{
|
||||||
|
"id": "dashboard",
|
||||||
|
"label": "داشبورد",
|
||||||
|
"icon": "i-heroicons-chart-bar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "dashboard1",
|
||||||
|
"label": "داشبورد",
|
||||||
|
"icon": "i-heroicons-chart-bar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "dashboard3",
|
||||||
|
"label": "داشبورد",
|
||||||
|
"icon": "i-heroicons-chart-bar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "dashboard5",
|
||||||
|
"label": "داشبورد",
|
||||||
|
"icon": "i-heroicons-chart-bar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "dashboard8",
|
||||||
|
"label": "داشبورد",
|
||||||
|
"icon": "i-heroicons-chart-bar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "dashboard7",
|
||||||
|
"label": "داشبورد",
|
||||||
|
"icon": "i-heroicons-chart-bar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "dashboard11",
|
||||||
|
"label": "داشبورد",
|
||||||
|
"icon": "i-heroicons-chart-bar"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"id": "users",
|
||||||
|
"label": "کاربران",
|
||||||
|
"icon": "i-heroicons-users"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "users2",
|
||||||
|
"label": "کاربران",
|
||||||
|
"icon": "i-heroicons-users"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
26
app/json/tab-bar/data-entry/dataEntry.json
Executable file
26
app/json/tab-bar/data-entry/dataEntry.json
Executable file
|
|
@ -0,0 +1,26 @@
|
||||||
|
{
|
||||||
|
"tabs": [
|
||||||
|
{
|
||||||
|
"id": "MainList",
|
||||||
|
"key": "MainList",
|
||||||
|
"label": "فهرست",
|
||||||
|
"icon": "emojione-closed-book",
|
||||||
|
"develop": 0,
|
||||||
|
"active": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "RuleEdit",
|
||||||
|
"label": "احکام",
|
||||||
|
"key": "RuleEdit",
|
||||||
|
"develop": 0,
|
||||||
|
"icon": "i-mdi-library-outline"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "RelationEdit",
|
||||||
|
"key": "RelationEdit",
|
||||||
|
"icon": "emojione-orange-book",
|
||||||
|
"develop": 0,
|
||||||
|
"label": "روابط"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
29
app/json/tab-bar/data-entry/manage.json
Executable file
29
app/json/tab-bar/data-entry/manage.json
Executable file
|
|
@ -0,0 +1,29 @@
|
||||||
|
{
|
||||||
|
"tabs": [
|
||||||
|
{
|
||||||
|
"id": "info",
|
||||||
|
"label": "اطلاعات پایه",
|
||||||
|
"key": "infoContent",
|
||||||
|
"develop": 0,
|
||||||
|
"icon": "i-mdi-database-outline"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "آمار",
|
||||||
|
"id": "Statistics",
|
||||||
|
"develop": 1,
|
||||||
|
"icon": "i-lucide-bar-chart"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "فعالیت کاربران",
|
||||||
|
"id": "UserReports",
|
||||||
|
"develop": 1,
|
||||||
|
"icon": "i-lucide-users"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "گزارشات",
|
||||||
|
"to": "Reports",
|
||||||
|
"develop": 1,
|
||||||
|
"icon": "i-heroicons-chart-bar"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
325
app/json/tab-bar/data-entry/sampelData.json
Executable file
325
app/json/tab-bar/data-entry/sampelData.json
Executable file
|
|
@ -0,0 +1,325 @@
|
||||||
|
{
|
||||||
|
"items": [],
|
||||||
|
"tableActions": [
|
||||||
|
{
|
||||||
|
"key": "importInfo",
|
||||||
|
"icon": "i-lucide-info",
|
||||||
|
"title": "ورود اطلاعات"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"key": "manageFiles",
|
||||||
|
"icon": "i-lucide-upload",
|
||||||
|
"title": "بارگذاری فایل"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"tableColumns": [
|
||||||
|
{
|
||||||
|
"key": "branch",
|
||||||
|
"title": "دوره",
|
||||||
|
"isLink": true,
|
||||||
|
"width": "18%",
|
||||||
|
"contextmenu": true
|
||||||
|
},
|
||||||
|
{ "key": "title", "title": "عنوان", "width": "15%", "contextmenu": true },
|
||||||
|
{ "key": "subtitle", "title": "عنوان محتوایی", "width": "25%" },
|
||||||
|
{ "key": "meet_code", "title": "کد جلسه", "width": "12%" },
|
||||||
|
{
|
||||||
|
"key": "begin_date",
|
||||||
|
"title": "تاریخ",
|
||||||
|
"isLink": true,
|
||||||
|
"width": "12%",
|
||||||
|
"contextmenu": true
|
||||||
|
},
|
||||||
|
{ "key": "author", "title": "مولف", "width": "18%" }
|
||||||
|
],
|
||||||
|
"menuItems": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "ویرایش سریع",
|
||||||
|
"key": "quick-edit",
|
||||||
|
"icon": "heroicons:pencil-square"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "کپی مقدار",
|
||||||
|
"key": "copy",
|
||||||
|
"icon": "heroicons:clipboard-document"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "جزئیات",
|
||||||
|
"key": "details",
|
||||||
|
"icon": "heroicons:information-circle"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"schemaItems": {
|
||||||
|
"collapse_items": {
|
||||||
|
"key": "collapse",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "title",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "branch",
|
||||||
|
"source_key": "branch",
|
||||||
|
"label": "دوره :",
|
||||||
|
"style": "search-label",
|
||||||
|
"hilight_key": "branch",
|
||||||
|
"link_route": {
|
||||||
|
"id": "_id",
|
||||||
|
"name": "navigationView",
|
||||||
|
"key": "sanad",
|
||||||
|
"query": "listkey=branch"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "author",
|
||||||
|
"source_key": "author",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "inner_hits",
|
||||||
|
"array_key": "inner_hits.by_collapse.hits.hits",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "format",
|
||||||
|
"source_key": "format",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-tag"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "meet_lid",
|
||||||
|
"source_key": "meet_lid",
|
||||||
|
"label": "کدداخلی :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "meet_code",
|
||||||
|
"source_key": "meet_code",
|
||||||
|
"label": "کد جلسه :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "begin_date",
|
||||||
|
"source_key": "begin_date",
|
||||||
|
"label": "تاریخ :",
|
||||||
|
"style": "search-label",
|
||||||
|
"process": "convert_date"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "title",
|
||||||
|
"source_key": "title,subtitle",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-title",
|
||||||
|
"link_route": {
|
||||||
|
"id": "_id",
|
||||||
|
"name": "navigationView",
|
||||||
|
"key": "sanad"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "title",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "format",
|
||||||
|
"source_key": "format",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-tag"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "title",
|
||||||
|
"source_key": "title,subtitle",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-title",
|
||||||
|
"link_route": {
|
||||||
|
"id": "_id",
|
||||||
|
"name": "navigationView",
|
||||||
|
"key": "sanad"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "subtitle",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "meet_lid",
|
||||||
|
"source_key": "meet_lid",
|
||||||
|
"label": "کدداخلی :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "meet_code",
|
||||||
|
"source_key": "meet_code",
|
||||||
|
"label": "کد جلسه :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "research_code",
|
||||||
|
"source_key": "research_code",
|
||||||
|
"label": "کد دوره :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "id",
|
||||||
|
"source_key": "id",
|
||||||
|
"label": "کد پورتال :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "begin_date",
|
||||||
|
"source_key": "begin_date",
|
||||||
|
"label": "تاریخ :",
|
||||||
|
"style": "search-label",
|
||||||
|
"process": "convert_date"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "subtitle2",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "branch",
|
||||||
|
"source_key": "branch",
|
||||||
|
"label": "دوره :",
|
||||||
|
"style": "search-label",
|
||||||
|
"hilight_key": "branch",
|
||||||
|
"link_route": {
|
||||||
|
"id": "_id",
|
||||||
|
"name": "navigationView",
|
||||||
|
"key": "sanad",
|
||||||
|
"query": "listkey=branch"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "author",
|
||||||
|
"source_key": "author",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "body",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "content",
|
||||||
|
"source_key": "content,mindex,mintro",
|
||||||
|
"label": "",
|
||||||
|
"hilight_key": "content",
|
||||||
|
"style": "search-body"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "keywords",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "keywords",
|
||||||
|
"source_key": "keywords",
|
||||||
|
"label": "واژهگان :",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "media",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "films",
|
||||||
|
"source_key": "films",
|
||||||
|
"label": "فیلم :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "voices",
|
||||||
|
"source_key": "voices",
|
||||||
|
"label": "صوت :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "photos",
|
||||||
|
"source_key": "photos",
|
||||||
|
"label": "تصاویر :",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "subject",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "subject",
|
||||||
|
"isArray": 1,
|
||||||
|
"source_key": "subject",
|
||||||
|
"label": "موضوع :",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"actions": [
|
||||||
|
{
|
||||||
|
"title": "علاقه مندی ها",
|
||||||
|
"key": "tbookmark",
|
||||||
|
"can": "favorite_create",
|
||||||
|
"type": "button",
|
||||||
|
"api_items": {
|
||||||
|
"data_type": "bookmark",
|
||||||
|
"ref_key": "sanad",
|
||||||
|
"id": "_id",
|
||||||
|
"title": "_source.title"
|
||||||
|
},
|
||||||
|
|
||||||
|
"toggle_icons": {
|
||||||
|
"icon1": "i-heroicons-bookmark-solid",
|
||||||
|
"icon2": "i-heroicons-bookmark"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"icon": "i-heroicons-information-circle",
|
||||||
|
"title": "مشخصات",
|
||||||
|
"key": "summary",
|
||||||
|
"can": "search_summary",
|
||||||
|
"type": "button"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"icon": "i-mdi-content-copy",
|
||||||
|
"title": "کپی لینک",
|
||||||
|
"key": "copy",
|
||||||
|
"type": "button",
|
||||||
|
"link_route": { "id": "_id", "name": "navigationView", "key": "sanad" }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"pagination": {
|
||||||
|
"pages": 0,
|
||||||
|
"total": 0,
|
||||||
|
"page": 1,
|
||||||
|
"offset": 0,
|
||||||
|
"limit": 10
|
||||||
|
},
|
||||||
|
"switchSchema": [
|
||||||
|
{ "key": "list", "label": "نمایش جدول", "icon": "i-ri:table-fill" },
|
||||||
|
{
|
||||||
|
"key": "table",
|
||||||
|
"label": "نمایش لیستی",
|
||||||
|
"icon": "i-lsicon:list-outline"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"viewMode": "table",
|
||||||
|
"contentKey": "sanad",
|
||||||
|
"textSearch": "",
|
||||||
|
"isSearchingState": true,
|
||||||
|
"height": "calc(-20em + 100vh)"
|
||||||
|
}
|
||||||
333
app/json/tab-bar/data-entry/sampelDataDb.json
Executable file
333
app/json/tab-bar/data-entry/sampelDataDb.json
Executable file
|
|
@ -0,0 +1,333 @@
|
||||||
|
{
|
||||||
|
"items": [],
|
||||||
|
"tableActions": [
|
||||||
|
{
|
||||||
|
"key": "meta_infos",
|
||||||
|
"icon": "i-lucide-info",
|
||||||
|
"title": "ورود اطلاعات"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"key": "manageFiles",
|
||||||
|
"icon": "i-lucide-upload",
|
||||||
|
"title": "بارگذاری فایل"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "hasMedia",
|
||||||
|
"icon": "lucide:list-checks",
|
||||||
|
"title": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"tableColumns": [
|
||||||
|
{
|
||||||
|
"key": "branch",
|
||||||
|
"title": "دوره",
|
||||||
|
"isLink": true,
|
||||||
|
"width": "18%",
|
||||||
|
"contextmenu": true
|
||||||
|
},
|
||||||
|
{ "key": "title", "title": "عنوان", "width": "15%", "contextmenu": true },
|
||||||
|
{ "key": "subtitle", "title": "عنوان محتوایی", "width": "25%" },
|
||||||
|
{ "key": "meet_code", "title": "کد جلسه", "width": "12%" },
|
||||||
|
{
|
||||||
|
"key": "begin_date",
|
||||||
|
"title": "تاریخ",
|
||||||
|
"isLink": true,
|
||||||
|
"width": "12%",
|
||||||
|
"contextmenu": true
|
||||||
|
},
|
||||||
|
{ "key": "video_count", "title": "ت فیلم", "width": "5%" },
|
||||||
|
{ "key": "photo_count", "title": "ت تصویر", "width": "5%" },
|
||||||
|
{ "key": "sound_count", "title": "ت صوت", "width": "5%" },
|
||||||
|
{ "key": "file_count", "title": "ت فایل", "width": "5%" }
|
||||||
|
],
|
||||||
|
"menuItems": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"label": "ویرایش سریع",
|
||||||
|
"key": "quick-edit",
|
||||||
|
"icon": "heroicons:pencil-square"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "کپی مقدار",
|
||||||
|
"key": "copy",
|
||||||
|
"icon": "heroicons:clipboard-document"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "جزئیات",
|
||||||
|
"key": "details",
|
||||||
|
"icon": "heroicons:information-circle"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"schemaItems": {
|
||||||
|
"collapse_items": {
|
||||||
|
"key": "collapse",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "title",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "branch",
|
||||||
|
"source_key": "branch",
|
||||||
|
"label": "دوره :",
|
||||||
|
"style": "search-label",
|
||||||
|
"hilight_key": "branch",
|
||||||
|
"link_route": {
|
||||||
|
"id": "_id",
|
||||||
|
"name": "navigationView",
|
||||||
|
"key": "sanad",
|
||||||
|
"query": "listkey=branch"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "author",
|
||||||
|
"source_key": "author",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "inner_hits",
|
||||||
|
"array_key": "inner_hits.by_collapse.hits.hits",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "format",
|
||||||
|
"source_key": "format",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-tag"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "meet_lid",
|
||||||
|
"source_key": "meet_lid",
|
||||||
|
"label": "کدداخلی :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "meet_code",
|
||||||
|
"source_key": "meet_code",
|
||||||
|
"label": "کد جلسه :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "begin_date",
|
||||||
|
"source_key": "begin_date",
|
||||||
|
"label": "تاریخ :",
|
||||||
|
"style": "search-label",
|
||||||
|
"process": "convert_date"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "title",
|
||||||
|
"source_key": "title,subtitle",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-title",
|
||||||
|
"link_route": {
|
||||||
|
"id": "_id",
|
||||||
|
"name": "navigationView",
|
||||||
|
"key": "sanad"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "title",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "format",
|
||||||
|
"source_key": "format",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-tag"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "title",
|
||||||
|
"source_key": "title,subtitle",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-title",
|
||||||
|
"link_route": {
|
||||||
|
"id": "_id",
|
||||||
|
"name": "navigationView",
|
||||||
|
"key": "sanad"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "subtitle",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "meet_lid",
|
||||||
|
"source_key": "meet_lid",
|
||||||
|
"label": "کدداخلی :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "meet_code",
|
||||||
|
"source_key": "meet_code",
|
||||||
|
"label": "کد جلسه :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "research_code",
|
||||||
|
"source_key": "research_code",
|
||||||
|
"label": "کد دوره :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "id",
|
||||||
|
"source_key": "id",
|
||||||
|
"label": "کد پورتال :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "begin_date",
|
||||||
|
"source_key": "begin_date",
|
||||||
|
"label": "تاریخ :",
|
||||||
|
"style": "search-label",
|
||||||
|
"process": "convert_date"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "subtitle2",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "branch",
|
||||||
|
"source_key": "branch",
|
||||||
|
"label": "دوره :",
|
||||||
|
"style": "search-label",
|
||||||
|
"hilight_key": "branch",
|
||||||
|
"link_route": {
|
||||||
|
"id": "_id",
|
||||||
|
"name": "navigationView",
|
||||||
|
"key": "sanad",
|
||||||
|
"query": "listkey=branch"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "author",
|
||||||
|
"source_key": "author",
|
||||||
|
"label": "",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "body",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "content",
|
||||||
|
"source_key": "content,mindex,mintro",
|
||||||
|
"label": "",
|
||||||
|
"hilight_key": "content",
|
||||||
|
"style": "search-body"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "keywords",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "keywords",
|
||||||
|
"source_key": "keywords",
|
||||||
|
"label": "واژهگان :",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "media",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "films",
|
||||||
|
"source_key": "films",
|
||||||
|
"label": "فیلم :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "voices",
|
||||||
|
"source_key": "voices",
|
||||||
|
"label": "صوت :",
|
||||||
|
"style": "search-label"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "photos",
|
||||||
|
"source_key": "photos",
|
||||||
|
"label": "تصاویر :",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "subject",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"key": "subject",
|
||||||
|
"isArray": 1,
|
||||||
|
"source_key": "subject",
|
||||||
|
"label": "موضوع :",
|
||||||
|
"style": "search-label"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"actions": [
|
||||||
|
{
|
||||||
|
"title": "علاقه مندی ها",
|
||||||
|
"key": "tbookmark",
|
||||||
|
"can": "favorite_create",
|
||||||
|
"type": "button",
|
||||||
|
"api_items": {
|
||||||
|
"data_type": "bookmark",
|
||||||
|
"ref_key": "sanad",
|
||||||
|
"id": "_id",
|
||||||
|
"title": "_source.title"
|
||||||
|
},
|
||||||
|
|
||||||
|
"toggle_icons": {
|
||||||
|
"icon1": "i-heroicons-bookmark-solid",
|
||||||
|
"icon2": "i-heroicons-bookmark"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"icon": "i-heroicons-information-circle",
|
||||||
|
"title": "مشخصات",
|
||||||
|
"key": "summary",
|
||||||
|
"can": "search_summary",
|
||||||
|
"type": "button"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"icon": "i-mdi-content-copy",
|
||||||
|
"title": "کپی لینک",
|
||||||
|
"key": "copy",
|
||||||
|
"type": "button",
|
||||||
|
"link_route": { "id": "_id", "name": "navigationView", "key": "sanad" }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"pagination": {
|
||||||
|
"pages": 0,
|
||||||
|
"total": 0,
|
||||||
|
"page": 1,
|
||||||
|
"offset": 0,
|
||||||
|
"limit": 10
|
||||||
|
},
|
||||||
|
"switchSchema": [
|
||||||
|
{ "key": "list", "label": "نمایش جدول", "icon": "i-ri:table-fill" },
|
||||||
|
{
|
||||||
|
"key": "table",
|
||||||
|
"label": "نمایش لیستی",
|
||||||
|
"icon": "i-lsicon:list-outline"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"viewMode": "table",
|
||||||
|
"contentKey": "sanad",
|
||||||
|
"textSearch": "",
|
||||||
|
"isSearchingState": true,
|
||||||
|
"height": "calc(-20em + 100vh)"
|
||||||
|
}
|
||||||
23
app/json/tab-bar/data-entry/treeList.json
Executable file
23
app/json/tab-bar/data-entry/treeList.json
Executable file
|
|
@ -0,0 +1,23 @@
|
||||||
|
{
|
||||||
|
"tabs": [
|
||||||
|
{
|
||||||
|
"id": "monir",
|
||||||
|
"key": "monirContent",
|
||||||
|
"label": "استاد حسینی",
|
||||||
|
"icon": "emojione-closed-book",
|
||||||
|
"active": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "mirbagheri",
|
||||||
|
"key": "mirbagheriContent",
|
||||||
|
"icon": "emojione-orange-book",
|
||||||
|
"label": "استاد میرباقری"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "farhangestan",
|
||||||
|
"label": "فرهنگستان",
|
||||||
|
"key": "farhangestanContent",
|
||||||
|
"icon": "i-mdi-library-outline"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
64
app/layouts/dashboardLayout.vue
Executable file
64
app/layouts/dashboardLayout.vue
Executable file
|
|
@ -0,0 +1,64 @@
|
||||||
|
<!-- app/layouts/dashboard.vue -->
|
||||||
|
<template>
|
||||||
|
<div class="flex bg-light-primary dark:bg-dark-primary">
|
||||||
|
<Sidebar :sidebar-items="defaultSidebar" />
|
||||||
|
<div class="flex-1 flex flex-col">
|
||||||
|
<main
|
||||||
|
class="flex-1 bg-light-primary dark:bg-dark-primary"
|
||||||
|
>
|
||||||
|
<slot />
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { watch } from "vue";
|
||||||
|
import { useRoute } from "#imports";
|
||||||
|
|
||||||
|
// JSON فایلها
|
||||||
|
import defaultSidebar from "@/json/sidebar/dashboard.json";
|
||||||
|
|
||||||
|
// import tabBarData from "@/json/tab-bar/dashboard/dashboard.json"
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
|
const onUserMenu = (action) => {
|
||||||
|
switch (action.key) {
|
||||||
|
case 'profile':
|
||||||
|
navigateTo('/profile')
|
||||||
|
break
|
||||||
|
case 'settings':
|
||||||
|
navigateTo('/settings')
|
||||||
|
break
|
||||||
|
case 'developer':
|
||||||
|
navigateTo('/developer')
|
||||||
|
break
|
||||||
|
case 'admin':
|
||||||
|
navigateTo('/admin')
|
||||||
|
break
|
||||||
|
break
|
||||||
|
|
||||||
|
case 'logout':
|
||||||
|
console.log('logout from parent')
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// دادههای سایدبار
|
||||||
|
const sidebarData = route.meta.sidebarItems || defaultSidebar;
|
||||||
|
const headerSchema = ref({});
|
||||||
|
headerSchema.value = {
|
||||||
|
breadcrumb: false,
|
||||||
|
logo: true,
|
||||||
|
};
|
||||||
|
// اضافه کردن Route Meta برای سایدبار
|
||||||
|
watch(
|
||||||
|
() => route,
|
||||||
|
(newRoute) => {
|
||||||
|
sidebarData.value = newRoute.meta.sidebarItems || defaultSidebar;
|
||||||
|
},
|
||||||
|
{ immediate: true }
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
10
app/layouts/default.vue
Executable file
10
app/layouts/default.vue
Executable file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!-- app/layouts/default.vue -->
|
||||||
|
<template>
|
||||||
|
<div class="bg-light-primary dark:bg-dark-primary">
|
||||||
|
|
||||||
|
<main class="">
|
||||||
|
<slot />
|
||||||
|
</main>
|
||||||
|
<Footer />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
34
app/middleware/route.global.ts
Executable file
34
app/middleware/route.global.ts
Executable file
|
|
@ -0,0 +1,34 @@
|
||||||
|
import { getUserPermission } from "@/stores/permissionStore";
|
||||||
|
import { useStorage } from "@vueuse/core";
|
||||||
|
|
||||||
|
export default defineNuxtRouteMiddleware(async (to, from) => {
|
||||||
|
|
||||||
|
let toRoute = useStorage("to_route", to.path);
|
||||||
|
const userPermissionStore = getUserPermission();
|
||||||
|
// let localStorageToRoute = toRoute.value;
|
||||||
|
userPermissionStore.fetchUserPermissions();
|
||||||
|
|
||||||
|
const publicRoutes = ["/403", "/login", from.path];
|
||||||
|
if (publicRoutes.includes(to.path)) return true;
|
||||||
|
|
||||||
|
if (
|
||||||
|
!userPermissionStore.permissions ||
|
||||||
|
!userPermissionStore.permissions.length
|
||||||
|
) {
|
||||||
|
try {
|
||||||
|
await userPermissionStore.fetchUserPermissions();
|
||||||
|
} catch (err) {
|
||||||
|
console.error("Error fetching permissions:", err);
|
||||||
|
return navigateTo("/403");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const canAccess = userPermissionStore.hasPagePermission(to.fullPath);
|
||||||
|
|
||||||
|
// console.log("Checking permission for route:", to.fullPath, canAccess);
|
||||||
|
|
||||||
|
if (!canAccess) {
|
||||||
|
return navigateTo("/403");
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
});
|
||||||
33
app/middleware/sidebar-items.js
Executable file
33
app/middleware/sidebar-items.js
Executable file
|
|
@ -0,0 +1,33 @@
|
||||||
|
export default defineNuxtRouteMiddleware((to, from) => {
|
||||||
|
// تعریف سایدبار پیشفرض
|
||||||
|
const defaultSidebar = {
|
||||||
|
topMenu: [
|
||||||
|
{
|
||||||
|
label: "پیشخوان",
|
||||||
|
icon: "i-lucide-home",
|
||||||
|
to: "/dashboard/base",
|
||||||
|
active: true,
|
||||||
|
},
|
||||||
|
{ label: "اعلانات", icon: "i-lucide-bell", to: "/", badge: "۳" },
|
||||||
|
{ label: "علاقهمندیها", icon: "i-lucide-bookmark", to: "/" },
|
||||||
|
{ label: "تقویم", icon: "i-lucide-calendar", to: "/" },
|
||||||
|
],
|
||||||
|
bottomMenu: [
|
||||||
|
{ label: "تم", icon: "i-lucide-palette", to: "/" },
|
||||||
|
{ label: "زبان", icon: "i-lucide-languages", to: "/" },
|
||||||
|
{ label: "حساب کاربری", icon: "i-lucide-user", to: "/" },
|
||||||
|
{ label: "راهنما", icon: "i-lucide-help-circle", to: "/" },
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
// بررسی آیا route فعلی sidebarItems دارد یا نه
|
||||||
|
const routeSidebar = to.meta?.sidebarItems;
|
||||||
|
|
||||||
|
if (routeSidebar) {
|
||||||
|
// استفاده از سایدبار تعریف شده در route
|
||||||
|
useState("sidebar", () => routeSidebar);
|
||||||
|
} else {
|
||||||
|
// استفاده از پیشفرض
|
||||||
|
useState("sidebar", () => defaultSidebar);
|
||||||
|
}
|
||||||
|
});
|
||||||
124
app/pages/403.vue
Executable file
124
app/pages/403.vue
Executable file
|
|
@ -0,0 +1,124 @@
|
||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="min-h-[calc(100dvh-4em)] flex items-center justify-center p-4 bg-gray-100 dark:bg-dark-primary"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="max-w-md w-full bg-white dark:bg-dark-primary-800 rounded-2xl shadow-xl p-8 text-center border border-gray-200 dark:border-dark-primary-600"
|
||||||
|
>
|
||||||
|
<!-- آیکون بزرگ -->
|
||||||
|
<div class="mb-10">
|
||||||
|
<div
|
||||||
|
class="w-40 h-40 mx-auto bg-red-50 dark:bg-dark-primary-700 rounded-full flex items-center justify-center shadow-lg"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-32 h-32 text-red-600 dark:text-red-500"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- عنوان -->
|
||||||
|
<h2
|
||||||
|
class="text-2xl font-semibold text-gray-800 dark:text-dark-primary-100 mb-2"
|
||||||
|
>
|
||||||
|
دسترسی غیرمجاز
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<!-- متن -->
|
||||||
|
<div class="mb-6">
|
||||||
|
<p class="text-gray-600 dark:text-dark-primary-300 text-lg mb-2">
|
||||||
|
شما مجوز دسترسی به این صفحه را ندارید
|
||||||
|
</p>
|
||||||
|
<p class="text-gray-700 dark:text-dark-primary-200 font-medium">
|
||||||
|
لطفا برای ادامه، ارتقاء دسترسی دهید
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- دکمه اصلی -->
|
||||||
|
<!-- <div class="mb-8">
|
||||||
|
<button
|
||||||
|
@click="goToDashboard"
|
||||||
|
class="w-full bg-primary-600 hover:bg-primary-700 text-white font-medium py-4 rounded-xl shadow-lg hover:shadow-xl transition-all duration-200"
|
||||||
|
>
|
||||||
|
بازگشت به داشبورد
|
||||||
|
</button>
|
||||||
|
</div> -->
|
||||||
|
<div class="mb-8">
|
||||||
|
<button
|
||||||
|
@click="goBack"
|
||||||
|
class="w-full bg-primary-600 hover:bg-primary-700 text-white font-medium py-4 rounded-xl shadow-lg hover:shadow-xl transition-all duration-200"
|
||||||
|
>
|
||||||
|
بازگشت به صفحه قبل
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- لینکهای دیگر -->
|
||||||
|
<div class="space-y-3">
|
||||||
|
<!-- <a
|
||||||
|
href="/login"
|
||||||
|
class="block text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-300 hover:bg-primary-50 dark:hover:bg-dark-primary-700 py-3 rounded-lg transition duration-200 font-medium"
|
||||||
|
>
|
||||||
|
ثبتنام
|
||||||
|
</a> -->
|
||||||
|
<a
|
||||||
|
@click.prevent="goToLogin"
|
||||||
|
class="block text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-300 hover:bg-primary-50 dark:hover:bg-dark-primary-700 py-3 rounded-lg transition duration-200 font-medium"
|
||||||
|
>
|
||||||
|
ورود ، ثبتنام
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="/contact"
|
||||||
|
class="block text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-300 hover:bg-primary-50 dark:hover:bg-dark-primary-700 py-3 rounded-lg transition duration-200 font-medium"
|
||||||
|
>
|
||||||
|
تماس با ما
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href="/about"
|
||||||
|
class="block text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-300 hover:bg-primary-50 dark:hover:bg-dark-primary-700 py-3 rounded-lg transition duration-200 font-medium"
|
||||||
|
>
|
||||||
|
درباره ما
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- پیام پایین -->
|
||||||
|
<div
|
||||||
|
class="mt-6 pt-6 border-t border-gray-200 dark:border-dark-primary-600"
|
||||||
|
>
|
||||||
|
<p class="text-gray-500 dark:text-dark-primary-400 text-sm">
|
||||||
|
کد خطا: 403 • دسترسی ممنوع
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
definePageMeta({ layout: "login-layout" });
|
||||||
|
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
|
const goBack = () => {
|
||||||
|
router.back();
|
||||||
|
};
|
||||||
|
|
||||||
|
// const goToDashboard = () => {
|
||||||
|
// navigateTo({
|
||||||
|
// name: "DashboardBasePage",
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
const goToLogin = () => {
|
||||||
|
navigateTo("/login");
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
/* بدون استایل اضافی */
|
||||||
|
</style>
|
||||||
85
app/pages/index.vue
Executable file
85
app/pages/index.vue
Executable file
|
|
@ -0,0 +1,85 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Header
|
||||||
|
:tabs="headerTabs"
|
||||||
|
v-model:active-tab="activeTabKey"
|
||||||
|
:is-sidebar-collapsed="isSidebarCollapsed"
|
||||||
|
:unread-notifications="unreadNotifications"
|
||||||
|
@tab-change="handleTabChange"
|
||||||
|
:headerSchema="headerSchema"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<component
|
||||||
|
:is="currentComponent"
|
||||||
|
v-if="currentComponent"
|
||||||
|
:activeTabKey="activeTabKey"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
definePageMeta({
|
||||||
|
name: "DashboardBasePage",
|
||||||
|
layout: "dashboard-layout",
|
||||||
|
});
|
||||||
|
import { ref, onMounted } from "vue";
|
||||||
|
import tabBarData from "@/json/tab-bar/data-entry/dataEntry.json";
|
||||||
|
import { defineAsyncComponent } from "vue";
|
||||||
|
const route = useRoute();
|
||||||
|
|
||||||
|
// Stateهای Header
|
||||||
|
const isSidebarCollapsed = ref(false);
|
||||||
|
const unreadNotifications = ref(5);
|
||||||
|
const headerTabs = ref([]);
|
||||||
|
headerTabs.value = tabBarData.tabs;
|
||||||
|
const activeTabKey = ref(tabBarData.tabs[0]?.key || "");
|
||||||
|
// const contentSchema = computed(() => ({
|
||||||
|
// items: items.value,
|
||||||
|
// }));
|
||||||
|
const tabComponents = {
|
||||||
|
MainList: defineAsyncComponent(
|
||||||
|
() => import("~/components/lazy-load/data-entry/MainList.vue"),
|
||||||
|
),
|
||||||
|
RelationEdit: defineAsyncComponent(
|
||||||
|
() => import("~/components/lazy-load/data-entry/RelationEdit.vue"),
|
||||||
|
),
|
||||||
|
RuleEdit: defineAsyncComponent(
|
||||||
|
() => import("~/components/lazy-load/data-entry/RuleEdit.vue"),
|
||||||
|
),
|
||||||
|
// "DataEntryFarhangestan": defineAsyncComponent(() => import("~/components/lazy-load/data-entry/DataEntryFarhangestan.vue")),
|
||||||
|
// "DataEntryMirbagheri": defineAsyncComponent(() => import("~/components/lazy-load/data-entry/DataEntryMirbagheri.vue")),
|
||||||
|
// ...
|
||||||
|
};
|
||||||
|
const currentComponent = computed(() => {
|
||||||
|
if (activeTabKey.value == "MainList") {
|
||||||
|
return tabComponents.MainList;
|
||||||
|
} else if (activeTabKey.value === "RelationEdit") {
|
||||||
|
return tabComponents.RelationEdit;
|
||||||
|
} else if (activeTabKey.value === "RuleEdit") {
|
||||||
|
return tabComponents.RuleEdit;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// تابع مدیریت تغییر تب
|
||||||
|
const handleTabChange = (tab) => {
|
||||||
|
// منطق تغییر مسیر یا لود داده
|
||||||
|
switch (tab.id) {
|
||||||
|
case "dashboard":
|
||||||
|
break;
|
||||||
|
case "analytics":
|
||||||
|
break;
|
||||||
|
case "users":
|
||||||
|
break;
|
||||||
|
case "settings":
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const headerSchema = ref({});
|
||||||
|
headerSchema.value = {
|
||||||
|
breadcrumb: true,
|
||||||
|
logo: false,
|
||||||
|
};
|
||||||
|
onMounted(() => {
|
||||||
|
activeTabKey.value = headerTabs.value[0]?.id || "";
|
||||||
|
});
|
||||||
|
</script>
|
||||||
69
app/pages/login.vue
Executable file
69
app/pages/login.vue
Executable file
|
|
@ -0,0 +1,69 @@
|
||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="min-h-[calc(100dvh-4em)] flex items-center justify-center p-4 bg-gray-100 dark:bg-dark-primary"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="max-w-md w-full bg-white dark:bg-dark-primary-800 rounded-2xl shadow-xl p-8 text-center border border-gray-200 dark:border-dark-primary-600"
|
||||||
|
>
|
||||||
|
<!-- Tabs -->
|
||||||
|
<ul class="flex border-b border-gray-200">
|
||||||
|
<li class="flex-1">
|
||||||
|
<button
|
||||||
|
class="w-full py-3.5 font-medium transition-all duration-200 cursor-pointer"
|
||||||
|
:class="tabClass('login')"
|
||||||
|
@click="setActive('login')"
|
||||||
|
>
|
||||||
|
ورود
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li class="flex-1">
|
||||||
|
<button
|
||||||
|
class="w-full py-3.5 font-medium transition-all duration-200 cursor-pointer"
|
||||||
|
:class="tabClass('register')"
|
||||||
|
@click="setActive('register')"
|
||||||
|
>
|
||||||
|
ثبتنام
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="mt-8">
|
||||||
|
<component :is="currentComponent" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
definePageMeta({ layout: "login-layout" });
|
||||||
|
|
||||||
|
// --- Lazy load components ---
|
||||||
|
import LoginForm from "~/components/lazy-load/auth/LoginForm.vue";
|
||||||
|
import RegisterForm from "~/components/lazy-load/auth/RegisterForm.vue";
|
||||||
|
|
||||||
|
// --- State ---
|
||||||
|
const activeTab = ref("login");
|
||||||
|
const currentComponent = ref(LoginForm);
|
||||||
|
const componentsMap = {
|
||||||
|
login: LoginForm,
|
||||||
|
register: RegisterForm,
|
||||||
|
};
|
||||||
|
|
||||||
|
// --- Methods ---
|
||||||
|
function setActive(tab) {
|
||||||
|
activeTab.value = tab;
|
||||||
|
currentComponent.value = componentsMap[tab];
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Compute class for tabs ---
|
||||||
|
function tabClass(tab) {
|
||||||
|
if (activeTab.value === tab) {
|
||||||
|
return "text-primary border-b-1 border-primary font-semibold";
|
||||||
|
} else {
|
||||||
|
return "text-gray-500 hover:text-primary";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style></style>
|
||||||
103
app/plugins/httpService.ts
Executable file
103
app/plugins/httpService.ts
Executable file
|
|
@ -0,0 +1,103 @@
|
||||||
|
import { useStorage } from "@vueuse/core";
|
||||||
|
|
||||||
|
export default defineNuxtPlugin((nuxtApp) => {
|
||||||
|
// ======================
|
||||||
|
// Runtime Config (Public)
|
||||||
|
// ======================
|
||||||
|
const config = useRuntimeConfig();
|
||||||
|
|
||||||
|
const BASE_URL = config.public.NUXT_PUBLIC_BASE_URL || "";
|
||||||
|
const API_NAME = config.public.NUXT_PUBLIC_API_NAME || "";
|
||||||
|
|
||||||
|
// ======================
|
||||||
|
// Safe URL Joiner
|
||||||
|
// ======================
|
||||||
|
const joinURL = (base: string, path: string) => {
|
||||||
|
return `${base.replace(/\/+$/, "")}/${path.replace(/^\/+/, "")}`;
|
||||||
|
};
|
||||||
|
|
||||||
|
const baseURL = joinURL(BASE_URL, API_NAME);
|
||||||
|
|
||||||
|
// ======================
|
||||||
|
// Reactive Token
|
||||||
|
// ======================
|
||||||
|
const token = useStorage<string>("id_token", "GuestAccess");
|
||||||
|
|
||||||
|
// ======================
|
||||||
|
// Fetch Instance
|
||||||
|
// ======================
|
||||||
|
const api = $fetch.create({
|
||||||
|
baseURL,
|
||||||
|
|
||||||
|
// ======================
|
||||||
|
// Request Interceptor
|
||||||
|
// ======================
|
||||||
|
onRequest({ options }) {
|
||||||
|
const auth = token.value;
|
||||||
|
if (!auth) return;
|
||||||
|
const headers = (options.headers ||= {});
|
||||||
|
if (headers instanceof Headers) {
|
||||||
|
headers.set("Authorization", auth);
|
||||||
|
} else if (Array.isArray(headers)) {
|
||||||
|
headers.push(["Authorization", auth]);
|
||||||
|
} else {
|
||||||
|
headers.Authorization = auth;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// ======================
|
||||||
|
// Response Handler
|
||||||
|
// ======================
|
||||||
|
onResponse({ response }) {
|
||||||
|
return response._data;
|
||||||
|
},
|
||||||
|
|
||||||
|
// ======================
|
||||||
|
// Error Handler
|
||||||
|
// ======================
|
||||||
|
async onResponseError({ response }) {
|
||||||
|
const status = response?.status;
|
||||||
|
|
||||||
|
if (status === 401) {
|
||||||
|
token.value = null;
|
||||||
|
await nuxtApp.runWithContext(() => navigateTo("/login"));
|
||||||
|
}
|
||||||
|
|
||||||
|
throw {
|
||||||
|
status,
|
||||||
|
message:
|
||||||
|
response?._data?.message || response?.statusText || "خطای نامشخص",
|
||||||
|
data: response?._data || null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// ======================
|
||||||
|
// HTTP Service (Public API)
|
||||||
|
// ======================
|
||||||
|
const http = {
|
||||||
|
getRequest: (url: string, options: any = {}) =>
|
||||||
|
api(url, { method: "GET", ...options }),
|
||||||
|
|
||||||
|
postRequest: (url: string, body: any, options: any = {}) =>
|
||||||
|
api(url, { method: "POST", body, ...options }),
|
||||||
|
|
||||||
|
putRequest: (url: string, body: any, options: any = {}) =>
|
||||||
|
api(url, { method: "PUT", body, ...options }),
|
||||||
|
|
||||||
|
patchRequest: (url: string, body: any, options: any = {}) =>
|
||||||
|
api(url, { method: "PATCH", body, ...options }),
|
||||||
|
|
||||||
|
deleteRequest: (url: string, options: any = {}) =>
|
||||||
|
api(url, { method: "DELETE", ...options }),
|
||||||
|
};
|
||||||
|
|
||||||
|
// ======================
|
||||||
|
// Provide to Nuxt
|
||||||
|
// ======================
|
||||||
|
return {
|
||||||
|
provide: {
|
||||||
|
http,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
});
|
||||||
5
app/plugins/system-theme.client.ts
Executable file
5
app/plugins/system-theme.client.ts
Executable file
|
|
@ -0,0 +1,5 @@
|
||||||
|
export default defineNuxtPlugin(async () => {
|
||||||
|
const { applyTheme } = composSystemTheme();
|
||||||
|
|
||||||
|
await applyTheme();
|
||||||
|
});
|
||||||
60
app/plugins/themeLoader.client.ts
Executable file
60
app/plugins/themeLoader.client.ts
Executable file
|
|
@ -0,0 +1,60 @@
|
||||||
|
// themeLoader.client.ts
|
||||||
|
import majles from '~/assets/majles/theme.json'
|
||||||
|
import monir from '~/assets/monir/theme.json'
|
||||||
|
|
||||||
|
export const themes = {
|
||||||
|
majles,
|
||||||
|
monir
|
||||||
|
}
|
||||||
|
|
||||||
|
type ThemeKey = keyof typeof themes
|
||||||
|
type ThemeConfig = typeof themes[ThemeKey]
|
||||||
|
|
||||||
|
// تابع برای تبدیل HEX به RGB (بدون پرانتز و کاما)
|
||||||
|
function hexToRgb(hex: string): string {
|
||||||
|
// حذف # از ابتدا
|
||||||
|
hex = hex.replace('#', '');
|
||||||
|
|
||||||
|
// اگر کوتاه باشد (مثل #fff)
|
||||||
|
if (hex.length === 3) {
|
||||||
|
hex = hex.split('').map(char => char + char).join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
// تبدیل به RGB
|
||||||
|
const r = parseInt(hex.substring(0, 2), 16);
|
||||||
|
const g = parseInt(hex.substring(2, 4), 16);
|
||||||
|
const b = parseInt(hex.substring(4, 6), 16);
|
||||||
|
|
||||||
|
return `${r} ${g} ${b}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default defineNuxtPlugin(() => {
|
||||||
|
const host = window.location.hostname.replace("www.", "");
|
||||||
|
|
||||||
|
let key: ThemeKey = "monir"; // default
|
||||||
|
|
||||||
|
if (host.includes("monir")) key = "monir";
|
||||||
|
else if (host.includes("majles")) key = "majles";
|
||||||
|
|
||||||
|
const theme: ThemeConfig = themes[key];
|
||||||
|
|
||||||
|
// ست کردن CSS Variables اصلی
|
||||||
|
Object.entries(theme).forEach(([key, value]) => {
|
||||||
|
if (typeof value === "string") {
|
||||||
|
document.documentElement.style.setProperty(`--theme-${key}`, value);
|
||||||
|
|
||||||
|
// تبدیل رنگها به RGB برای Tailwind
|
||||||
|
if (['primary', 'secondary', 'accent', 'background', 'text'].includes(key)) {
|
||||||
|
const rgb = hexToRgb(value);
|
||||||
|
document.documentElement.style.setProperty(`--color-${key}`, rgb);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
provide: {
|
||||||
|
themeKey: key,
|
||||||
|
theme,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
});
|
||||||
139
app/server/api/ai/index.post.js
Executable file
139
app/server/api/ai/index.post.js
Executable file
|
|
@ -0,0 +1,139 @@
|
||||||
|
export default defineEventHandler(async (event) => {
|
||||||
|
try {
|
||||||
|
const body = await readBody(event);
|
||||||
|
const { action, text, language = "fa" } = body;
|
||||||
|
|
||||||
|
// بررسی پارامترهای ورودی
|
||||||
|
if (!action || !text) {
|
||||||
|
throw createError({
|
||||||
|
statusCode: 400,
|
||||||
|
statusMessage: "پارامترهای action و text الزامی هستند",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// API keyها از .env
|
||||||
|
const config = useRuntimeConfig();
|
||||||
|
const OPENAI_API_KEY = config.OPENAI_API_KEY;
|
||||||
|
const GEMINI_API_KEY = config.GEMINI_API_KEY;
|
||||||
|
|
||||||
|
// انتخاب سرویس AI
|
||||||
|
const useOpenAI = !!OPENAI_API_KEY;
|
||||||
|
const useGemini = !!GEMINI_API_KEY && !useOpenAI;
|
||||||
|
|
||||||
|
let aiResult = "";
|
||||||
|
|
||||||
|
if (useOpenAI) {
|
||||||
|
// OpenAI API
|
||||||
|
const response = await fetch(
|
||||||
|
"https://api.openai.com/v1/chat/completions",
|
||||||
|
{
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
Authorization: `Bearer ${OPENAI_API_KEY}`,
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
model: "gpt-3.5-turbo",
|
||||||
|
messages: [
|
||||||
|
{
|
||||||
|
role: "system",
|
||||||
|
content:
|
||||||
|
"تو یک دستیار فارسیزبان هستی که به کاربران در نوشتن کمک میکنی.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
role: "user",
|
||||||
|
content: getPrompt(action, text, language),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
temperature: 0.7,
|
||||||
|
max_tokens: 500,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(`OpenAI API error: ${response.status}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
aiResult = data.choices[0]?.message?.content || "خطا در پردازش";
|
||||||
|
} else if (useGemini) {
|
||||||
|
// Google Gemini API
|
||||||
|
const response = await fetch(
|
||||||
|
`https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent?key=${GEMINI_API_KEY}`,
|
||||||
|
{
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
contents: [
|
||||||
|
{
|
||||||
|
parts: [
|
||||||
|
{
|
||||||
|
text: getPrompt(action, text, language),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(`Gemini API error: ${response.status}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
aiResult =
|
||||||
|
data.candidates?.[0]?.content?.parts?.[0]?.text || "خطا در پردازش";
|
||||||
|
} else {
|
||||||
|
// پاسخ تستی (اگر API key ندارید)
|
||||||
|
aiResult = getMockResponse(action, text, language);
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
success: true,
|
||||||
|
action,
|
||||||
|
result: aiResult,
|
||||||
|
timestamp: new Date().toISOString(),
|
||||||
|
};
|
||||||
|
} catch (error) {
|
||||||
|
console.error("AI API Error:", error);
|
||||||
|
|
||||||
|
return {
|
||||||
|
success: false,
|
||||||
|
error: error.message,
|
||||||
|
mockResponse: getMockResponse(action, text, language),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// تولید prompt بر اساس action
|
||||||
|
function getPrompt(action, text, language) {
|
||||||
|
const prompts = {
|
||||||
|
summarize: `لطفاً این متن را به فارسی خلاصه کن و نکات اصلی آن را استخراج کن. متن:\n\n${text}\n\nخلاصه:`,
|
||||||
|
improve: `این متن را از نظر دستوری، نگارشی و سبک نوشتار بهبود بده و آن را حرفهایتر کن. متن:\n\n${text}\n\nمتن بهبود یافته:`,
|
||||||
|
translate: `این متن فارسی را به انگلیسی ترجمه کن. متن:\n\n${text}\n\nترجمه:`,
|
||||||
|
explain: `این متن را به زبان ساده توضیح بده و مفاهیم آن را شفاف سازی کن. متن:\n\n${text}\n\nتوضیح:`,
|
||||||
|
continue: `بر اساس این متن، آن را ادامه بده و محتوای مرتبط اضافه کن. متن:\n\n${text}\n\nادامه متن:`,
|
||||||
|
};
|
||||||
|
|
||||||
|
return prompts[action] || `در مورد این متن نظر بده:\n\n${text}\n\nنظر:`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// پاسخهای تستی
|
||||||
|
function getMockResponse(action, text, language) {
|
||||||
|
const responses = {
|
||||||
|
summarize: `📝 خلاصه متن: این یک خلاصه آزمایشی از متن شماست که نکات کلیدی را پوشش میدهد. متن اصلی حدود ${text.length} کاراکتر داشت و شامل موضوعاتی مانند نمونهگیری و تست است.`,
|
||||||
|
improve: `✨ متن بهبود یافته: این نسخه اصلاح شده متن شماست با رعایت اصول نگارشی و ساختار بهتر. جملات روانتر شده و از واژگان مناسبتری استفاده شده است.`,
|
||||||
|
translate: `🌍 Translation: This is a sample translation of your Persian text into English. The original text was about testing and demonstration purposes.`,
|
||||||
|
explain: `💡 توضیح: این مفهوم به زبان ساده توضیح داده میشود تا درک آن آسانتر شود. منظور از این متن نمایش قابلیتهای سیستم هوش مصنوعی است.`,
|
||||||
|
continue: `↪️ ادامه متن: این بخش ادامه منطقی متن شماست که ایدههای مطرح شده را توسعه میدهد. با توجه به محتوای قبلی، میتوان به موضوعات مرتبط دیگری نیز پرداخت.`,
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
responses[action] ||
|
||||||
|
"پردازش AI انجام شد. برای استفاده از قابلیتهای واقعی، لطفاً API key مناسب را تنظیم کنید."
|
||||||
|
);
|
||||||
|
}
|
||||||
134
app/stores/authStore.ts
Executable file
134
app/stores/authStore.ts
Executable file
|
|
@ -0,0 +1,134 @@
|
||||||
|
// stores/authStore.ts
|
||||||
|
import { defineStore } from "pinia";
|
||||||
|
import { useStorage } from "@vueuse/core";
|
||||||
|
|
||||||
|
export const useAuthStore = defineStore("authStore", () => {
|
||||||
|
// ===== state =====
|
||||||
|
const user = ref({});
|
||||||
|
const isAuthenticated = ref(false);
|
||||||
|
const isRealUser = ref(false);
|
||||||
|
const errors = ref(null);
|
||||||
|
|
||||||
|
// ===== actions =====
|
||||||
|
function setUser(response: any) {
|
||||||
|
const payload = response?.data ?? {}; // data اصلی از API
|
||||||
|
|
||||||
|
// userData از payload.user_data و user_id ساخته میشه
|
||||||
|
const userData = {
|
||||||
|
id: payload.user_id ?? null,
|
||||||
|
level: payload.user_level ?? null,
|
||||||
|
token: payload.token ?? null,
|
||||||
|
expire: payload.expire ?? null,
|
||||||
|
refresh_token: payload.refresh_token ?? null,
|
||||||
|
...payload.user_data, // first_name, last_name, avatar, username
|
||||||
|
};
|
||||||
|
|
||||||
|
isAuthenticated.value = true;
|
||||||
|
isRealUser.value = true;
|
||||||
|
user.value = userData;
|
||||||
|
errors.value = null;
|
||||||
|
|
||||||
|
// ذخیره توکن در localStorage — امن بنویس (هرگز null ننویس)
|
||||||
|
try {
|
||||||
|
const id_token = useStorage("id_token", "");
|
||||||
|
id_token.value = userData.token ?? "";
|
||||||
|
} catch (e) {
|
||||||
|
console.warn("Could not write id_token to storage:", e);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ذخیره کامل user — مطمئن شو شیء است
|
||||||
|
try {
|
||||||
|
const userStorage = useStorage("user", {});
|
||||||
|
userStorage.value = userData ?? {};
|
||||||
|
} catch (e) {
|
||||||
|
console.warn("Could not write user to storage:", e);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ذخیره user_id جداگانه برای دسترسی سریع
|
||||||
|
try {
|
||||||
|
const userIdStorage = useStorage("user_id", "");
|
||||||
|
userIdStorage.value = String(userData.id ?? "");
|
||||||
|
} catch (e) {
|
||||||
|
console.warn("Could not write user_id to storage:", e);
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- محافظت از سایر storage هایی که ممکنه در برنامه استفاده شده باشند ---
|
||||||
|
// مثال: اگر یه key برای UI مثل 'sidebar' انتظار فیلد collapsed داره،
|
||||||
|
// اطمینان بده که مقدار آن null نیست:
|
||||||
|
try {
|
||||||
|
const maybeSidebar = useStorage("sidebar", { collapsed: false });
|
||||||
|
if (maybeSidebar.value == null) {
|
||||||
|
// اگر در localStorage قبلاً null ذخیره شده بود، مقدار پیشفرض را بازنویسی کن
|
||||||
|
maybeSidebar.value = { collapsed: false };
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
// اگر کلیدهای دیگری داری که انتظار فیلد collapsed دارند، مشابهشان را اضافه کن
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
async function getCaptcha() {
|
||||||
|
try {
|
||||||
|
const nuxtApp = useNuxtApp();
|
||||||
|
const baseUrl = import.meta.env.VITE_AUTH_BASE_URL;
|
||||||
|
const { $http: httpService } = nuxtApp;
|
||||||
|
|
||||||
|
const data: string = await httpService.getRequest("/auth/captcha", {
|
||||||
|
baseURL: baseUrl,
|
||||||
|
});
|
||||||
|
|
||||||
|
return data;
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Captcha Error:", error);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function register(credentials: any) {
|
||||||
|
try {
|
||||||
|
const nuxtApp = useNuxtApp();
|
||||||
|
const baseUrl = import.meta.env.VITE_AUTH_BASE_URL;
|
||||||
|
const { $http: httpService } = nuxtApp;
|
||||||
|
|
||||||
|
const response = await httpService.postRequest(
|
||||||
|
"/auth/register",
|
||||||
|
credentials,
|
||||||
|
{
|
||||||
|
baseURL: baseUrl,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
setUser(response.data);
|
||||||
|
return response;
|
||||||
|
} catch (error: any) {
|
||||||
|
errors.value = error?.response?.data?.message || error.message;
|
||||||
|
return error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function userReset() {
|
||||||
|
user.value = {};
|
||||||
|
isAuthenticated.value = false;
|
||||||
|
isRealUser.value = false;
|
||||||
|
errors.value = null;
|
||||||
|
|
||||||
|
// پاک کردن localStorage / sessionStorage
|
||||||
|
const id_token = useStorage("id_token", "");
|
||||||
|
id_token.value = "";
|
||||||
|
|
||||||
|
const userStorage = useStorage("user", {});
|
||||||
|
userStorage.value = {};
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
// state
|
||||||
|
user,
|
||||||
|
isAuthenticated,
|
||||||
|
isRealUser,
|
||||||
|
errors,
|
||||||
|
|
||||||
|
// actions
|
||||||
|
setUser,
|
||||||
|
getCaptcha,
|
||||||
|
register,
|
||||||
|
userReset,
|
||||||
|
};
|
||||||
|
});
|
||||||
13
app/stores/commonStore.ts
Executable file
13
app/stores/commonStore.ts
Executable file
|
|
@ -0,0 +1,13 @@
|
||||||
|
import { ref } from "vue";
|
||||||
|
import { defineStore } from "pinia";
|
||||||
|
export const useCommonStore = defineStore("commonStore", () => {
|
||||||
|
let sidebarOpen = ref(false);
|
||||||
|
const isSidebarOpen = () => {
|
||||||
|
sidebarOpen.value = !sidebarOpen.value;
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
isSidebarOpen,
|
||||||
|
sidebarOpen,
|
||||||
|
};
|
||||||
|
});
|
||||||
255
app/stores/notionStore.js
Executable file
255
app/stores/notionStore.js
Executable file
|
|
@ -0,0 +1,255 @@
|
||||||
|
// stores/notionStore.js
|
||||||
|
import { defineStore } from "pinia";
|
||||||
|
|
||||||
|
export const useNotionStore = defineStore("notion", {
|
||||||
|
state: () => ({
|
||||||
|
blocks: [],
|
||||||
|
selectedBlockId: null,
|
||||||
|
draggedBlockId: null,
|
||||||
|
}),
|
||||||
|
|
||||||
|
getters: {
|
||||||
|
getBlockById: (state) => (id) => {
|
||||||
|
return state.blocks.find((block) => block.id === id);
|
||||||
|
},
|
||||||
|
|
||||||
|
getChildBlocks: (state) => (parentId) => {
|
||||||
|
return state.blocks.filter((block) => block.parentId === parentId);
|
||||||
|
},
|
||||||
|
|
||||||
|
selectedBlock: (state) => {
|
||||||
|
return state.blocks.find((block) => block.id === state.selectedBlockId);
|
||||||
|
},
|
||||||
|
|
||||||
|
// بلوکهای سطح بالا (بدون والد)
|
||||||
|
topLevelBlocks: (state) => {
|
||||||
|
return state.blocks.filter((block) => !block.parentId);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
actions: {
|
||||||
|
// ایجاد ID یکتا
|
||||||
|
generateId() {
|
||||||
|
return (
|
||||||
|
"block_" + Date.now() + "_" + Math.random().toString(36).substr(2, 9)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
// ایجاد بلوک جدید
|
||||||
|
addBlock({
|
||||||
|
type = "paragraph",
|
||||||
|
content = "",
|
||||||
|
parentId = null,
|
||||||
|
position = null,
|
||||||
|
}) {
|
||||||
|
const newBlock = {
|
||||||
|
id: this.generateId(),
|
||||||
|
type,
|
||||||
|
content,
|
||||||
|
parentId,
|
||||||
|
children: [],
|
||||||
|
properties: {},
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
updatedAt: new Date().toISOString(),
|
||||||
|
collapsed: false,
|
||||||
|
aiProcessing: false,
|
||||||
|
color: "default",
|
||||||
|
};
|
||||||
|
|
||||||
|
// اضافه کردن بلوک در موقعیت مشخص
|
||||||
|
if (position !== null && position >= 0 && position < this.blocks.length) {
|
||||||
|
this.blocks.splice(position, 0, newBlock);
|
||||||
|
} else {
|
||||||
|
this.blocks.push(newBlock);
|
||||||
|
}
|
||||||
|
|
||||||
|
// اگر والد دارد، به لیست فرزندانش اضافه شود
|
||||||
|
if (parentId) {
|
||||||
|
const parent = this.getBlockById(parentId);
|
||||||
|
if (parent) {
|
||||||
|
parent.children.push(newBlock.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.selectedBlockId = newBlock.id;
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
return newBlock;
|
||||||
|
},
|
||||||
|
|
||||||
|
// بهروزرسانی بلوک
|
||||||
|
updateBlock(blockId, updates) {
|
||||||
|
const index = this.blocks.findIndex((block) => block.id === blockId);
|
||||||
|
if (index !== -1) {
|
||||||
|
this.blocks[index] = {
|
||||||
|
...this.blocks[index],
|
||||||
|
...updates,
|
||||||
|
updatedAt: new Date().toISOString(),
|
||||||
|
};
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// حذف بلوک
|
||||||
|
deleteBlock(blockId) {
|
||||||
|
const block = this.getBlockById(blockId);
|
||||||
|
|
||||||
|
// حذف فرزندان بلوک
|
||||||
|
if (block && block.children && block.children.length > 0) {
|
||||||
|
block.children.forEach((childId) => this.deleteBlock(childId));
|
||||||
|
}
|
||||||
|
|
||||||
|
// حذف از لیست فرزندان والد
|
||||||
|
if (block && block.parentId) {
|
||||||
|
const parent = this.getBlockById(block.parentId);
|
||||||
|
if (parent) {
|
||||||
|
parent.children = parent.children.filter((id) => id !== blockId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// حذف بلوک اصلی
|
||||||
|
this.blocks = this.blocks.filter((block) => block.id !== blockId);
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
},
|
||||||
|
|
||||||
|
// انتخاب بلوک
|
||||||
|
selectBlock(blockId) {
|
||||||
|
this.selectedBlockId = blockId;
|
||||||
|
},
|
||||||
|
|
||||||
|
// جابجایی بلوک
|
||||||
|
moveBlock(blockId, newParentId = null, newIndex = null) {
|
||||||
|
const block = this.getBlockById(blockId);
|
||||||
|
if (!block) return;
|
||||||
|
|
||||||
|
// حذف از والد قبلی
|
||||||
|
if (block.parentId) {
|
||||||
|
const oldParent = this.getBlockById(block.parentId);
|
||||||
|
if (oldParent) {
|
||||||
|
oldParent.children = oldParent.children.filter(
|
||||||
|
(id) => id !== blockId
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// آپدیت والد جدید
|
||||||
|
block.parentId = newParentId;
|
||||||
|
|
||||||
|
// اضافه به لیست فرزندان والد جدید
|
||||||
|
if (newParentId) {
|
||||||
|
const newParent = this.getBlockById(newParentId);
|
||||||
|
if (newParent) {
|
||||||
|
if (newIndex !== null) {
|
||||||
|
newParent.children.splice(newIndex, 0, blockId);
|
||||||
|
} else {
|
||||||
|
newParent.children.push(blockId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// جابجایی در آرایه اصلی اگر index مشخص شده
|
||||||
|
if (newIndex !== null) {
|
||||||
|
const currentIndex = this.blocks.findIndex((b) => b.id === blockId);
|
||||||
|
if (currentIndex !== -1) {
|
||||||
|
const [block] = this.blocks.splice(currentIndex, 1);
|
||||||
|
this.blocks.splice(newIndex, 0, block);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
},
|
||||||
|
|
||||||
|
// ذخیره در localStorage
|
||||||
|
saveToLocalStorage() {
|
||||||
|
if (typeof window !== "undefined") {
|
||||||
|
localStorage.setItem(
|
||||||
|
"notion-blocks",
|
||||||
|
JSON.stringify({
|
||||||
|
blocks: this.blocks,
|
||||||
|
version: "1.0.0",
|
||||||
|
lastSaved: new Date().toISOString(),
|
||||||
|
})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// بارگذاری از localStorage
|
||||||
|
loadFromLocalStorage() {
|
||||||
|
if (typeof window !== "undefined") {
|
||||||
|
const saved = localStorage.getItem("notion-blocks");
|
||||||
|
if (saved) {
|
||||||
|
const data = JSON.parse(saved);
|
||||||
|
this.blocks = data.blocks || [];
|
||||||
|
} else {
|
||||||
|
// ایجاد بلوکهای پیشفرض
|
||||||
|
this.initializeDefaultBlocks();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// بلوکهای پیشفرض
|
||||||
|
initializeDefaultBlocks() {
|
||||||
|
this.blocks = [
|
||||||
|
{
|
||||||
|
id: this.generateId(),
|
||||||
|
type: "heading1",
|
||||||
|
content: "خوش آمدید به نوشن فارسی! 🎉",
|
||||||
|
parentId: null,
|
||||||
|
children: [],
|
||||||
|
properties: {},
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
updatedAt: new Date().toISOString(),
|
||||||
|
collapsed: false,
|
||||||
|
color: "default",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: this.generateId(),
|
||||||
|
type: "paragraph",
|
||||||
|
content:
|
||||||
|
"روی هر بلوک کلیک کنید یا علامت + را بزنید. برای منوی بیشتر راست کلیک کنید.",
|
||||||
|
parentId: null,
|
||||||
|
children: [],
|
||||||
|
properties: {},
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
updatedAt: new Date().toISOString(),
|
||||||
|
collapsed: false,
|
||||||
|
color: "default",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: this.generateId(),
|
||||||
|
type: "todo",
|
||||||
|
content: "اولین کار را انجام دهید",
|
||||||
|
parentId: null,
|
||||||
|
children: [],
|
||||||
|
properties: { checked: false },
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
updatedAt: new Date().toISOString(),
|
||||||
|
collapsed: false,
|
||||||
|
color: "default",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
|
||||||
|
// پیدا کردن موقعیت بلوک
|
||||||
|
findBlockPosition(blockId) {
|
||||||
|
return this.blocks.findIndex((block) => block.id === blockId);
|
||||||
|
},
|
||||||
|
|
||||||
|
// پیدا کردن بلوک بعدی
|
||||||
|
findNextBlock(blockId) {
|
||||||
|
const index = this.findBlockPosition(blockId);
|
||||||
|
if (index < this.blocks.length - 1) {
|
||||||
|
return this.blocks[index + 1];
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
|
||||||
|
// پیدا کردن بلوک قبلی
|
||||||
|
findPreviousBlock(blockId) {
|
||||||
|
const index = this.findBlockPosition(blockId);
|
||||||
|
if (index > 0) {
|
||||||
|
return this.blocks[index - 1];
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
134
app/stores/page.js
Executable file
134
app/stores/page.js
Executable file
|
|
@ -0,0 +1,134 @@
|
||||||
|
// stores/page.js
|
||||||
|
import { defineStore } from "pinia";
|
||||||
|
import { tiptapToBlocks, blocksToTiptap } from "@/utils/tiptapMapper";
|
||||||
|
|
||||||
|
export const usePageStore = defineStore("page", {
|
||||||
|
state: () => ({
|
||||||
|
blocks: [],
|
||||||
|
currentPageId: null,
|
||||||
|
pages: [],
|
||||||
|
_hydrated: false,
|
||||||
|
}),
|
||||||
|
|
||||||
|
getters: {
|
||||||
|
getBlocks: (state) => state.blocks,
|
||||||
|
getPageById: (state) => (id) => {
|
||||||
|
return state.pages.find((page) => page.id === id);
|
||||||
|
},
|
||||||
|
isHydrated: (state) => state._hydrated,
|
||||||
|
},
|
||||||
|
|
||||||
|
actions: {
|
||||||
|
updateFromEditor(editor) {
|
||||||
|
this.blocks = tiptapToBlocks(editor.getJSON());
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
},
|
||||||
|
|
||||||
|
setBlocks(blocks) {
|
||||||
|
this.blocks = blocks;
|
||||||
|
},
|
||||||
|
|
||||||
|
addBlock(block) {
|
||||||
|
this.blocks.push({
|
||||||
|
...block,
|
||||||
|
id: Date.now().toString(),
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
});
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
},
|
||||||
|
|
||||||
|
removeBlock(blockId) {
|
||||||
|
this.blocks = this.blocks.filter((block) => block.id !== blockId);
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
},
|
||||||
|
|
||||||
|
updateBlock(blockId, updates) {
|
||||||
|
const index = this.blocks.findIndex((block) => block.id === blockId);
|
||||||
|
if (index !== -1) {
|
||||||
|
this.blocks[index] = { ...this.blocks[index], ...updates };
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
saveToLocalStorage() {
|
||||||
|
// فقط در کلاینت اجرا شود
|
||||||
|
if (typeof window !== "undefined" && window.localStorage) {
|
||||||
|
try {
|
||||||
|
localStorage.setItem(
|
||||||
|
"notion-pages",
|
||||||
|
JSON.stringify({
|
||||||
|
blocks: this.blocks,
|
||||||
|
pages: this.pages,
|
||||||
|
currentPageId: this.currentPageId,
|
||||||
|
lastSaved: new Date().toISOString(),
|
||||||
|
})
|
||||||
|
);
|
||||||
|
} catch (error) {
|
||||||
|
console.warn("خطا در ذخیره localStorage:", error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
loadFromLocalStorage() {
|
||||||
|
// فقط در کلاینت اجرا شود
|
||||||
|
if (typeof window !== "undefined" && window.localStorage) {
|
||||||
|
try {
|
||||||
|
const saved = localStorage.getItem("notion-pages");
|
||||||
|
if (saved) {
|
||||||
|
const data = JSON.parse(saved);
|
||||||
|
this.blocks = data.blocks || [];
|
||||||
|
this.pages = data.pages || [];
|
||||||
|
this.currentPageId = data.currentPageId || null;
|
||||||
|
this._hydrated = true;
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.warn("خطا در بارگذاری localStorage:", error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
createPage(title) {
|
||||||
|
const newPage = {
|
||||||
|
id: Date.now().toString(),
|
||||||
|
title: title || "صفحه جدید",
|
||||||
|
blocks: [],
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
updatedAt: new Date().toISOString(),
|
||||||
|
};
|
||||||
|
this.pages.push(newPage);
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
return newPage;
|
||||||
|
},
|
||||||
|
|
||||||
|
switchPage(pageId) {
|
||||||
|
const page = this.getPageById(pageId);
|
||||||
|
if (page) {
|
||||||
|
this.currentPageId = pageId;
|
||||||
|
this.blocks = page.blocks;
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
saveCurrentPage() {
|
||||||
|
if (this.currentPageId) {
|
||||||
|
const pageIndex = this.pages.findIndex(
|
||||||
|
(p) => p.id === this.currentPageId
|
||||||
|
);
|
||||||
|
if (pageIndex !== -1) {
|
||||||
|
this.pages[pageIndex].blocks = this.blocks;
|
||||||
|
this.pages[pageIndex].updatedAt = new Date().toISOString();
|
||||||
|
this.saveToLocalStorage();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
clearAllData() {
|
||||||
|
this.blocks = [];
|
||||||
|
this.pages = [];
|
||||||
|
this.currentPageId = null;
|
||||||
|
if (typeof window !== "undefined" && window.localStorage) {
|
||||||
|
localStorage.removeItem("notion-pages");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
89
app/stores/permissionStore.ts
Executable file
89
app/stores/permissionStore.ts
Executable file
|
|
@ -0,0 +1,89 @@
|
||||||
|
// stores/permissionStore.ts
|
||||||
|
import { defineStore } from "pinia";
|
||||||
|
import { ref } from "vue";
|
||||||
|
import { useAuthStore } from "./authStore";
|
||||||
|
import { useStorage } from "@vueuse/core";
|
||||||
|
|
||||||
|
export const getUserPermission = defineStore("permissionStore", () => {
|
||||||
|
// State
|
||||||
|
let permissions = ref<any[]>([]);
|
||||||
|
|
||||||
|
const hasPagePermission = (to_fullPath: string) => {
|
||||||
|
// fullPath: "/data-entry/content"
|
||||||
|
// fullPath: "/data-entry/content?page=2"
|
||||||
|
let index = to_fullPath.indexOf("?");
|
||||||
|
if (index != -1) to_fullPath = to_fullPath.substring(0, index);
|
||||||
|
|
||||||
|
let items = to_fullPath.split("/");
|
||||||
|
let page_key = items[1] + "_" + items[2];
|
||||||
|
// console.log('hasPagePermission page_key ', to_fullPath, page_key);
|
||||||
|
|
||||||
|
return permissions.value.some((p) => p.section_tag === page_key);
|
||||||
|
};
|
||||||
|
|
||||||
|
const hasActionPermission = (to_fullPath: string, action_tag: string) => {
|
||||||
|
// fullPath: "/data-entry/content?page=2"
|
||||||
|
let index = to_fullPath.indexOf("?");
|
||||||
|
if (index != -1) to_fullPath = to_fullPath.substring(0, index);
|
||||||
|
|
||||||
|
let items = to_fullPath.split("/");
|
||||||
|
let page_key = items[1] + "_" + items[2];
|
||||||
|
return permissions.value.some(
|
||||||
|
(p) => p.section_tag === page_key && p.action_tag === action_tag
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
// const hasPermission = (action: string) => {
|
||||||
|
// return permissions.value.some((p) => p.action_tag === action);
|
||||||
|
// };
|
||||||
|
|
||||||
|
// const canAccessPage = (pageTag: string) => {
|
||||||
|
// return permissions.value.some((p) => p.section_tag === pageTag);
|
||||||
|
// };
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
const fetchUserPermissions = async (projectId?: number) => {
|
||||||
|
const { $http: httpService } = useNuxtApp();
|
||||||
|
const authStore = useAuthStore();
|
||||||
|
if (!authStore.user && !localStorage.getItem("user").length) {
|
||||||
|
console.log("No authenticated user found");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
const data = {
|
||||||
|
project_id: 50,
|
||||||
|
project_only: 1,
|
||||||
|
};
|
||||||
|
|
||||||
|
const response = await httpService.postRequest(
|
||||||
|
// permitApi.permissions.userPermissionTags,
|
||||||
|
data
|
||||||
|
);
|
||||||
|
|
||||||
|
permissions.value = response.data || [];
|
||||||
|
|
||||||
|
useStorage("permit", permissions.value);
|
||||||
|
|
||||||
|
// console.log(" fetchUserPermissions ", permissions.value);
|
||||||
|
} catch (error) {
|
||||||
|
console.error("❌ Failed to fetch user permissions:", error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const reset = () => {
|
||||||
|
permissions.value = [];
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
// State
|
||||||
|
permissions,
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
hasPagePermission,
|
||||||
|
hasActionPermission,
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
fetchUserPermissions,
|
||||||
|
reset,
|
||||||
|
};
|
||||||
|
});
|
||||||
34
app/types/blocks.js
Executable file
34
app/types/blocks.js
Executable file
|
|
@ -0,0 +1,34 @@
|
||||||
|
/**
|
||||||
|
* @typedef {Object} BaseBlock
|
||||||
|
* @property {string} id
|
||||||
|
* @property {string} type
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @typedef {BaseBlock & {
|
||||||
|
* type: 'paragraph',
|
||||||
|
* text: string
|
||||||
|
* }} ParagraphBlock
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @typedef {BaseBlock & {
|
||||||
|
* type: 'heading',
|
||||||
|
* level: 1|2|3,
|
||||||
|
* text: string
|
||||||
|
* }} HeadingBlock
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @typedef {BaseBlock & {
|
||||||
|
* type: 'todo',
|
||||||
|
* text: string,
|
||||||
|
* checked: boolean
|
||||||
|
* }} TodoBlock
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @typedef {ParagraphBlock | HeadingBlock | TodoBlock} Block
|
||||||
|
*/
|
||||||
|
|
||||||
|
export {};
|
||||||
15
app/types/nuxt.d.ts
vendored
Executable file
15
app/types/nuxt.d.ts
vendored
Executable file
|
|
@ -0,0 +1,15 @@
|
||||||
|
import 'vue-i18n'
|
||||||
|
|
||||||
|
declare module '#app' {
|
||||||
|
interface NuxtApp {
|
||||||
|
$t: typeof import('vue-i18n')['createI18n']['prototype']['t']
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module 'vue' {
|
||||||
|
interface ComponentCustomProperties {
|
||||||
|
$t: typeof import('vue-i18n')['createI18n']['prototype']['t']
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export {}
|
||||||
196
app/utils/searchUtil.js
Executable file
196
app/utils/searchUtil.js
Executable file
|
|
@ -0,0 +1,196 @@
|
||||||
|
/* =====================================================
|
||||||
|
Helpers (ملحقات لازم)
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* جایگزین globalMixin.myEncodeQuery
|
||||||
|
*/
|
||||||
|
// export function myEncodeQuery(text) {
|
||||||
|
// if (!text) return "";
|
||||||
|
// return encodeURIComponent(text);
|
||||||
|
// }
|
||||||
|
|
||||||
|
/**
|
||||||
|
* پاکسازی کاراکترهای غیرمجاز
|
||||||
|
*/
|
||||||
|
export function cleanTextUnpermittedChars(text) {
|
||||||
|
if (!text) return "";
|
||||||
|
|
||||||
|
// همان منطق قبلی (اصلاحشده برای JS صحیح)
|
||||||
|
text = text.replace(/([\x00-\x1F]|\x7F)/g, "");
|
||||||
|
return text;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
Main: utilGetSearchRequest
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
export function utilGetSearchRequest(
|
||||||
|
index_key,
|
||||||
|
textSearch,
|
||||||
|
searchTypeKey,
|
||||||
|
mode_url = "normal",
|
||||||
|
filterPanel = "",
|
||||||
|
filterExtended = "",
|
||||||
|
offset = 0,
|
||||||
|
limit = 10,
|
||||||
|
field_collapse = "normal",
|
||||||
|
sortKey = "normal",
|
||||||
|
domainKey = "all",
|
||||||
|
domainSchema = {},
|
||||||
|
user_synonyms = {},
|
||||||
|
mirror_type = ""
|
||||||
|
) {
|
||||||
|
let _payload = {};
|
||||||
|
let domain_label = "";
|
||||||
|
let query_string = cleanTextUnpermittedChars(textSearch);
|
||||||
|
|
||||||
|
/* ===== Base URL ===== */
|
||||||
|
let baseUrl = repoApi.search.queryNormal;
|
||||||
|
|
||||||
|
if (mode_url === "elp") {
|
||||||
|
baseUrl = elpApi.search.elp_base_search;
|
||||||
|
baseUrl = baseUrl.replace("{{index_key}}", index_key);
|
||||||
|
}
|
||||||
|
else if ( mode_url === "elp_db") {
|
||||||
|
baseUrl = elpApi.search.elp_db_search;
|
||||||
|
baseUrl = baseUrl.replace("{{index_key}}", index_key);
|
||||||
|
}
|
||||||
|
else if (mode_url === "elp_voice") {
|
||||||
|
baseUrl = elpApi.search.elp_voice_search;
|
||||||
|
baseUrl = baseUrl.replace("{{index_key}}", index_key);
|
||||||
|
} else if (mode_url === "mirror") {
|
||||||
|
baseUrl = repoApi.search.mirror_search;
|
||||||
|
baseUrl = baseUrl.replace("{{mirror_type}}", mirror_type);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
Synonym / Vector / Normal
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
let sysnonymSearchQuery = "";
|
||||||
|
|
||||||
|
if (!searchTypeKey) searchTypeKey = "normal";
|
||||||
|
|
||||||
|
if (searchTypeKey === "synonym") {
|
||||||
|
let newSynonym = {};
|
||||||
|
|
||||||
|
if (user_synonyms) {
|
||||||
|
Object.keys(user_synonyms).forEach((key) => {
|
||||||
|
if (
|
||||||
|
!("isStopWord" in user_synonyms[key] && user_synonyms[key].isStopWord)
|
||||||
|
) {
|
||||||
|
newSynonym[key] = user_synonyms[key].value;
|
||||||
|
sysnonymSearchQuery += " " + key;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (textSearch === "" || textSearch === undefined)
|
||||||
|
textSearch = sysnonymSearchQuery;
|
||||||
|
|
||||||
|
if (Object.keys(newSynonym).length) {
|
||||||
|
_payload = {
|
||||||
|
synonym: newSynonym,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
} else if (searchTypeKey === "vector") {
|
||||||
|
/* ===== Vector ===== */
|
||||||
|
_payload = {
|
||||||
|
text: query_string,
|
||||||
|
};
|
||||||
|
} else if (!(textSearch === "" || textSearch === undefined)) {
|
||||||
|
/* ===== Normal ===== */
|
||||||
|
query_string = query_string;
|
||||||
|
|
||||||
|
if (!domainKey) domainKey = "all";
|
||||||
|
|
||||||
|
if (domainKey === "all") {
|
||||||
|
if (domainSchema?.type_action) {
|
||||||
|
let isNumberInput = /^\d+$/.test(query_string);
|
||||||
|
|
||||||
|
if (isNumberInput && domainSchema.type_action.number) {
|
||||||
|
let tag = domainSchema.type_action.number;
|
||||||
|
query_string = encodeURIComponent("#") + tag + " " + query_string;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else if (domainKey !== "advance") {
|
||||||
|
let domainItem = domainSchema?.domain?.find(
|
||||||
|
(item) => item.key === domainKey
|
||||||
|
);
|
||||||
|
|
||||||
|
if (domainItem) {
|
||||||
|
domain_label = domainItem.label;
|
||||||
|
query_string =
|
||||||
|
encodeURIComponent("#") + domainItem.tag + " " + query_string;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
Filters
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
let filterFull = "";
|
||||||
|
|
||||||
|
if (searchTypeKey !== "vector" && query_string) {
|
||||||
|
filterFull += "q=" + query_string;
|
||||||
|
}
|
||||||
|
|
||||||
|
filterFull += filterPanel + filterExtended;
|
||||||
|
|
||||||
|
if (!filterFull) filterFull = "none";
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
URL Replace
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
let url = baseUrl;
|
||||||
|
const buildName = import.meta.env.VITE_BUILD_NAME;
|
||||||
|
|
||||||
|
url = url.replace("{{appname}}", buildName);
|
||||||
|
url = url.replace("{{index_key}}", index_key);
|
||||||
|
url = url.replace("{{search_type}}", searchTypeKey);
|
||||||
|
url = url.replace("{{sortKey}}", sortKey);
|
||||||
|
url = url.replace("{{field_collapse}}", field_collapse);
|
||||||
|
url = url.replace("{{offset}}", offset);
|
||||||
|
url = url.replace("{{limit}}", limit);
|
||||||
|
url = url.replace("{{filter}}", filterFull);
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
Payload
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
let filters = (filterPanel + filterExtended)
|
||||||
|
.split("&")
|
||||||
|
.filter((e) => e.length);
|
||||||
|
|
||||||
|
let filters_obj = {};
|
||||||
|
filters.forEach((fl) => {
|
||||||
|
let fl_items = fl.split("=");
|
||||||
|
if (fl_items.length === 2) filters_obj[fl_items[0]] = fl_items[1];
|
||||||
|
});
|
||||||
|
|
||||||
|
let payload_full = {
|
||||||
|
track_total_hits: true,
|
||||||
|
query: query_string,
|
||||||
|
search_type: searchTypeKey,
|
||||||
|
filters: filters_obj,
|
||||||
|
sort: [sortKey],
|
||||||
|
from_: offset,
|
||||||
|
size: limit,
|
||||||
|
collapse_field: field_collapse,
|
||||||
|
};
|
||||||
|
|
||||||
|
if (_payload.synonym) {
|
||||||
|
payload_full.user_synonyms = _payload.synonym;
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
url,
|
||||||
|
payload_full,
|
||||||
|
payload: _payload,
|
||||||
|
sysnonymSearchQuery,
|
||||||
|
domainLabel: domain_label,
|
||||||
|
};
|
||||||
|
}
|
||||||
141
app/utils/slashExtension.js
Executable file
141
app/utils/slashExtension.js
Executable file
|
|
@ -0,0 +1,141 @@
|
||||||
|
import { Extension } from "@tiptap/core";
|
||||||
|
import Suggestion from "@tiptap/suggestion";
|
||||||
|
import { ref, h } from "vue";
|
||||||
|
|
||||||
|
export const SlashCommand = Extension.create({
|
||||||
|
name: "slash-command",
|
||||||
|
|
||||||
|
addOptions() {
|
||||||
|
return {
|
||||||
|
suggestion: {
|
||||||
|
char: "/",
|
||||||
|
startOfLine: true,
|
||||||
|
command: ({ editor, range, props }) => {
|
||||||
|
// props.type => 'paragraph' | 'heading' | 'todo'
|
||||||
|
if (props.type === "paragraph") {
|
||||||
|
editor
|
||||||
|
.chain()
|
||||||
|
.focus()
|
||||||
|
.deleteRange(range)
|
||||||
|
.insertContent({
|
||||||
|
type: "paragraph",
|
||||||
|
content: [{ type: "text", text: "" }],
|
||||||
|
})
|
||||||
|
.run();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (props.type === "heading") {
|
||||||
|
editor
|
||||||
|
.chain()
|
||||||
|
.focus()
|
||||||
|
.deleteRange(range)
|
||||||
|
.setNode("heading", { level: 2 })
|
||||||
|
.run();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (props.type === "todo") {
|
||||||
|
editor
|
||||||
|
.chain()
|
||||||
|
.focus()
|
||||||
|
.deleteRange(range)
|
||||||
|
.insertContent({
|
||||||
|
type: "paragraph",
|
||||||
|
content: [{ type: "text", text: "☑️ Todo " }],
|
||||||
|
})
|
||||||
|
.run();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
items: ({ query }) => {
|
||||||
|
const all = [
|
||||||
|
{ title: "Text", type: "paragraph" },
|
||||||
|
{ title: "Heading", type: "heading" },
|
||||||
|
{ title: "Todo", type: "todo" },
|
||||||
|
];
|
||||||
|
return all.filter((item) =>
|
||||||
|
item.title.toLowerCase().startsWith(query.toLowerCase())
|
||||||
|
);
|
||||||
|
},
|
||||||
|
render: () => {
|
||||||
|
let component;
|
||||||
|
let popup;
|
||||||
|
|
||||||
|
return {
|
||||||
|
onStart: (props) => {
|
||||||
|
component = ref({
|
||||||
|
items: props.items,
|
||||||
|
command: props.command,
|
||||||
|
selected: 0,
|
||||||
|
});
|
||||||
|
popup = document.createElement("div");
|
||||||
|
popup.style.position = "absolute";
|
||||||
|
popup.style.background = "white";
|
||||||
|
popup.style.border = "1px solid #ddd";
|
||||||
|
popup.style.borderRadius = "6px";
|
||||||
|
popup.style.padding = "4px 0";
|
||||||
|
popup.style.zIndex = 100;
|
||||||
|
document.body.appendChild(popup);
|
||||||
|
update();
|
||||||
|
function update() {
|
||||||
|
popup.innerHTML = "";
|
||||||
|
component.value.items.forEach((item, i) => {
|
||||||
|
const div = document.createElement("div");
|
||||||
|
div.textContent = item.title;
|
||||||
|
div.style.padding = "4px 12px";
|
||||||
|
div.style.cursor = "pointer";
|
||||||
|
div.style.background =
|
||||||
|
i === component.value.selected ? "#f0f0f0" : "white";
|
||||||
|
div.onclick = () =>
|
||||||
|
component.value.command({
|
||||||
|
editor: props.editor,
|
||||||
|
range: props.range,
|
||||||
|
props: item,
|
||||||
|
});
|
||||||
|
popup.appendChild(div);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
component.value.update = update;
|
||||||
|
},
|
||||||
|
onUpdate: (props) => {
|
||||||
|
component.value.items = props.items;
|
||||||
|
component.value.update();
|
||||||
|
},
|
||||||
|
onKeyDown: (props) => {
|
||||||
|
const event = props.event;
|
||||||
|
if (event.key === "ArrowDown") {
|
||||||
|
component.value.selected =
|
||||||
|
(component.value.selected + 1) % component.value.items.length;
|
||||||
|
component.value.update();
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
if (event.key === "ArrowUp") {
|
||||||
|
component.value.selected =
|
||||||
|
(component.value.selected -
|
||||||
|
1 +
|
||||||
|
component.value.items.length) %
|
||||||
|
component.value.items.length;
|
||||||
|
component.value.update();
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
if (event.key === "Enter") {
|
||||||
|
component.value.command({
|
||||||
|
editor: props.editor,
|
||||||
|
range: props.range,
|
||||||
|
props: component.value.items[component.value.selected],
|
||||||
|
});
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
onExit: () => {
|
||||||
|
popup.remove();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
addProseMirrorPlugins() {
|
||||||
|
return [Suggestion(this.options.suggestion)];
|
||||||
|
},
|
||||||
|
});
|
||||||
363
app/utils/tiptapMapper.js
Executable file
363
app/utils/tiptapMapper.js
Executable file
|
|
@ -0,0 +1,363 @@
|
||||||
|
// utils/tiptapMapper.js
|
||||||
|
|
||||||
|
export function tiptapToBlocks(tiptapJSON) {
|
||||||
|
const blocks = [];
|
||||||
|
|
||||||
|
function processNode(node, parentId = null) {
|
||||||
|
if (!node) return null;
|
||||||
|
|
||||||
|
const blockId = generateId();
|
||||||
|
|
||||||
|
switch (node.type) {
|
||||||
|
case "doc":
|
||||||
|
if (node.content) {
|
||||||
|
node.content.forEach((child) => processNode(child, null));
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
|
||||||
|
case "paragraph":
|
||||||
|
const paragraphBlock = {
|
||||||
|
id: blockId,
|
||||||
|
type: "paragraph",
|
||||||
|
content: extractTextContent(node),
|
||||||
|
parentId: parentId,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
blocks.push(paragraphBlock);
|
||||||
|
|
||||||
|
// پردازش فرزندان
|
||||||
|
if (node.content) {
|
||||||
|
node.content.forEach((child) => {
|
||||||
|
if (child.type !== "text") {
|
||||||
|
const childBlock = processNode(child, blockId);
|
||||||
|
if (childBlock) {
|
||||||
|
paragraphBlock.children.push(childBlock.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return paragraphBlock;
|
||||||
|
|
||||||
|
case "heading":
|
||||||
|
const headingBlock = {
|
||||||
|
id: blockId,
|
||||||
|
type: "heading",
|
||||||
|
level: node.attrs?.level || 1,
|
||||||
|
content: extractTextContent(node),
|
||||||
|
parentId: parentId,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
blocks.push(headingBlock);
|
||||||
|
|
||||||
|
// پردازش فرمتهای درون عنوان
|
||||||
|
if (node.content) {
|
||||||
|
node.content.forEach((child) => {
|
||||||
|
if (child.type !== "text") {
|
||||||
|
const childBlock = processNode(child, blockId);
|
||||||
|
if (childBlock) {
|
||||||
|
headingBlock.children.push(childBlock.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return headingBlock;
|
||||||
|
|
||||||
|
case "bulletList":
|
||||||
|
case "orderedList":
|
||||||
|
const isOrdered = node.type === "orderedList";
|
||||||
|
const listBlock = {
|
||||||
|
id: blockId,
|
||||||
|
type: isOrdered ? "numbered_list" : "bulleted_list",
|
||||||
|
content: "",
|
||||||
|
parentId: parentId,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
blocks.push(listBlock);
|
||||||
|
|
||||||
|
// پردازش آیتمهای لیست
|
||||||
|
if (node.content) {
|
||||||
|
node.content.forEach((listItem, index) => {
|
||||||
|
if (listItem.type === "listItem") {
|
||||||
|
const itemContent = extractTextContent(listItem);
|
||||||
|
const itemBlock = {
|
||||||
|
id: generateId(),
|
||||||
|
type: "list_item",
|
||||||
|
content: itemContent,
|
||||||
|
parentId: blockId,
|
||||||
|
number: isOrdered ? index + 1 : null,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
blocks.push(itemBlock);
|
||||||
|
listBlock.children.push(itemBlock.id);
|
||||||
|
|
||||||
|
// پردازش محتوای درون آیتم لیست
|
||||||
|
if (listItem.content) {
|
||||||
|
listItem.content.forEach((child) => {
|
||||||
|
if (child.type !== "paragraph" && child.type !== "text") {
|
||||||
|
const childBlock = processNode(child, itemBlock.id);
|
||||||
|
if (childBlock) {
|
||||||
|
itemBlock.children.push(childBlock.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return listBlock;
|
||||||
|
|
||||||
|
case "codeBlock":
|
||||||
|
const codeBlock = {
|
||||||
|
id: blockId,
|
||||||
|
type: "code",
|
||||||
|
language: node.attrs?.language || "javascript",
|
||||||
|
content: extractTextContent(node),
|
||||||
|
parentId: parentId,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
blocks.push(codeBlock);
|
||||||
|
return codeBlock;
|
||||||
|
|
||||||
|
case "blockquote":
|
||||||
|
const quoteBlock = {
|
||||||
|
id: blockId,
|
||||||
|
type: "quote",
|
||||||
|
content: extractTextContent(node),
|
||||||
|
parentId: parentId,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
blocks.push(quoteBlock);
|
||||||
|
return quoteBlock;
|
||||||
|
|
||||||
|
case "text":
|
||||||
|
// متن ساده را به عنوان یک بلوک متنی برمیگردانیم
|
||||||
|
const textBlock = {
|
||||||
|
id: blockId,
|
||||||
|
type: "text",
|
||||||
|
content: node.text || "",
|
||||||
|
marks: node.marks || [],
|
||||||
|
parentId: parentId,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
// فقط اگر درون یک بلوک دیگر نباشد، آن را به عنوان بلوک مستقل اضافه میکنیم
|
||||||
|
if (!parentId) {
|
||||||
|
blocks.push(textBlock);
|
||||||
|
}
|
||||||
|
|
||||||
|
return textBlock;
|
||||||
|
|
||||||
|
case "hardBreak":
|
||||||
|
const breakBlock = {
|
||||||
|
id: blockId,
|
||||||
|
type: "break",
|
||||||
|
content: "\n",
|
||||||
|
parentId: parentId,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!parentId) {
|
||||||
|
blocks.push(breakBlock);
|
||||||
|
}
|
||||||
|
|
||||||
|
return breakBlock;
|
||||||
|
|
||||||
|
default:
|
||||||
|
// برای انواع ناشناخته
|
||||||
|
if (node.content) {
|
||||||
|
const unknownBlock = {
|
||||||
|
id: blockId,
|
||||||
|
type: "unknown",
|
||||||
|
content: extractTextContent(node),
|
||||||
|
originalType: node.type,
|
||||||
|
parentId: parentId,
|
||||||
|
createdAt: new Date().toISOString(),
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
blocks.push(unknownBlock);
|
||||||
|
|
||||||
|
// بازگشتی پردازش فرزندان
|
||||||
|
node.content.forEach((child) => {
|
||||||
|
if (child.type !== "text") {
|
||||||
|
const childBlock = processNode(child, blockId);
|
||||||
|
if (childBlock) {
|
||||||
|
unknownBlock.children.push(childBlock.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return unknownBlock;
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function extractTextContent(node) {
|
||||||
|
if (!node.content) return node.text || "";
|
||||||
|
|
||||||
|
let text = "";
|
||||||
|
node.content.forEach((child) => {
|
||||||
|
if (child.type === "text") {
|
||||||
|
text += child.text;
|
||||||
|
} else if (child.content || child.text) {
|
||||||
|
text += extractTextContent(child);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return text;
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateId() {
|
||||||
|
return (
|
||||||
|
"block_" + Date.now() + "_" + Math.random().toString(36).substr(2, 9)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// شروع پردازش
|
||||||
|
if (tiptapJSON && tiptapJSON.content) {
|
||||||
|
tiptapJSON.content.forEach((child) => processNode(child, null));
|
||||||
|
}
|
||||||
|
|
||||||
|
return blocks;
|
||||||
|
}
|
||||||
|
|
||||||
|
// تابع معکوس برای تست (اختیاری)
|
||||||
|
export function blocksToTiptap(blocks) {
|
||||||
|
const content = [];
|
||||||
|
const blockMap = new Map();
|
||||||
|
|
||||||
|
// ایجاد نقشه برای دسترسی سریع
|
||||||
|
blocks.forEach((block) => {
|
||||||
|
blockMap.set(block.id, block);
|
||||||
|
});
|
||||||
|
|
||||||
|
// تابع بازگشتی برای ایجاد گرهها
|
||||||
|
function createNode(block) {
|
||||||
|
switch (block.type) {
|
||||||
|
case "paragraph":
|
||||||
|
return {
|
||||||
|
type: "paragraph",
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
type: "text",
|
||||||
|
text: block.content || "",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
case "heading":
|
||||||
|
return {
|
||||||
|
type: "heading",
|
||||||
|
attrs: { level: block.level || 1 },
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
type: "text",
|
||||||
|
text: block.content || "",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
case "bulleted_list":
|
||||||
|
case "numbered_list":
|
||||||
|
const listItems = [];
|
||||||
|
if (block.children && block.children.length > 0) {
|
||||||
|
block.children.forEach((childId) => {
|
||||||
|
const childBlock = blockMap.get(childId);
|
||||||
|
if (childBlock && childBlock.type === "list_item") {
|
||||||
|
listItems.push({
|
||||||
|
type: "listItem",
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
type: "paragraph",
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
type: "text",
|
||||||
|
text: childBlock.content || "",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
type: block.type === "numbered_list" ? "orderedList" : "bulletList",
|
||||||
|
content: listItems,
|
||||||
|
};
|
||||||
|
|
||||||
|
case "code":
|
||||||
|
return {
|
||||||
|
type: "codeBlock",
|
||||||
|
attrs: { language: block.language || "javascript" },
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
type: "text",
|
||||||
|
text: block.content || "",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
case "quote":
|
||||||
|
return {
|
||||||
|
type: "blockquote",
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
type: "paragraph",
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
type: "text",
|
||||||
|
text: block.content || "",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
default:
|
||||||
|
return {
|
||||||
|
type: "paragraph",
|
||||||
|
content: [
|
||||||
|
{
|
||||||
|
type: "text",
|
||||||
|
text: block.content || "",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// فقط بلوکهایی که والد ندارند (بلوکهای سطح بالا)
|
||||||
|
const topLevelBlocks = blocks.filter((block) => !block.parentId);
|
||||||
|
|
||||||
|
topLevelBlocks.forEach((block) => {
|
||||||
|
const node = createNode(block);
|
||||||
|
if (node) {
|
||||||
|
content.push(node);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
type: "doc",
|
||||||
|
content: content,
|
||||||
|
};
|
||||||
|
}
|
||||||
78
nuxt.config.ts
Executable file
78
nuxt.config.ts
Executable file
|
|
@ -0,0 +1,78 @@
|
||||||
|
// nuxt.config.ts
|
||||||
|
import { fileURLToPath } from "node:url";
|
||||||
|
|
||||||
|
export default defineNuxtConfig({
|
||||||
|
compatibilityDate: "2025-07-15",
|
||||||
|
devtools: { enabled: true },
|
||||||
|
modules: ["@nuxt/ui", "@pinia/nuxt", "@nuxt/icon"],
|
||||||
|
css: ["~/assets/css/main.css"],
|
||||||
|
imports: {
|
||||||
|
dirs: ["stores", "composables", "apis"],
|
||||||
|
},
|
||||||
|
|
||||||
|
icon: {
|
||||||
|
serverBundle: {
|
||||||
|
collections: ["lucide", "system-uicons", "meteor-icons"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
ui: {
|
||||||
|
icons: {
|
||||||
|
collections: ["lucide", "system-uicons", "meteor-icons"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: [
|
||||||
|
{
|
||||||
|
path: "~/components/auto-import",
|
||||||
|
extensions: ["vue"],
|
||||||
|
pathPrefix: false,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
runtimeConfig: {
|
||||||
|
public: {
|
||||||
|
...import.meta.env,
|
||||||
|
system: import.meta.env.NUXT_PUBLIC_SYSTEM,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
alias: {
|
||||||
|
// مسیرهای اصلی با @
|
||||||
|
"@": fileURLToPath(new URL("./app", import.meta.url)), // srcDir
|
||||||
|
"@@": fileURLToPath(new URL(".", import.meta.url)), // rootDir
|
||||||
|
|
||||||
|
// پوشههای داخل app/
|
||||||
|
"@/components": fileURLToPath(new URL("./app/components", import.meta.url)),
|
||||||
|
"@/composables": fileURLToPath(
|
||||||
|
new URL("./app/composables", import.meta.url)
|
||||||
|
),
|
||||||
|
"@/layouts": fileURLToPath(new URL("./app/layouts", import.meta.url)),
|
||||||
|
"@/pages": fileURLToPath(new URL("./app/pages", import.meta.url)),
|
||||||
|
"@/types": fileURLToPath(new URL("./app/types", import.meta.url)),
|
||||||
|
"@/plugins": fileURLToPath(new URL("./app/plugins", import.meta.url)),
|
||||||
|
"@/middleware": fileURLToPath(new URL("./app/middleware", import.meta.url)),
|
||||||
|
"@/modules": fileURLToPath(new URL("./app/modules", import.meta.url)),
|
||||||
|
"@/json": fileURLToPath(new URL("./app/json", import.meta.url)),
|
||||||
|
"@/manuals": fileURLToPath(new URL("./app/manuals", import.meta.url)),
|
||||||
|
"@/stores": fileURLToPath(new URL("./app/stores", import.meta.url)),
|
||||||
|
|
||||||
|
// assets
|
||||||
|
"@/assets": fileURLToPath(new URL("./app/assets", import.meta.url)),
|
||||||
|
"@/images": fileURLToPath(new URL("./app/assets/images", import.meta.url)),
|
||||||
|
"@/styles": fileURLToPath(new URL("./app/assets/styles", import.meta.url)), // یا style
|
||||||
|
"@/fonts": fileURLToPath(new URL("./app/assets/fonts", import.meta.url)),
|
||||||
|
|
||||||
|
// public (در rootDir)
|
||||||
|
"@/public": fileURLToPath(new URL("./public", import.meta.url)),
|
||||||
|
|
||||||
|
// .nuxt (داخل rootDir)
|
||||||
|
"@/build": fileURLToPath(new URL("./.nuxt", import.meta.url)),
|
||||||
|
"@/internal/nuxt/paths": fileURLToPath(
|
||||||
|
new URL("./.nuxt/paths.mjs", import.meta.url)
|
||||||
|
),
|
||||||
|
|
||||||
|
// shared (اگر وجود داشته باشد — در rootDir)
|
||||||
|
"@/shared": fileURLToPath(new URL("./shared", import.meta.url)),
|
||||||
|
},
|
||||||
|
fonts: {
|
||||||
|
providers: false,
|
||||||
|
},
|
||||||
|
});
|
||||||
16456
package-lock.json
generated
Executable file
16456
package-lock.json
generated
Executable file
File diff suppressed because it is too large
Load Diff
40
package.json
Executable file
40
package.json
Executable file
|
|
@ -0,0 +1,40 @@
|
||||||
|
{
|
||||||
|
"name": "hamfahmi-front2",
|
||||||
|
"type": "module",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"build": "nuxt build",
|
||||||
|
"dev-tavasi": "env-cmd -f .env.tavasi nuxt dev --host --port 3007 --inspect",
|
||||||
|
"dev": "nuxt dev"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@iconify-json/meteor-icons": "^1.2.1",
|
||||||
|
"@nuxt/icon": "^2.2.1",
|
||||||
|
"@nuxt/ui": "^4.3.0",
|
||||||
|
"@nuxtjs/i18n": "^10.2.1",
|
||||||
|
"@pinia/nuxt": "^0.11.3",
|
||||||
|
"@tiptap/extension-color": "^3.19.0",
|
||||||
|
"@tiptap/extension-drag-handle": "^3.19.0",
|
||||||
|
"@tiptap/extension-horizontal-rule": "^3.19.0",
|
||||||
|
"@tiptap/extension-link": "^3.19.0",
|
||||||
|
"@tiptap/extension-placeholder": "^3.19.0",
|
||||||
|
"@tiptap/extension-task-item": "^3.19.0",
|
||||||
|
"@tiptap/extension-task-list": "^3.19.0",
|
||||||
|
"@tiptap/extension-text-align": "^3.19.0",
|
||||||
|
"@tiptap/extension-text-style": "^3.19.0",
|
||||||
|
"@tiptap/starter-kit": "^3.18.0",
|
||||||
|
"@tiptap/vue-3": "^3.18.0",
|
||||||
|
"@vueuse/integrations": "^14.1.0",
|
||||||
|
"lodash-es": "^4.17.22",
|
||||||
|
"nuxt": "^4.2.1",
|
||||||
|
"pinia": "^3.0.4",
|
||||||
|
"vue": "^3.5.25",
|
||||||
|
"vue-router": "^4.6.3"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@iconify-json/lucide": "^1.2.86",
|
||||||
|
"env-cmd": "^11.0.0",
|
||||||
|
"sass": "^1.95.0",
|
||||||
|
"vue-draggable-next": "^2.3.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
public/favicon.ico
Executable file
BIN
public/favicon.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
public/fonts/sahel/Sahel-Black.eot
Executable file
BIN
public/fonts/sahel/Sahel-Black.eot
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Black.ttf
Executable file
BIN
public/fonts/sahel/Sahel-Black.ttf
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Black.woff
Executable file
BIN
public/fonts/sahel/Sahel-Black.woff
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Black.woff2
Executable file
BIN
public/fonts/sahel/Sahel-Black.woff2
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Bold.eot
Executable file
BIN
public/fonts/sahel/Sahel-Bold.eot
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Bold.ttf
Executable file
BIN
public/fonts/sahel/Sahel-Bold.ttf
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Bold.woff
Executable file
BIN
public/fonts/sahel/Sahel-Bold.woff
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Bold.woff2
Executable file
BIN
public/fonts/sahel/Sahel-Bold.woff2
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Light.eot
Executable file
BIN
public/fonts/sahel/Sahel-Light.eot
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Light.ttf
Executable file
BIN
public/fonts/sahel/Sahel-Light.ttf
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Light.woff
Executable file
BIN
public/fonts/sahel/Sahel-Light.woff
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-Light.woff2
Executable file
BIN
public/fonts/sahel/Sahel-Light.woff2
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-SemiBold.eot
Executable file
BIN
public/fonts/sahel/Sahel-SemiBold.eot
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-SemiBold.ttf
Executable file
BIN
public/fonts/sahel/Sahel-SemiBold.ttf
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-SemiBold.woff
Executable file
BIN
public/fonts/sahel/Sahel-SemiBold.woff
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-SemiBold.woff2
Executable file
BIN
public/fonts/sahel/Sahel-SemiBold.woff2
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-VF.ttf
Executable file
BIN
public/fonts/sahel/Sahel-VF.ttf
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel-VF.woff2
Executable file
BIN
public/fonts/sahel/Sahel-VF.woff2
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel.eot
Executable file
BIN
public/fonts/sahel/Sahel.eot
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel.ttf
Executable file
BIN
public/fonts/sahel/Sahel.ttf
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel.woff
Executable file
BIN
public/fonts/sahel/Sahel.woff
Executable file
Binary file not shown.
BIN
public/fonts/sahel/Sahel.woff2
Executable file
BIN
public/fonts/sahel/Sahel.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-Black.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-Black.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-Bold.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-Bold.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-ExtraBold.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-ExtraBold.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-ExtraLight.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-ExtraLight.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-Light.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-Light.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-Medium.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-Medium.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-Regular.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-Regular.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-SemiBold.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-SemiBold.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn-Thin.woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn-Thin.woff2
Executable file
Binary file not shown.
BIN
public/fonts/vazir/Vazirmatn[wght].woff2
Executable file
BIN
public/fonts/vazir/Vazirmatn[wght].woff2
Executable file
Binary file not shown.
BIN
public/logo/majles/dark_logo.png
Executable file
BIN
public/logo/majles/dark_logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
public/logo/majles/light_logo.png
Executable file
BIN
public/logo/majles/light_logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/logo/monir/logo.png
Executable file
BIN
public/logo/monir/logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user