This commit is contained in:
Mamalizz
2025-02-04 23:44:34 +03:30
32 changed files with 898 additions and 229 deletions
+18 -11
View File
@@ -14,6 +14,8 @@ class UserAddressInLine(TabularInline):
model = UserAddressModel
extra = 0
tab = True
verbose_name = 'ادرس کاربر'
verbose_name_plural = 'ادرس های کاربر'
@admin.register(User)
class UserAdmin(BaseUserAdmin, ModelAdmin, ImportExportModelAdmin):
@@ -23,19 +25,19 @@ class UserAdmin(BaseUserAdmin, ModelAdmin, ImportExportModelAdmin):
filter_horizontal = []
ordering = []
inlines = [UserAddressInLine]
list_filter = []
search_fields = ['phone', 'first_name', 'last_name', ]
list_display = ['phone', 'email', 'is_superuser']
list_filter = ['is_superuser']
search_fields = ['phone', 'first_name', 'last_name', 'email']
list_display = ['full_name_display', 'phone', 'email', 'is_superuser', ]
readonly_fields = []
exclude = ('otp_hash', 'otp_expiry', 'is_active', 'is_staff', 'password', 'last_login')
import_form_class = ImportForm
export_form_class = ExportForm
fieldsets = (
('Personal info', {'fields': ('first_name', 'last_name', 'profile_photo', 'password'),}),
('contact', {'fields': ('phone', 'email'),}),
('اطلاعات شخصی', {'fields': ('first_name', 'last_name', 'profile_photo', 'password'),}),
('اطلاعات ارتباطی', {'fields': ('phone', 'email'),}),
)
empty_value_display = 'ثبت نشده'
add_fieldsets = (
(None, {
'classes': ('wide',),
@@ -52,12 +54,15 @@ class UserAdmin(BaseUserAdmin, ModelAdmin, ImportExportModelAdmin):
"widget": ArrayWidget,
}
}
def full_name_display(self, obj):
return obj.full_name
full_name_display.short_description = 'نام و نام خانوادگی'
admin.site.unregister(Group)
from django.contrib import admin
from rest_framework_simplejwt.token_blacklist.models import BlacklistedToken, OutstandingToken
# Unregister the BlacklistedToken and OutstandingToken models
admin.site.unregister(BlacklistedToken)
admin.site.unregister(OutstandingToken)
@@ -66,11 +71,10 @@ admin.site.unregister(OutstandingToken)
class AddressAdmin(ModelAdmin, ImportExportModelAdmin):
import_form_class = ImportForm
export_form_class = ExportForm
search_fields = ['address', 'name', 'city', 'province']
list_display = ['user', 'name', 'address_display', 'postal_code', 'city', 'province', 'for_me']
compressed_fields = True
warn_unsaved_form = True
formfield_overrides = {
models.TextField: {
"widget": WysiwygWidget,
@@ -78,4 +82,7 @@ class AddressAdmin(ModelAdmin, ImportExportModelAdmin):
ArrayField: {
"widget": ArrayWidget,
}
}
}
def address_display(self, obj):
return obj.address[0:20]
address_display.short_description = 'ادرس'
+24 -11
View File
@@ -6,6 +6,8 @@ from datetime import datetime, timedelta
from django.utils import timezone
from rest_framework_simplejwt.token_blacklist.models import BlacklistedToken, OutstandingToken
import hashlib
from django.contrib import admin
class UserManager(BaseUserManager):
def create_user(self, phone, password=None):
if not phone:
@@ -37,8 +39,8 @@ class User(AbstractBaseUser, PermissionsMixin):
first_name = models.CharField(max_length=50, blank=True, verbose_name='نام')
last_name = models.CharField(max_length=50, blank=True, verbose_name='نام خانوادگی')
profile_photo = models.ImageField(upload_to='profile_photos/', null=True, blank=True, verbose_name='عکس پروفایل')
is_active = models.BooleanField(default=True)
is_staff = models.BooleanField(default=False)
is_active = models.BooleanField(default=True, verbose_name='فعال بودن کاربر')
is_staff = models.BooleanField(default=False, verbose_name='کارمند')
date_joined = models.DateTimeField(auto_now_add=True, verbose_name='تاریخ ثبتنام')
otp_hash = models.CharField(max_length=64, null=True, blank=True, verbose_name='کد یک بار مصرف')
otp_expiry = models.DateTimeField(null=True, blank=True, verbose_name='تاریخ تمام شدن کد یک بار مصرف')
@@ -51,6 +53,12 @@ class User(AbstractBaseUser, PermissionsMixin):
def groups(self):
return None
@property
def full_name(self):
if self.first_name and self.last_name:
return f"{self.first_name} {self.last_name}"
return None
@property
def user_permissions(self):
return None
@@ -105,13 +113,18 @@ class User(AbstractBaseUser, PermissionsMixin):
class UserAddressModel(models.Model):
user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='address')
name = models.CharField(max_length=30)
address = models.TextField()
postal_code = models.CharField(max_length=10)
phone = models.CharField(max_length=11)
city = models.CharField(max_length=30)
province = models.CharField(max_length=30)
for_me = models.BooleanField(default=False)
user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='address', verbose_name='کاربر')
name = models.CharField(max_length=30, verbose_name='نام ادرس')
address = models.TextField(verbose_name='ادرس کامل')
postal_code = models.CharField(max_length=10, verbose_name='کد پستی')
phone = models.CharField(max_length=11, verbose_name='شماره تماس برای ارسال', help_text='شماره تماس کاربر و شماره ی ارسالی میتواند متفاوت باشد')
city = models.CharField(max_length=30, verbose_name='شهر')
province = models.CharField(max_length=30, verbose_name='استان')
for_me = models.BooleanField(default=False, verbose_name='برای خود کاربر')
def __str__(self):
return f"{self.user.phone}, {self.name}"
return f"{self.user.phone}, {self.name}"
class Meta:
verbose_name = 'ادرس کاربر'
verbose_name_plural = 'ادرس های کاربر'
+2 -1
View File
@@ -12,7 +12,8 @@ from django.contrib.postgres.fields import ArrayField
class BlogModelAdmin(ModelAdmin, ImportExportModelAdmin):
import_form_class = ImportForm
export_form_class = ExportForm
search_fields = ['title', 'content', 'summery', ]
list_filter = ['category', 'is_published', 'author']
compressed_fields = True
warn_unsaved_form = True
+12 -12
View File
@@ -5,19 +5,19 @@ from django.utils.timezone import now
from product.models import SubCategoryModel
class BlogModel(models.Model):
author = models.ForeignKey(User, on_delete=models.CASCADE, related_name='blogs')
title = models.CharField(max_length=200)
author = models.ForeignKey(User, on_delete=models.CASCADE, related_name='blogs', verbose_name='نویسنده')
title = models.CharField(max_length=200, verbose_name='عنوان')
slug = models.SlugField(max_length=200, unique=True, blank=True)
content = models.TextField()
summery = models.TextField()
category = models.ForeignKey(SubCategoryModel, on_delete=models.SET_NULL, null=True, related_name='blogs')
created_at = models.DateTimeField(default=now, editable=False)
updated_at = models.DateTimeField(auto_now=True)
is_published = models.BooleanField(default=False)
cover_image = models.ImageField(upload_to='blog_covers/', blank=True)
views = models.PositiveIntegerField(default=0)
meta_description = models.CharField(max_length=300, help_text='این فیلد را حتما پر کنید')
meta_keywords = models.CharField(max_length=300, help_text='این فیلد را حتما پر کنید')
content = models.TextField(verbose_name='محتوا')
summery = models.TextField(verbose_name='خلاصه')
category = models.ForeignKey(SubCategoryModel, on_delete=models.SET_NULL, null=True, related_name='blogs', verbose_name='دسته بندی')
created_at = models.DateTimeField(default=now, editable=False, verbose_name='ساخته شده در')
updated_at = models.DateTimeField(auto_now=True, verbose_name='ابدیت شده در')
is_published = models.BooleanField(default=False, verbose_name='انتشار در وبسایت')
cover_image = models.ImageField(upload_to='blog_covers/', blank=True, verbose_name='کاور بلاگ')
views = models.PositiveIntegerField(default=0, verbose_name='بازدید')
meta_description = models.CharField(max_length=300, help_text='این فیلد را حتما پر کنید', verbose_name='متا دیسکریپشن')
meta_keywords = models.CharField(max_length=300, help_text='این فیلد را حتما پر کنید', verbose_name='متا کیورد')
def save(self, *args, **kwargs):
if not self.slug:
self.slug = slugify(self.title)
+3 -3
View File
@@ -9,9 +9,9 @@ from product.serializers import DynamicProductSerializer
ASSISTANT_ID = 'asst_1wOnCKncEHkOfp0FjOIz4Xkp'
class ProductChatModel(models.Model):
user = models.ForeignKey(User, on_delete=models.CASCADE)
product = models.ForeignKey(ProductModel, on_delete=models.CASCADE)
thread = models.CharField(max_length=400, blank=True, null=True)
user = models.ForeignKey(User, on_delete=models.CASCADE, verbose_name='کاربر')
product = models.ForeignKey(ProductModel, on_delete=models.CASCADE, verbose_name='محصول')
thread = models.CharField(max_length=400, blank=True, null=True, verbose_name='ترد هوش مصنوعی')
class Meta:
unique_together = ['user', 'product']
+27 -30
View File
@@ -226,7 +226,7 @@ UNFOLD = {
"SITE_HEADER": os.getenv("SITE_HEADER"),
"SITE_URL": DOMAIN,
"THEME": 'dark',
"SITE_SYMBOL": "shield_person",
"SITE_SYMBOL": "settings",
"DASHBOARD_CALLBACK": "core.views.dashboard_callback",
"SITE_FAVICONS": [
{
@@ -236,9 +236,9 @@ UNFOLD = {
"href": lambda request: static("favicon.svg"),
},
],
# "LOGIN": {
# "image": lambda request: static("robot.png"),
# },
"LOGIN": {
"image": lambda request: static("favicon.png"),
},
"BORDER_RADIUS": "8px",
@@ -248,30 +248,30 @@ UNFOLD = {
"COLORS": {
"base": {
"50": "249 250 251",
"100": "243 244 246",
"200": "229 231 235",
"300": "209 213 219",
"400": "156 163 175",
"500": "107 114 128",
"600": "75 85 99",
"700": "55 65 81",
"800": "31 41 55",
"900": "17 24 39",
"950": "3 7 18"
"50": "250 250 250",
"100": "245 245 245",
"200": "229 229 229",
"300": "212 212 212",
"400": "163 163 163",
"500": "115 115 115",
"600": "82 82 82",
"700": "64 64 64",
"800": "38 38 38",
"900": "23 23 23",
"950": "10 10 10"
},
"primary": {
"50": "255 241 242",
"100": "255 228 230",
"200": "254 205 211",
"300": "253 164 175",
"400": "251 113 133",
"500": "244 63 94",
"600": "225 29 72",
"700": "190 18 60",
"800": "159 18 57",
"900": "136 19 55",
"950": "76 5 25"
"50": "240 253 244",
"100": "220 252 231",
"200": "187 247 208",
"300": "134 239 172",
"400": "74 222 128",
"500": "34 197 94",
"600": "22 163 74",
"700": "21 128 61",
"800": "22 101 52",
"900": "20 83 45",
"950": "5 46 22"
},
"font": {
"subtle-light": "var(--color-base-500)", # text-base-500
@@ -433,8 +433,5 @@ UNFOLD = {
AUTH_USER_MODEL = 'account.User'
def environment_callback(request):
return ["Development", "danger"]
return ["نسخه ی توسعه", "success"]
def badge_callback(request):
return 3
View File
+181
View File
@@ -0,0 +1,181 @@
from dotenv import load_dotenv
# from http.cookiejar import debug
from pathlib import Path
from datetime import timedelta
import os
from django.templatetags.static import static
from django.urls import reverse_lazy
from django.utils.translation import gettext_lazy as _
load_dotenv(".env.local")
DOMAIN = os.getenv("DOMAIN")
API_DOMAIN = os.getenv("API_DOMAIN")
OPENAI_API_KEY = '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'
# TODO update telegram bot token
TELEGRAM_BOT_TOKEN = os.getenv("TELEGRAM_BOT_TOKEN")
# TODO update email bullshit
EMAIL_BACKEND = os.getenv("EMAIL_BACKEND")
EMAIL_HOST = os.getenv("EMAIL_HOST")
EMAIL_PORT = 587
EMAIL_USE_TLS = True
EMAIL_HOST_USER = os.getenv("EMAIL_HOST_USER")
EMAIL_HOST_PASSWORD = os.getenv("EMAIL_HOST_PASSWORD")
DEFAULT_FROM_EMAIL = os.getenv("SECRET_KEY")
SECRET_KEY = os.getenv("SECRET_KEY")
DEBUG = True
BASE_DIR = Path(__file__).resolve().parent.parent.parent
# Application definition
INSTALLED_APPS = [
# unfold theme
"unfold",
"unfold.contrib.filters",
"unfold.contrib.forms",
"unfold.contrib.inlines",
"unfold.contrib.import_export",
"unfold.contrib.guardian",
"unfold.contrib.simple_history",
# django
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
# thired party apps
'corsheaders',
'rest_framework',
'drf_spectacular',
'django_cleanup.apps.CleanupConfig',
'django_filters',
'rest_framework_simplejwt',
'rest_framework_simplejwt.token_blacklist',
'rest_framework.authtoken',
'import_export',
# custom apps
'product',
'account',
'ticket',
'chat',
'order',
'home',
'blog',
]
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
"whitenoise.middleware.WhiteNoiseMiddleware",
'django.contrib.sessions.middleware.SessionMiddleware',
'corsheaders.middleware.CorsMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
ROOT_URLCONF = 'core.urls'
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [BASE_DIR / "templates"],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
WSGI_APPLICATION = 'core.wsgi.application'
AUTH_PASSWORD_VALIDATORS = [
{
'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
},
]
LANGUAGE_CODE = 'en-us'
TIME_ZONE = 'UTC'
USE_I18N = True
USE_TZ = True
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'custom_static'),
BASE_DIR / "core" / "static"
]
STATICFILES_STORAGE = "whitenoise.storage.CompressedManifestStaticFilesStorage"
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
AUTH_USER_MODEL = 'account.User'
REST_FRAMEWORK = {
# 'DEFAULT_FILTER_BACKENDS': ['django_filters.rest_framework.DjangoFilterBackend'],
'DEFAULT_RENDERER_CLASSES': [
'rest_framework.renderers.JSONRenderer',
'rest_framework.renderers.BrowsableAPIRenderer',
],
'DEFAULT_AUTHENTICATION_CLASSES': (
'rest_framework_simplejwt.authentication.JWTAuthentication',
),
'DEFAULT_SCHEMA_CLASS': 'drf_spectacular.openapi.AutoSchema',
# 'DEFAULT_PERMISSION_CLASSES': [
# 'rest_framework.permissions.IsAuthenticated',
# ],
}
SIMPLE_JWT = {
'ACCESS_TOKEN_LIFETIME': timedelta(days=1),
'REFRESH_TOKEN_LIFETIME': timedelta(days=7),
'ROTATE_REFRESH_TOKENS': True,
'BLACKLIST_AFTER_ROTATION': True,
}
SPECTACULAR_SETTINGS = {
'TITLE': os.getenv("SITE_TITLE"),
'DESCRIPTION': os.getenv("SITE_TITLE"),
'VERSION': '2.0.0',
'SERVE_INCLUDE_SCHEMA': False,
'COMPONENT_SPLIT_REQUEST': True
}
def environment_callback(request):
return ["نسخه ی توسعه", "success"]
+16
View File
@@ -0,0 +1,16 @@
from .base import *
from .unfold_conf import *
CORS_ALLOW_ALL_ORIGINS = True
# sqlite database
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': BASE_DIR / 'db.sqlite3',
}
}
MEDIA_URL = '/shop_media/'
MEDIA_ROOT = 'app/media'
STATIC_URL = '/shop_static/'
STATIC_ROOT = 'app/static'
+38
View File
@@ -0,0 +1,38 @@
from .base import *
from .unfold_conf import *
ALLOWED_HOSTS = ['127.0.0.1', 'localhost', DOMAIN, API_DOMAIN]
CSRF_TRUSTED_ORIGINS = [
f"https://{DOMAIN}",
f"http://{DOMAIN}",
f"https://{API_DOMAIN}",
f"http://{API_DOMAIN}",
]
# CORS_ALLOWED_ORIGINS = [f"https://{API_DOMAIN}", f"http://{API_DOMAIN}",
# f"http://{DOMAIN}", f"https://{DOMAIN}", ]
# import re
# CORS_ALLOWED_ORIGIN_REGEXES = [
# re.compile(r'^https?://(?:\w+\.)?{}$'.format(re.escape(API_DOMAIN))),
# re.compile(r'^https?://(?:\w+\.)?{}$'.format(re.escape(DOMAIN))),
# re.compile(r'^https?://(?:\w+\.)?localhost:\d+$'),
# re.compile(r'^https?://(?:\w+\.)?127\.0\.0\.1:\d+$'),
# ]
CORS_ALLOW_ALL_ORIGINS = True
# database postgres
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.postgresql',
'NAME': os.getenv("DB_NAME"),
'USER': os.getenv("DB_USER"),
'PASSWORD': os.getenv("DB_PASSWORD"),
'HOST': os.getenv("DB_HOST"),
'PORT': os.getenv("DB_PORT"),
}
}
MEDIA_URL = '/shop_media/'
MEDIA_ROOT = '/app/media'
STATIC_URL = '/shop_static/'
STATIC_ROOT = '/app/static'
+221
View File
@@ -0,0 +1,221 @@
from dotenv import load_dotenv
# from http.cookiejar import debug
from pathlib import Path
from datetime import timedelta
import os
from django.templatetags.static import static
from django.urls import reverse_lazy
from django.utils.translation import gettext_lazy as _
load_dotenv(".env.local")
UNFOLD = {
"SITE_TITLE": os.getenv("SITE_TITLE"),
"SITE_HEADER": os.getenv("SITE_HEADER"),
"SITE_URL": os.getenv("DOMAIN"),
"THEME": 'dark',
"SITE_SYMBOL": "settings",
"DASHBOARD_CALLBACK": "core.views.dashboard_callback",
"SITE_FAVICONS": [
{
"rel": "icon",
"sizes": "32x32",
"type": "image/svg+xml",
"href": lambda request: static("favicon.svg"),
},
],
"LOGIN": {
"image": lambda request: static("favicon.png"),
},
"BORDER_RADIUS": "8px",
"SHOW_HISTORY": True,
"SHOW_VIEW_ON_SITE": True,
"ENVIRONMENT": "core.settings.environment_callback",
"COLORS": {
"base": {
"50": "250 250 250",
"100": "245 245 245",
"200": "229 229 229",
"300": "212 212 212",
"400": "163 163 163",
"500": "115 115 115",
"600": "82 82 82",
"700": "64 64 64",
"800": "38 38 38",
"900": "23 23 23",
"950": "10 10 10"
},
"primary": {
"50": "240 253 244",
"100": "220 252 231",
"200": "187 247 208",
"300": "134 239 172",
"400": "74 222 128",
"500": "34 197 94",
"600": "22 163 74",
"700": "21 128 61",
"800": "22 101 52",
"900": "20 83 45",
"950": "5 46 22"
},
"font": {
"subtle-light": "var(--color-base-500)", # text-base-500
"subtle-dark": "var(--color-base-400)", # text-base-400
"default-light": "var(--color-base-600)", # text-base-600
"default-dark": "var(--color-base-300)", # text-base-300
"important-light": "var(--color-base-900)", # text-base-900
"important-dark": "var(--color-base-100)", # text-base-100
},
},
"EXTENSIONS": {
"modeltranslation": {
"flags": {
"en": "🇬🇧",
},
},
},
"SIDEBAR": {
"show_search": True,
"show_all_applications": True,
"navigation": [
{
"separator": False, # Top border
"collapsible": False, # Collapsible group of links
"items": [
{
"title": _("داشبرد ادمین"),
"icon": "dashboard",
"link": reverse_lazy("admin:index"),
},
{
"title": _("سفارشات"),
"icon": "shopping_cart",
"link": reverse_lazy("admin:order_ordermodel_changelist"),
"badge": "utils.admin.admin_pending_count",
},
],
},
{
"title": _("محصولات فروشگاه"),
"separator": True,
"collapsible": False,
"items": [
{
"title": _("محصولات"),
"icon": "redeem",
"link": reverse_lazy("admin:product_productmodel_changelist"),
},
{
"title": _("نظرات"),
"icon": "chat",
"link": reverse_lazy("admin:product_commentmodel_changelist"),
},
{
"title": _("قیمت دلار"),
"icon": "payments",
"link": reverse_lazy("admin:product_dollormodel_changelist"),
"badge": "utils.admin.dollor_price",
},
],
},
{
"title": _("سکشن دسته بندی"),
"separator": True,
"collapsible": False,
"items": [
{
"title": _("دسته بندی"),
"icon": "category",
"link": reverse_lazy("admin:product_maincategorymodel_changelist"),
},
{
"title": _("زیر دسته بندی"),
"icon": "category",
"link": reverse_lazy("admin:product_subcategorymodel_changelist"),
}
],
},
{
"title": _("سکشن های نمایشی"),
"separator": True,
"collapsible": True,
"items": [
{
"title": _("اسلاید ها"),
"icon": "slide_library",
"link": reverse_lazy("admin:home_slidermodel_changelist"),
},
{
"title": _("عکس مقایسه"),
"icon": "compare",
"link": reverse_lazy("admin:home_homeimagemodel_changelist"),
}
,
{
"title": _("مقالات و بلاگ ها"),
"icon": "newsmode",
"link": reverse_lazy("admin:blog_blogmodel_changelist"),
}
],
},
{
"title": _("کاربران و مشتریان"),
"separator": True,
"collapsible": True,
"items": [
{
"title": _("کاربران"),
"icon": "person",
"link": reverse_lazy("admin:account_user_changelist"),
},{
"title": _("چت محصول"),
"icon": "chat",
"link": reverse_lazy("admin:chat_productchatmodel_changelist"),
},
{
"title": _("ادرس ها"),
"icon": "contact_mail",
"link": reverse_lazy("admin:account_useraddressmodel_changelist"),
},
],
},
{
"title": _("پشتیبانی و تیکت"),
"separator": True,
"collapsible": True,
"items": [
{
"title": _("تیکت"),
"icon": "confirmation_number",
"link": reverse_lazy("admin:ticket_ticket_changelist"),
},
],
},
],
},
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 579 KiB

+58 -57
View File
@@ -7,7 +7,7 @@ from django.utils.safestring import mark_safe
from django.utils.translation import gettext_lazy as _
from django.views.generic import RedirectView, TemplateView
from unfold.views import UnfoldModelAdminViewMixin
from order.models import OrderModel
class HomeView(RedirectView):
pattern_name = "admin:index"
@@ -15,8 +15,9 @@ class HomeView(RedirectView):
def dashboard_callback(request, context):
pending_count = OrderModel.objects.filter(status='ADMIN_PENDING').count()
context.update(random_data())
context.update({'pending_count': pending_count})
return context
@@ -33,10 +34,10 @@ def random_data():
]
positive = [[1, random.randrange(8, 28)] for i in range(1, 28)]
negative = [[-1, -random.randrange(8, 28)] for i in range(1, 28)]
negative = [[-1, -positive[i -1][1]] for i in range(1, 28)]
average = [r[1] - random.randint(3, 5) for r in positive]
performance_positive = [[1, random.randrange(8, 28)] for i in range(1, 28)]
performance_negative = [[-1, -random.randrange(8, 28)] for i in range(1, 28)]
performance_negative = [[-1, -performance_positive[i - 1][1]] for i in range(1, 28)]
response = {
"navigation": [
@@ -46,7 +47,7 @@ def random_data():
],
"kpi": [
{
"title": "Product A Performance",
"title": "IPhone 16 Pro Max",
"metric": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"footer": mark_safe(
f'<strong class="text-green-700 font-semibold dark:text-green-400">+{intcomma(f"{random.uniform(1, 9):.02f}")}%</strong>&nbsp;progress from last week'
@@ -59,14 +60,14 @@ def random_data():
),
},
{
"title": "Product B Performance",
"title": "Macbook Pro M3",
"metric": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"footer": mark_safe(
f'<strong class="text-green-700 font-semibold dark:text-green-400">+{intcomma(f"{random.uniform(1, 9):.02f}")}%</strong>&nbsp;progress from last week'
),
},
{
"title": "Product C Performance",
"title": "Apple Watch 8",
"metric": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"footer": mark_safe(
f'<strong class="text-green-700 font-semibold dark:text-green-400">+{intcomma(f"{random.uniform(1, 9):.02f}")}%</strong>&nbsp;progress from last week'
@@ -74,56 +75,56 @@ def random_data():
},
],
"progress": [
{
"title": "🦆 Social marketing e-book",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🦍 Freelancing tasks",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🐋 Development coaching",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🦑 Product consulting",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🐨 Other income",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🐶 Course sales",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🐻‍❄️ Ads revenue",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🦩 Customer Retention Rate",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🦊 Marketing ROI",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "🦁 Affiliate partnerships",
"description": f"${intcomma(f"{random.uniform(1000, 9999):.02f}")}",
"value": random.randint(10, 90),
},
{
"title": "📱 Phone and Mobile",
"description": "$2,499.99",
"value": 20,
},
{
"title": "⌚ Watch and Smart Watch",
"description": "$1,799.49",
"value": 60,
},
{
"title": "💻 Laptop and Mac Book",
"description": "$3,499.99",
"value": 85,
},
{
"title": "📹 Camera and Video Recorder",
"description": "$2,299.99",
"value": 50,
},
{
"title": "📷 Camera and Picture Capture",
"description": "$1,799.00",
"value": 10,
},
{
"title": "📚 Course Sales and Learning",
"description": "$1,299.49",
"value": 20,
},
{
"title": "📈 Ads Revenue and Marketing",
"description": "$3,199.99",
"value": 90,
},
{
"title": "📊 Customer Retention and Engagement",
"description": "$1,649.00",
"value": 80,
},
{
"title": "📣 Marketing ROI and Campaigns",
"description": "$2,199.75",
"value": 45,
},
{
"title": "🤝 Affiliate Partnerships and Collaborations",
"description": "$2,899.95",
"value": 78,
},
],
"chart": json.dumps(
{
+1 -1
View File
@@ -12,7 +12,7 @@ from django.contrib.postgres.fields import ArrayField
class SliderAdmin(ModelAdmin, ImportExportModelAdmin):
import_form_class = ImportForm
export_form_class = ExportForm
search_fields = ['description', 'title']
compressed_fields = False
warn_unsaved_form = True
+9 -9
View File
@@ -18,16 +18,16 @@ class SliderModel(models.Model):
class HomeImageModel(models.Model):
image1 = models.ImageField(upload_to='diff_image/')
image2 = models.ImageField(upload_to='diff_image/')
title1 = models.CharField(max_length=50)
title2 = models.CharField(max_length=50)
description1 = models.TextField()
description2 = models.TextField()
link1 = models.URLField()
link2 = models.URLField()
image1 = models.ImageField(upload_to='diff_image/', verbose_name='عکس اول')
image2 = models.ImageField(upload_to='diff_image/', verbose_name='عکس دوم')
title1 = models.CharField(max_length=50, verbose_name='عنوان عکس اول')
title2 = models.CharField(max_length=50, verbose_name='عنوان عکس دوم')
description1 = models.TextField(verbose_name='توضیحات عکس اول')
description2 = models.TextField(verbose_name='توضیحات عکس دوم')
link1 = models.URLField(verbose_name='لینک عکس اول')
link2 = models.URLField(verbose_name='لینک عکس دوم')
unique = (('unique', 'unique'),)
unique_filed = models.CharField(max_length=20, choices=unique, unique=True, default='unique')
unique_filed = models.CharField(max_length=20, choices=unique, unique=True, default='unique', verbose_name='یونیک فیلد')
def __str__(self):
return f'{self.title1} - {self.title2}'
class Meta:
+33 -8
View File
@@ -1,12 +1,38 @@
#!/usr/bin/env python
"""Django's command-line utility for administrative tasks."""
# #!/usr/bin/env python
# """Django's command-line utility for administrative tasks."""
# import os
# import sys
# def main():
# """Run administrative tasks."""
# os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings')
# try:
# from django.core.management import execute_from_command_line
# except ImportError as exc:
# raise ImportError(
# "Couldn't import Django. Are you sure it's installed and "
# "available on your PYTHONPATH environment variable? Did you "
# "forget to activate a virtual environment?"
# ) from exc
# execute_from_command_line(sys.argv)
# if __name__ == '__main__':
# main()
import os
import sys
def main():
"""Run administrative tasks."""
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings')
settings_module = "core.settings.production"
if "--develop" in sys.argv:
settings_module = "core.settings.development"
sys.argv.remove("--develop")
os.environ.setdefault("DJANGO_SETTINGS_MODULE", settings_module)
try:
from django.core.management import execute_from_command_line
except ImportError as exc:
@@ -17,6 +43,5 @@ def main():
) from exc
execute_from_command_line(sys.argv)
if __name__ == '__main__':
main()
if __name__ == "__main__":
main()
+3
View File
@@ -24,7 +24,10 @@ class OrderItemModelInline(TabularInline):
class OrderAdmin(ModelAdmin, ImportExportModelAdmin):
import_form_class = ImportForm
export_form_class = ExportForm
list_filter = ['is_paid', 'status']
list_display = ['user', 'is_paid', 'status', 'discount_code', 'address']
compressed_fields = True
warn_unsaved_form = True
+7 -7
View File
@@ -4,10 +4,10 @@ from product.models import ProductModel
from django.utils import timezone
class DiscountCode(models.Model):
name = models.CharField(max_length=50)
percent = models.DecimalField(max_digits=4, decimal_places=2)
quantity = models.PositiveIntegerField()
expiration_date = models.DateTimeField()
name = models.CharField(max_length=50, verbose_name='کد تخفیف')
percent = models.DecimalField(max_digits=4, decimal_places=2, verbose_name='درصد')
quantity = models.PositiveIntegerField(verbose_name='تعداد')
expiration_date = models.DateTimeField(verbose_name='تاریخ انقضا')
def __str__(self):
return self.name
@@ -30,8 +30,8 @@ class OrderModel(models.Model):
('CANCELED', 'لغو شده'),
('BACK', 'مرجوع شده'),
]
user = models.ForeignKey(User, on_delete=models.SET_NULL, null=True, related_name='orders')
address = models.ForeignKey(UserAddressModel, on_delete=models.SET_NULL, related_name='orders', null=True)
user = models.ForeignKey(User, on_delete=models.SET_NULL, null=True, related_name='orders', verbose_name='کاربر')
address = models.ForeignKey(UserAddressModel, on_delete=models.SET_NULL, related_name='orders', null=True, verbose_name='ادرس')
created_at = models.DateTimeField(auto_now_add=True, verbose_name="تاریخ سفارش")
is_paid = models.BooleanField(default=False, verbose_name="وضعیت پرداخت")
discount_code = models.ForeignKey(DiscountCode, on_delete=models.PROTECT, null=True, blank=True, verbose_name="کدتخفیف")
@@ -73,7 +73,7 @@ class OrderModel(models.Model):
class OrderItemModel(models.Model):
order = models.ForeignKey(OrderModel, on_delete=models.CASCADE, related_name='items')
order = models.ForeignKey(OrderModel, on_delete=models.CASCADE, related_name='items', verbose_name='سفارش')
quantity = models.SmallIntegerField(verbose_name="تعداد")
product = models.ForeignKey(ProductModel, on_delete=models.CASCADE, verbose_name="محصول")
class Meta:
+22 -7
View File
@@ -24,13 +24,14 @@ class ProductModelAdmin(ModelAdmin, ImportExportModelAdmin):
export_form_class = ExportForm
inlines = [InStuckColorsInLine]
readonly_fields = ('slug', )
search_fields = ['name']
search_fields = ['name', 'description', ]
list_filter = ['currency', 'show', 'category']
autocomplete_fields = ['related_products']
# compressed_fields = True
warn_unsaved_form = True
list_display = ['display_image', 'price',]
list_display = ['display_image', 'display_price', 'view', 'show', 'rating', 'category', 'discount', 'sell']
fieldsets = (
('Main Fileds', {'fields': ('name', 'description', 'price', 'currency', 'discount', 'category', 'related_products', 'show',), "classes": ["tab"],}),
('Main Fileds', {'fields': ('name', 'description', 'price', 'min_price', 'currency', 'discount', 'category', 'related_products', 'show',), "classes": ["tab"],}),
('SEO Fileds', {'fields': ('meta_description', 'meta_keywords', 'meta_rating', 'slug'), "classes": ["tab"],}),
('Users Fileds', {'fields': ('rating', 'view', 'sell', ), "classes": ["tab"],})
@@ -43,6 +44,11 @@ class ProductModelAdmin(ModelAdmin, ImportExportModelAdmin):
"widget": ArrayWidget,
}
}
def display_price(self, obj):
return obj.get_toman_price()
display_price.short_description = 'قیمت تومانی'
@display(description='محصول', header=True)
def display_image(self, instance):
if instance.image1:
@@ -74,9 +80,9 @@ class ProductModelAdmin(ModelAdmin, ImportExportModelAdmin):
class MainCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
import_form_class = ImportForm
export_form_class = ExportForm
list_display = ['name', ]
readonly_fields = ('slug', )
search_fields = ['name', 'slug']
compressed_fields = True
warn_unsaved_form = True
@@ -88,6 +94,11 @@ class MainCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
@admin.register(SubCategoryModel)
class SubCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
list_display = ['name', 'parent', 'show']
search_fields = ['name', 'slug']
list_filter = ['parent', 'show', ]
import_form_class = ImportForm
export_form_class = ExportForm
@@ -106,8 +117,9 @@ class SubCategoryModelAdmin(ModelAdmin, ImportExportModelAdmin):
class CommentAdmin(ModelAdmin, ImportExportModelAdmin):
import_form_class = ImportForm
export_form_class = ExportForm
list_display = ['user', 'product', 'display_content','show']
search_fields = ['content',]
list_filter = ['show',]
compressed_fields = True
warn_unsaved_form = True
@@ -116,6 +128,9 @@ class CommentAdmin(ModelAdmin, ImportExportModelAdmin):
"widget": ArrayWidget,
}
}
def display_content(self, obj):
return obj.display_content[0:20] + '...'
display_content.short_description = 'محتوای کامنت'
@admin.register(DollorModel)
class DollorAdmin(ModelAdmin, ImportExportModelAdmin):
@@ -0,0 +1,19 @@
# Generated by Django 5.1.2 on 2025-02-03 19:41
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('product', '0011_alter_productmodel_category_and_more'),
]
operations = [
migrations.AddField(
model_name='productmodel',
name='min_price',
field=models.PositiveIntegerField(default=100000000, help_text='این قیمت برای کف قیمتی محصول در نظر گرفته میشود', verbose_name='قیمت کف'),
preserve_default=False,
),
]
+14 -10
View File
@@ -6,7 +6,7 @@ import requests
from django.utils.translation import gettext_lazy as _
class MainCategoryModel(models.Model):
name = models.CharField(max_length=50, verbose_name='نام')
name = models.CharField(max_length=50, verbose_name='نام دسته بندی')
slug = models.SlugField(max_length=50, unique=True, help_text="اسم دسته را برای مسیر به انگلیسی و بدون فاصله وارد کنید")
icon = models.ImageField(upload_to='category_model/',verbose_name='آیکون', blank=True, null=True)
meta_title = models.CharField(max_length=60, verbose_name="عنوان متا", help_text="عنوان متا برای SEO", blank=True, null=True)
@@ -26,7 +26,7 @@ class MainCategoryModel(models.Model):
class SubCategoryModel(models.Model):
name = models.CharField(max_length=50, verbose_name='نام')
name = models.CharField(max_length=50, verbose_name='نام دسته بندی')
slug = models.SlugField(max_length=50, unique=True, help_text="اسم دسته را برای مسیر به انگلیسی و بدون فاصله وارد کنید")
image = models.ImageField(upload_to='category_model/',verbose_name='عکس', blank=True, null=True)
icon = models.ImageField(upload_to='category_model/',verbose_name='آیکون', blank=True, null=True)
@@ -89,6 +89,7 @@ class ProductModel(models.Model):
name = models.CharField(max_length=255, verbose_name='نام')
description = models.TextField(verbose_name='توضیحات')
price = models.PositiveIntegerField(default=0, verbose_name='قیمت')
min_price = models.PositiveIntegerField(verbose_name='قیمت کف', help_text='این قیمت برای کف قیمتی محصول در نظر گرفته میشود')
currency_type = (
('dollor', 'دلار'),
('toman', 'تومان'),
@@ -106,12 +107,12 @@ class ProductModel(models.Model):
discount = models.SmallIntegerField(default=0, verbose_name='تخفیف')
slug = models.SlugField(max_length=50, unique=True, blank=True, null=True, allow_unicode=True,
verbose_name='نام یکتا', help_text="این فیلد را خالی بگذارید")
meta_description = models.CharField(max_length=300, blank=True, null=True, help_text='این فیلد را حتما پر کنید')
meta_keywords = models.CharField(max_length=300, blank=True, null=True, help_text='این فیلد را حتما پر کنید')
meta_rating = models.FloatField(default=5, help_text='امتیاز محصول')
meta_description = models.CharField(max_length=300, blank=True, null=True, help_text='این فیلد را حتما پر کنید', verbose_name='متا دیسکریپشن')
meta_keywords = models.CharField(max_length=300, blank=True, null=True, help_text='این فیلد را حتما پر کنید', verbose_name='متا کیورد')
meta_rating = models.FloatField(default=5, help_text='امتیاز محصول', verbose_name='متا ریتینگ')
created_at = models.DateTimeField(auto_now_add=True, verbose_name='زمان ثبت محصول')
category = models.ForeignKey(SubCategoryModel, null=True, on_delete=models.SET_NULL, related_name='products', verbose_name='دسته بندی محصول')
related_products = models.ManyToManyField('self', blank=True,)
related_products = models.ManyToManyField('self', blank=True, verbose_name='محصولات مرتبط')
def format_discount_price(self):
discount_price = int(self.price * (100 - self.discount) / 100)
formatted_num = "{:,.0f}".format(discount_price)
@@ -121,9 +122,11 @@ class ProductModel(models.Model):
def __str__(self):
return self.name
def get_toman_price(self):
dollor_object, _ = DollorModel.objects.get_or_create(unique_filed='unique')
dollor_price = dollor_object.price
def get_toman_price(self, dollor_price=None):
if not dollor_price:
dollor_object, _ = DollorModel.objects.get_or_create(unique_filed='unique')
dollor_price = dollor_object.price
dollar_to_dirham = 0.27
if dollor_price is None:
raise ValidationError({"dollor_price": "The 'dollor_price' must be provided in the context for dollar pricing."})
@@ -133,6 +136,7 @@ class ProductModel(models.Model):
toman_price = self.price * dollor_price
elif self.currency == 'derham':
toman_price = self.price * dollor_price * dollar_to_dirham
toman_price = toman_price if toman_price > self.min_price else self.min_price
return toman_price
def get_toman_price_after_discount(self):
@@ -151,7 +155,7 @@ class ProductModel(models.Model):
class InStuckColors(models.Model):
color = models.CharField(_("رنگ"), null=True, blank=True, max_length=255)
in_stuck = models.PositiveIntegerField(default=0, verbose_name="تعداد موجود")
product = models.ForeignKey(ProductModel, on_delete=models.CASCADE, related_name='colors')
product = models.ForeignKey(ProductModel, on_delete=models.CASCADE, related_name='colors', verbose_name='محصول')
class Meta:
verbose_name = 'تعداد موجود رنگ'
verbose_name_plural = 'تعداد موجود رنگ ها'
+1 -9
View File
@@ -38,15 +38,7 @@ class DynamicProductSerializer(serializers.ModelSerializer):
def get_price(self, obj):
dollor_price = self.context.get('dollor_price')
dollar_to_dirham = 0.27
if dollor_price is None:
raise ValidationError({"dollor_price": "The 'dollor_price' must be provided in the context for dollar pricing."})
if obj.currency == 'toman':
toman_price = obj.price
elif obj.currency == 'dollor':
toman_price = obj.price * dollor_price
elif obj.currency == 'derham':
toman_price = obj.price * dollor_price * dollar_to_dirham
toman_price = obj.get_toman_price(dollor_price=dollor_price)
return "{:,.0f} تومان".format(toman_price)
def get_is_new(self, obj):
+4 -1
View File
@@ -1,10 +1,12 @@
{% load unfold i18n %}
{% if pending_count%}
<div dir='rtl' class="bg-base-50 border border-base-200 border-dashed flex flex-col gap-4 p-4 rounded dark:bg-white/[.02] dark:border-base-700 lg:flex-row lg:justify-between w-full shrink-0 lg:items-center" style="justify-content: space-between;">
<div class="flex flex-col lg:flex-row lg:items-center">
<h2 class="font-semibold text-font-important-light text-base dark:text-font-important-dark flex items-center">
<span class="material-symbols-outlined md-18 mr-3 w-4.5 align-middle">notifications</span>
<span class="align-middle">سفارش جدید داری</span>
<span class="text-white bg-primary-600 py-1 px-2 rounded" style="margin-right: 10px;">{{ pending_count }} </span>
</h2>
</div>
@@ -15,4 +17,5 @@
{% endcomponent %}
{% endcomponent %}
</div>
</div>
</div>
{% endif %}
+9 -3
View File
@@ -16,6 +16,8 @@ class TicketAdmin(ModelAdmin, ImportExportModelAdmin):
import_form_class = ImportForm
export_form_class = ExportForm
search_fields = ['subject',]
list_filter = ['status']
compressed_fields = True
warn_unsaved_form = True
@@ -25,6 +27,7 @@ class TicketAdmin(ModelAdmin, ImportExportModelAdmin):
"widget": ArrayWidget,
}
}
list_display = ['subject', 'customer', 'admin', 'status', 'admin', 'status', 'created_at']
inlines = [MessageInline]
radio_fields = {'status': admin.VERTICAL}
@@ -32,8 +35,8 @@ class TicketAdmin(ModelAdmin, ImportExportModelAdmin):
class MessageAdmin(ModelAdmin, ImportExportModelAdmin):
import_form_class = ImportForm
export_form_class = ExportForm
list_display = ['ticket', 'sender', 'content_display','created_at']
search_fields = ['content', ]
compressed_fields = True
warn_unsaved_form = True
@@ -44,4 +47,7 @@ class MessageAdmin(ModelAdmin, ImportExportModelAdmin):
ArrayField: {
"widget": ArrayWidget,
}
}
}
def content_display(self, obj):
return obj.content[0:20] + '...'
content_display.short_description = 'محتوای پیام'
+11 -11
View File
@@ -9,12 +9,12 @@ class Ticket(models.Model):
('closed', 'بسته'),
]
subject = models.CharField(max_length=255)
customer = models.ForeignKey(User, on_delete=models.CASCADE, related_name="tickets")
admin = models.ForeignKey(User, on_delete=models.SET_NULL, null=True, blank=True, related_name="assigned_tickets")
status = models.CharField(max_length=20, choices=STATUS_CHOICES, default='open')
created_at = models.DateTimeField(auto_now_add=True)
updated_at = models.DateTimeField(auto_now=True)
subject = models.CharField(max_length=255, verbose_name='موضوع')
customer = models.ForeignKey(User, on_delete=models.CASCADE, related_name="tickets", verbose_name='کاربر')
admin = models.ForeignKey(User, on_delete=models.SET_NULL, null=True, blank=True, related_name="assigned_tickets", verbose_name='ادمین')
status = models.CharField(max_length=20, choices=STATUS_CHOICES, default='open', verbose_name='وضعیت تیکت')
created_at = models.DateTimeField(auto_now_add=True, verbose_name='ساخته شده در')
updated_at = models.DateTimeField(auto_now=True, verbose_name='اپدیت شده در')
def __str__(self):
return self.subject
@@ -26,13 +26,13 @@ class Ticket(models.Model):
class Message(models.Model):
ticket = models.ForeignKey(Ticket, on_delete=models.CASCADE, related_name="messages")
sender = models.ForeignKey(User, on_delete=models.CASCADE)
content = models.TextField()
created_at = models.DateTimeField(auto_now_add=True)
ticket = models.ForeignKey(Ticket, on_delete=models.CASCADE, related_name="messages", verbose_name='تیکت')
sender = models.ForeignKey(User, on_delete=models.CASCADE, verbose_name='ارسال کننده')
content = models.TextField(verbose_name='محتوای پیام')
created_at = models.DateTimeField(auto_now_add=True, verbose_name='ساخته شده در')
def __str__(self):
return f"Message by {self.sender.username} on {self.ticket.subject}"
return f"Message by {self.sender.full_name} on {self.ticket.subject}"
class Meta:
verbose_name = 'پیام تیکت'
+1 -1
View File
@@ -24,7 +24,7 @@ services:
[
"sh",
"-c",
"python manage.py migrate && python manage.py runserver 0.0.0.0:8000",
"python manage.py migrate && python manage.py collectstatic --no-input && python manage.py runserver 0.0.0.0:8000",
]
networks:
- default
+17 -4
View File
@@ -14,6 +14,7 @@ type NavLink = {
// state
const { data: account } = useGetAccount();
const route = useRoute();
const { logout } = useAuth();
const nav_links = ref<NavLink[]>([
@@ -38,10 +39,22 @@ const nav_links = ref<NavLink[]>([
path: "#",
},
]);
// computed
const isHomePage = computed(() => route.path === "/");
// lifecycle
onMounted(() => {});
</script>
<template>
<header class="w-full bg-white flex-center">
<header
id="header-navbar"
class="w-full flex-center"
:class="isHomePage ? 'fixed top-0 left-0 z-999' : 'z-999'"
>
<div
class="size-full flex items-center justify-between container py-[2.25rem]"
>
@@ -86,7 +99,7 @@ const nav_links = ref<NavLink[]>([
</div>
<nav
class="flex-center gap-[2.5rem] typo-label-sm text-slate-600"
class="flex-center gap-[2.5rem] typo-label-sm font-light text-black/80"
>
<NuxtLink
v-for="(link, index) in nav_links"
@@ -106,11 +119,11 @@ const nav_links = ref<NavLink[]>([
viewBox="0 0 220 40"
>
<path
fill="#0E1534"
fill="black"
d="M20 40c11.046 0 20-8.954 20-20V6a6 6 0 0 0-6-6H21v8.774c0 2.002.122 4.076 1.172 5.78a9.999 9.999 0 0 0 6.904 4.627l.383.062a.8.8 0 0 1 0 1.514l-.383.062a10 10 0 0 0-8.257 8.257l-.062.383a.8.8 0 0 1-1.514 0l-.062-.383a10 10 0 0 0-4.627-6.904C12.85 21.122 10.776 21 8.774 21H.024C.547 31.581 9.29 40 20 40Z"
></path>
<path
fill="#0E1534"
fill="black"
d="M0 19h8.774c2.002 0 4.076-.122 5.78-1.172a10.018 10.018 0 0 0 3.274-3.274C18.878 12.85 19 10.776 19 8.774V0H6a6 6 0 0 0-6 6v13ZM46.455 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM211.711 12.104c5.591 0 8.289 3.905 8.289 8.428v8.495h-5.851V21.54c0-2.05-.748-3.742-2.893-3.742-2.145 0-2.86 1.692-2.86 3.742v7.486h-5.851V21.54c0-2.05-.715-3.742-2.861-3.742-2.145 0-2.893 1.692-2.893 3.742v7.486h-5.85v-8.495c0-4.523 2.697-8.428 8.288-8.428 3.056 0 5.266 1.204 6.274 3.189 1.072-1.985 3.413-3.19 6.208-3.19ZM180.427 23.82c1.885 0 2.698-1.725 2.698-3.776v-7.29h5.85v8.006c0 4.784-2.795 8.755-8.548 8.755-5.754 0-8.549-3.97-8.549-8.755v-8.006h5.851v7.29c0 2.05.812 3.776 2.698 3.776ZM163.275 29.547c-3.673 0-6.046-1.269-7.444-3.742l4.226-2.376c.585 1.041 1.462 1.562 2.925 1.562 1.203 0 1.755-.423 1.755-.944 0-1.985-8.581.033-8.581-6.28 0-3.06 2.6-5.533 7.021-5.533 3.868 0 5.981 1.887 6.924 3.71l-4.226 2.408c-.357-.976-1.463-1.562-2.568-1.562-.845 0-1.3.358-1.3.846 0 2.018 8.581.163 8.581 6.281 0 3.417-3.348 5.63-7.313 5.63ZM142.833 36.512h-5.851V20.858c0-4.98 3.738-8.592 8.939-8.592 5.071 0 8.939 3.873 8.939 8.592 0 5.207-3.446 8.657-8.614 8.657-1.203 0-2.405-.358-3.413-.912v7.909Zm3.088-12.497c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.124-3.088-3.124s-3.088 1.4-3.088 3.125c0 1.692 1.235 3.124 3.088 3.124ZM131.121 11.03c-1.918 0-3.51-1.595-3.51-3.515 0-1.92 1.592-3.515 3.51-3.515 1.918 0 3.511 1.595 3.511 3.515 0 1.92-1.593 3.515-3.511 3.515Zm-2.925 1.724h5.851v16.273h-5.851V12.754ZM116.97 29.515c-5.071 0-8.939-3.905-8.939-8.657 0-4.719 3.868-8.624 8.939-8.624s8.939 3.905 8.939 8.624c0 4.752-3.868 8.657-8.939 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM96.983 37c-4.03 0-6.956-1.79-8.451-4.98l4.843-2.603c.52 1.107 1.495 2.246 3.51 2.246 2.114 0 3.511-1.335 3.674-3.678-.78.684-2.016 1.204-3.868 1.204-4.519 0-8.16-3.482-8.16-8.364 0-4.718 3.869-8.559 8.94-8.559 5.201 0 8.939 3.613 8.939 8.592v6.444c0 5.858-4.064 9.698-9.427 9.698Zm.39-13.31c1.755 0 3.088-1.205 3.088-2.995 0-1.757-1.332-2.929-3.088-2.929-1.723 0-3.088 1.172-3.088 2.93 0 1.79 1.365 2.993 3.088 2.993ZM78.607 29.515c-5.071 0-8.94-3.905-8.94-8.657 0-4.719 3.869-8.624 8.94-8.624 5.07 0 8.939 3.905 8.939 8.624 0 4.752-3.869 8.657-8.94 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM59.013 7.06v16.434H68.7v5.533H58.2c-3.705 0-5.2-1.953-5.2-5.045V7.06h6.013Z"
></path>
</svg>
@@ -23,9 +23,7 @@ const swiper_instance = ref<SwiperClass | null>(null);
// queries
await useAsyncData(async () => {
await suspense();
});
await suspense();
// methods
+9 -2
View File
@@ -29,13 +29,20 @@ const onSwiper = (swiper: SwiperClass) => {
</script>
<template>
<section class="flex flex-col justify-center gap-4 bg-black h-[150svh] mt-40">
<div class="w-full flex justify-center items-center">
<section class="flex flex-col justify-center gap-4 bg-black h-[150svh] mt-40 relative overflow-hidden">
<div class="w-full flex justify-center items-center relative z-10">
<span class="text-white typo-h-4">
دسته بندی ها
</span>
</div>
<img
src="/img/gradient-2.png"
class="animate-spin [animation-duration:16s] object-cover absolute size-full brightness-45 scale-115"
alt=""
/>
<div class="w-full my-20 relative">
<Swiper
:loop="true"
+137 -28
View File
@@ -9,8 +9,14 @@ import useHomeData from "~/composables/api/home/useHomeData";
// state
const { data: homeData } = useHomeData();
const { $gsap: gsap, $ScrollTrigger: ScrollTrigger } = useNuxtApp();
const route = useRoute();
const swiper_instance = ref<SwiperClass | null>(null);
const isMuted = ref(true);
const slidesPerView = ref(1);
let gsapTimeline: gsap.core.Timeline;
// methods
@@ -22,15 +28,87 @@ const onChange = (swiper: SwiperClass) => {
console.log(swiper.activeIndex, swiper.realIndex, swiper.snapIndex);
};
// lifecycle
onMounted(() => {
gsapTimeline = gsap.timeline({});
gsapTimeline
.fromTo(".header-slider-item", {
borderRadius: 0,
height: "100svh"
}, {
height: "80svh",
borderRadius: "20px"
})
.fromTo(slidesPerView, {
value: 1
}, {
value: 1.2
}, "=")
.fromTo("#header-navbar", {
filter: "invert(100%)"
}, {
filter: "invert(0%)"
}, "=")
.fromTo("#header-navbar", {
background: "transparent"
}, {
background: "white"
})
.fromTo("#header-slider-wrapper", {
marginTop: "0px",
scale: 1.025
}, {
marginTop: "96px",
scale: 1
}, "=")
.fromTo("#header-slider-pagination-child", {
padding: "0px 0px"
}, {
padding: "0px 80px"
}, "=")
.fromTo(".header-slider-item-child", {
padding: "0px 80px"
}, {
padding: "0px 40px"
}, "=")
.to(".header-slider-logo", {
opacity: 0
}, "-=150%");
ScrollTrigger.create({
trigger: "#header-slider-container",
animation: gsapTimeline,
scrub: 1,
pin: true,
start: "top top",
// markers: true,
end: "bottom top"
});
});
watch(() => route.path, (nv) => {
if (gsapTimeline) {
if (nv === "/") {
gsapTimeline.play();
} else {
gsapTimeline.pause().progress(0);
}
}
}, {
immediate: true
});
</script>
<template>
<div class="w-full mb-20">
<div
class="relative"
>
<div id="header-slider-container" class="w-full mb-20 z-50">
<div id="header-slider-wrapper" class="relative">
<Swiper
:slides-per-view="1.2"
:slides-per-view="slidesPerView"
:loop="true"
:space-between="40"
:centered-slides="true"
@@ -41,23 +119,47 @@ const onChange = (swiper: SwiperClass) => {
v-for="(slide, index) in homeData!.sliders"
:key="slide.id"
>
<div class="relative w-full rounded-200 h-[80svh] overflow-hidden">
<div
class="header-slider-item relative w-full overflow-hidden"
>
<template v-if="!!slide.video">
<button
@click="isMuted = !isMuted"
class="transition-all hover:invert cursor-pointer flex-center hover:scale-110 size-[50px] border border-white hover:border-transparent rounded-full absolute z-20 top-10 right-20 bg-black"
>
<Icon
:name="isMuted ? 'bi:volume-mute-fill' : 'bi:volume-up-fill'"
class="text-white"
size="24px"
/>
</button>
<div class="flex items-center justify-between w-full absolute z-20 top-10 px-20">
<button
@click="isMuted = !isMuted"
class="transition-all cursor-pointer flex-center hover:scale-110 size-[50px] rounded-full bg-white"
>
<Icon
:name="isMuted ? 'bi:volume-mute-fill' : 'bi:volume-up-fill'"
class="text-black"
size="24px"
/>
</button>
<!-- <div class="header-slider-logo">-->
<!-- <svg-->
<!-- xmlns="http://www.w3.org/2000/svg"-->
<!-- height="23"-->
<!-- fill="none"-->
<!-- viewBox="0 0 220 40"-->
<!-- >-->
<!-- <path-->
<!-- fill="white"-->
<!-- d="M20 40c11.046 0 20-8.954 20-20V6a6 6 0 0 0-6-6H21v8.774c0 2.002.122 4.076 1.172 5.78a9.999 9.999 0 0 0 6.904 4.627l.383.062a.8.8 0 0 1 0 1.514l-.383.062a10 10 0 0 0-8.257 8.257l-.062.383a.8.8 0 0 1-1.514 0l-.062-.383a10 10 0 0 0-4.627-6.904C12.85 21.122 10.776 21 8.774 21H.024C.547 31.581 9.29 40 20 40Z"-->
<!-- ></path>-->
<!-- <path-->
<!-- fill="white"-->
<!-- d="M0 19h8.774c2.002 0 4.076-.122 5.78-1.172a10.018 10.018 0 0 0 3.274-3.274C18.878 12.85 19 10.776 19 8.774V0H6a6 6 0 0 0-6 6v13ZM46.455 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM211.711 12.104c5.591 0 8.289 3.905 8.289 8.428v8.495h-5.851V21.54c0-2.05-.748-3.742-2.893-3.742-2.145 0-2.86 1.692-2.86 3.742v7.486h-5.851V21.54c0-2.05-.715-3.742-2.861-3.742-2.145 0-2.893 1.692-2.893 3.742v7.486h-5.85v-8.495c0-4.523 2.697-8.428 8.288-8.428 3.056 0 5.266 1.204 6.274 3.189 1.072-1.985 3.413-3.19 6.208-3.19ZM180.427 23.82c1.885 0 2.698-1.725 2.698-3.776v-7.29h5.85v8.006c0 4.784-2.795 8.755-8.548 8.755-5.754 0-8.549-3.97-8.549-8.755v-8.006h5.851v7.29c0 2.05.812 3.776 2.698 3.776ZM163.275 29.547c-3.673 0-6.046-1.269-7.444-3.742l4.226-2.376c.585 1.041 1.462 1.562 2.925 1.562 1.203 0 1.755-.423 1.755-.944 0-1.985-8.581.033-8.581-6.28 0-3.06 2.6-5.533 7.021-5.533 3.868 0 5.981 1.887 6.924 3.71l-4.226 2.408c-.357-.976-1.463-1.562-2.568-1.562-.845 0-1.3.358-1.3.846 0 2.018 8.581.163 8.581 6.281 0 3.417-3.348 5.63-7.313 5.63ZM142.833 36.512h-5.851V20.858c0-4.98 3.738-8.592 8.939-8.592 5.071 0 8.939 3.873 8.939 8.592 0 5.207-3.446 8.657-8.614 8.657-1.203 0-2.405-.358-3.413-.912v7.909Zm3.088-12.497c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.124-3.088-3.124s-3.088 1.4-3.088 3.125c0 1.692 1.235 3.124 3.088 3.124ZM131.121 11.03c-1.918 0-3.51-1.595-3.51-3.515 0-1.92 1.592-3.515 3.51-3.515 1.918 0 3.511 1.595 3.511 3.515 0 1.92-1.593 3.515-3.511 3.515Zm-2.925 1.724h5.851v16.273h-5.851V12.754ZM116.97 29.515c-5.071 0-8.939-3.905-8.939-8.657 0-4.719 3.868-8.624 8.939-8.624s8.939 3.905 8.939 8.624c0 4.752-3.868 8.657-8.939 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM96.983 37c-4.03 0-6.956-1.79-8.451-4.98l4.843-2.603c.52 1.107 1.495 2.246 3.51 2.246 2.114 0 3.511-1.335 3.674-3.678-.78.684-2.016 1.204-3.868 1.204-4.519 0-8.16-3.482-8.16-8.364 0-4.718 3.869-8.559 8.94-8.559 5.201 0 8.939 3.613 8.939 8.592v6.444c0 5.858-4.064 9.698-9.427 9.698Zm.39-13.31c1.755 0 3.088-1.205 3.088-2.995 0-1.757-1.332-2.929-3.088-2.929-1.723 0-3.088 1.172-3.088 2.93 0 1.79 1.365 2.993 3.088 2.993ZM78.607 29.515c-5.071 0-8.94-3.905-8.94-8.657 0-4.719 3.869-8.624 8.94-8.624 5.07 0 8.939 3.905 8.939 8.624 0 4.752-3.869 8.657-8.94 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM59.013 7.06v16.434H68.7v5.533H58.2c-3.705 0-5.2-1.953-5.2-5.045V7.06h6.013Z"-->
<!-- ></path>-->
<!-- </svg>-->
<!-- </div>-->
</div>
<video
:muted="swiper_instance?.realIndex !== index ? true : isMuted"
autoplay
loop
class="absolute inset-0 size-full object-cover"
class="absolute inset-0 size-full object-cover brightness-90"
:src="slide.video"
/>
</template>
@@ -68,27 +170,33 @@ const onChange = (swiper: SwiperClass) => {
:alt="slide.title"
/>
<div class="size-full absolute z-10 bg-linear-to-t from-black/50 to-transparent" />
<div class="px-20 absolute z-10 w-full bottom-36">
<div class="border-b border-white/10 pb-6 flex flex-col gap-4">
<h3 class="typo-h-1 tracking-[-2px] text-white">
{{ slide.title }}
</h3>
<div class="flex justify-between items-end">
<div class="header-slider-item-child absolute z-10 w-full bottom-36">
<div class="w-full container">
<div class="border-b border-white/10 pb-6 flex flex-col gap-4">
<h3 class="typo-h-1 tracking-[-2px] text-white">
{{ slide.title }}
</h3>
<div class="flex justify-between items-end">
<span class="typo-p-lg text-white">
{{ slide.description }}
</span>
<Button class="invert rounded-full hover:bg-transparent">
مشاهده
</Button>
<Button class="invert rounded-full hover:bg-transparent">
مشاهده
</Button>
</div>
</div>
</div>
</div>
</div>
</SwiperSlide>
</Swiper>
<div class="absolute w-full bottom-20 left-[50%] translate-x-[-50%] z-100">
<div
id="header-slider-pagination"
class="absolute w-full left-1/2 -translate-x-1/2 z-100"
:style="{ bottom : '80px' }"
>
<div class="container h-full">
<div class="h-full flex items-center justify-between px-20">
<div id="header-slider-pagination-child" class="h-full flex items-center justify-between">
<button @click="swiper_instance?.slidePrev()">
<Icon
class="**:stroke-white cursor-pointer"
@@ -117,5 +225,6 @@ const onChange = (swiper: SwiperClass) => {
</div>
</div>
</div>
</div>
</template>
Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 MiB