# Multi-Brand Configuration Этот проект поддерживает несколько брендов с разными темами и конфигурациями. ## Доступные бренды ### 1. Dexar Market (фиолетовый) - **Цвета**: Фиолетовый/пурпурный (#667eea, #764ba2) - **Домен**: dexarmarket.ru - **Email**: info@dexarmarket.ru ### 2. novo Market (зеленый) - **Цвета**: Зеленый (#10b981, #14b8a6) - **Домен**: novomarket.ru (будет настроено) - **Email**: info@novomarket.ru (будет настроено) ## Команды запуска ### Dexar Market (разработка) ```bash ng serve # или ng serve --configuration=development ``` ### novo Market (разработка) ```bash ng serve --configuration=novo ``` ### Сборка для продакшена #### Dexar Market ```bash ng build --configuration=production ``` Результат: `dist/dexarmarket/` #### novo Market ```bash ng build --configuration=novo-production ``` Результат: `dist/novomarket/` ## Структура файлов ``` src/ ├── environments/ │ ├── environment.ts # Dexar Development │ ├── environment.production.ts # Dexar Production │ ├── environment.novo.ts # novo Development │ └── environment.novo.production.ts # novo Production ├── styles/ │ └── themes/ │ ├── dexar.theme.scss # Dexar цвета (фиолетовый) │ └── novo.theme.scss # novo цвета (зеленый) ``` ## Что настраивается через Environment В файлах environment можно настроить: ```typescript { brandName: 'Название бренда', brandFullName: 'Полное название бренда', theme: 'dexar' | 'novo', apiUrl: 'URL API', logo: 'Путь к логотипу', contactEmail: 'Email контактов', supportEmail: 'Email поддержки', domain: 'Домен сайта', telegram: 'Telegram канал', phones: { russia: 'Телефон в России', armenia: 'Телефон в Армении' } } ``` ## CSS Переменные Темы используют CSS переменные, которые можно изменить: ```scss :root { --primary-color: #10b981; // Основной цвет --primary-hover: #059669; // Hover эффект --secondary-color: #14b8a6; // Вторичный цвет --gradient-primary: linear-gradient(...); --gradient-hero: linear-gradient(...); // и другие... } ``` ## Обновление для нового бренда ### Что нужно обновить для novo Market: 1. ✅ **Environment файлы** - созданы 2. ✅ **Темы (SCSS)** - созданы (зеленые цвета) 3. ✅ **Angular.json конфигурации** - настроены 4. ⏳ **Логотипы и изображения** - добавить в `public/assets/images/` 5. ⏳ **Реквизиты компании** - обновить когда будут готовы 6. ⏳ **Домен и SSL** - настроить при деплое 7. ⏳ **API endpoint** - обновить когда будет готов ## Деплой ### Dexar Market ```bash ng build --configuration=production # Deploy dist/dexarmarket/ to dexarmarket.ru ``` ### novo Market ```bash ng build --configuration=novo-production # Deploy dist/novomarket/ to novomarket.ru ``` ## Отличия брендов | Параметр | Dexar Market | novo Market | |----------|--------------|-------------| | Основной цвет | Фиолетовый (#667eea) | Зеленый (#10b981) | | Название | Dexar Market | novo Market | | Домен | dexarmarket.ru | novomarket.ru | | Email | info@dexarmarket.ru | info@novomarket.ru | | Telegram | @dexarmarket | @novomarket | | Реквизиты | Текущие | Будут обновлены | ## Следующие шаги для novo Market 1. Добавить логотип novo Market (`public/assets/images/novo-logo.svg`) 2. Обновить реквизиты компании в правовых документах 3. Настроить API endpoint для novo 4. Настроить домен и SSL сертификаты 5. Обновить контактную информацию (телефоны, адреса) ## Примечания - Оба бренда используют одну кодовую базу - Все компоненты автоматически адаптируются под выбранный бренд - Легко добавить новые бренды по той же схеме