|
|
@@ -2,7 +2,7 @@
|
|
|
|
|
|
## 🎯 Контекст проекта
|
|
|
|
|
|
-**Название:** Интернет-магазин лакокрасочной продукции "Браер-Колор"
|
|
|
+**Название:** Интернет-магазин лакокрасочной продукции "Браер-Колор" с админ панелью, мудьтидоменной и мультиязычной структурой
|
|
|
**Тип:** SPA (Single Page Application) с современным минималистичным дизайном
|
|
|
**Аналоги:** Функциональность m-kraski.ru с дизайном impasto-color.ru
|
|
|
|
|
|
@@ -10,18 +10,18 @@
|
|
|
|
|
|
### Frontend
|
|
|
- **Шаблонизатор:** Pug (включая Vue компоненты)
|
|
|
-- **Стилизация:** Tailwind CSS (исключительно через классы)
|
|
|
+- **Стилизация:** Tailwind CSS (исключительно через классы) в файлах styl, d качестве имён классов использоваьть методологию BEM
|
|
|
- **Логика:** CoffeeScript с Vue.js 3
|
|
|
- **Маршрутизация:** Vue Router
|
|
|
- **Анимации:** Утилиты Tailwind (transition-, transform-, hover:)
|
|
|
-- **База данных:** PouchDB с синхронизацией CouchDB
|
|
|
+- **База данных:** PouchDB(локальный кешь, открытых данных) с синхронизацией CouchDB (центральное хранилище данных, и сессий пользователей.)
|
|
|
|
|
|
### Архитектура
|
|
|
```
|
|
|
app/
|
|
|
├── index.pug (основной layout)
|
|
|
├── index.coffee (инициализация Vue и роутера)
|
|
|
-├── theme.config.coffee (дизайн-система)
|
|
|
+├── index.styl (файл хранения описания классов по системе BEM с использованием Tailwind)
|
|
|
├── utils/
|
|
|
│ └── pouch.coffee (сервис работы с PouchDB)
|
|
|
├── design/
|
|
|
@@ -74,10 +74,10 @@ module.exports = {
|
|
|
```stylus
|
|
|
// Использование @css для Tailwind классов
|
|
|
@css {
|
|
|
- .admin-sidebar {
|
|
|
+ .admin--sidebar {
|
|
|
@apply w-64 bg-white dark:bg-gray-800 shadow-md h-screen fixed;
|
|
|
}
|
|
|
- .menu-item-active {
|
|
|
+ .menu-item--active {
|
|
|
@apply bg-primary-100 text-primary-700 dark:bg-primary-900 dark:text-primary-300;
|
|
|
}
|
|
|
}
|
|
|
@@ -87,12 +87,12 @@ module.exports = {
|
|
|
|
|
|
**Основной layout (app/index.pug):**
|
|
|
```pug
|
|
|
-div(class="min-h-screen bg-white dark:bg-gray-900 text-gray-900 dark:text-white transition-colors duration-300 font-sans")
|
|
|
- header(class="bg-white dark:bg-gray-800 shadow-sm")
|
|
|
- nav(class="container mx-auto px-4 py-4")
|
|
|
- div(class="flex justify-between items-center")
|
|
|
- div(class="text-2xl font-bold text-primary-600") {{ kompname }}
|
|
|
- div(class="flex items-center space-x-4")
|
|
|
+div(class="")
|
|
|
+ header(class="header")
|
|
|
+ nav(class="header-nav")
|
|
|
+ div(class="header-nav-blok")
|
|
|
+ div(class="header-nav--name") {{ kompname }}
|
|
|
+ div(class="header-nav--menu")
|
|
|
multilevelmenu
|
|
|
themetoggle
|
|
|
|
|
|
@@ -251,13 +251,13 @@ module.exports = new PouchDBService({
|
|
|
### 🎛️ Компоненты админ-панели
|
|
|
Учти возможность многодоменной разработки, и ограничения доступа в зависимости от используемого домена на клиенской части, и в админке, в зависимости от прав администратора.
|
|
|
|
|
|
-**Layout админки (app/pages/Admin/Layout/index.pug):**
|
|
|
+**Layout админки (app/pages/Admin/index.pug):**
|
|
|
```pug
|
|
|
-div(class="min-h-screen bg-gray-50 dark:bg-gray-900 flex")
|
|
|
+div(class="mainadmin-block")
|
|
|
.admin-sidebar
|
|
|
.p-4
|
|
|
- h1(class="text-xl font-bold text-gray-800 dark:text-white mb-6") Панель администратора
|
|
|
- nav(class="space-y-2")
|
|
|
+ h1(class="mainadmin-block--h1") Панель администратора
|
|
|
+ nav(class="mainadmin-block--nav")
|
|
|
a(
|
|
|
v-for="item in menuItems"
|
|
|
:key="item.id"
|
|
|
@@ -536,12 +536,16 @@ https://cdn1.ozone.ru/s3/multimedia-1-p/7663352533.jpg";;;ЭкоКрас;4673764
|
|
|
## 🚀 Состояние разработки
|
|
|
|
|
|
### ✅ Реализовано
|
|
|
-Анализировать реализованный код, по git репозитарию
|
|
|
+Анализировать реализованный код, по git репозитарию https://gogs.osvoj.ru/oleg/s5l.ru-crm.git
|
|
|
+Проверяй промт и изменения в нём по адресу https://gogs.osvoj.ru/oleg/s5l.ru-crm/raw/master/README.md
|
|
|
|
|
|
### 🚧 В процессе
|
|
|
Начать разработку с полного листинга файлов
|
|
|
app/index.coffee
|
|
|
app/index.pug
|
|
|
app/index.styl
|
|
|
+ app/utils/pouch.db
|
|
|
+ app/desing/admin.coffee
|
|
|
+ app/desing/site.coffee
|
|
|
|
|
|
|