| |
|
| | import os |
| | import io |
| | import base64 |
| | import json |
| | import logging |
| | import threading |
| | import time |
| | from datetime import datetime, timedelta, timezone |
| | from uuid import uuid4 |
| | import random |
| | import string |
| |
|
| | from flask import Flask, render_template_string, request, redirect, url_for, flash, jsonify, Response |
| | from PIL import Image |
| | import google.generativeai as genai |
| | import numpy as np |
| | from huggingface_hub import HfApi, hf_hub_download |
| | from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError |
| | from werkzeug.utils import secure_filename |
| | from dotenv import load_dotenv |
| | import requests |
| |
|
| | load_dotenv() |
| |
|
| | app = Flask(__name__) |
| | app.secret_key = 'your_unique_secret_key_gippo_312_shop_54321_no_login' |
| | DATA_FILE = 'data.json' |
| |
|
| | SYNC_FILES = [DATA_FILE] |
| |
|
| | REPO_ID = "Kgshop/metastorebase1" |
| | HF_TOKEN_WRITE = os.getenv("HF_TOKEN") |
| | HF_TOKEN_READ = os.getenv("HF_TOKEN_READ") |
| | GOOGLE_API_KEY = os.getenv("GOOGLE_API_KEY") |
| |
|
| | DOWNLOAD_RETRIES = 3 |
| | DOWNLOAD_DELAY = 5 |
| |
|
| | ALMATY_TZ = timezone(timedelta(hours=6)) |
| |
|
| | CURRENCIES = { |
| | 'KGS': 'Кыргызский сом', |
| | 'KZT': 'Казахстанский тенге', |
| | 'UAH': 'Украинская гривна', |
| | 'RUB': 'Российский рубль', |
| | 'USD': 'Доллар США', |
| | 'EUR': 'Евро' |
| | } |
| |
|
| | COLOR_SCHEMES = { |
| | 'default': 'Бирюзовый (по умолч.)', |
| | 'forest': 'Лесной зеленый', |
| | 'ocean': 'Глубокий синий', |
| | 'sunset': 'Закатный оранжевый', |
| | 'lavender': 'Лавандовый', |
| | 'vintage': 'Винтажный', |
| | 'dark': 'Полночь (тёмная)', |
| | 'cosmic': 'Космическая ночь', |
| | 'minty': 'Свежая мята', |
| | 'mocha': 'Кофейный мокко', |
| | 'crimson': 'Багровый рассвет', |
| | 'solar': 'Солнечная вспышка', |
| | 'cyberpunk': 'Киберпанк неон' |
| | } |
| |
|
| | logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s') |
| |
|
| | def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWNLOAD_DELAY): |
| | if not HF_TOKEN_READ and not HF_TOKEN_WRITE: |
| | logging.warning("HF_TOKEN_READ/HF_TOKEN_WRITE not set. Download might fail for private repos.") |
| |
|
| | token_to_use = HF_TOKEN_READ if HF_TOKEN_READ else HF_TOKEN_WRITE |
| |
|
| | files_to_download = [specific_file] if specific_file else SYNC_FILES |
| | all_successful = True |
| |
|
| | for file_name in files_to_download: |
| | success = False |
| | for attempt in range(retries + 1): |
| | try: |
| | local_path = hf_hub_download( |
| | repo_id=REPO_ID, |
| | filename=file_name, |
| | repo_type="dataset", |
| | token=token_to_use, |
| | local_dir=".", |
| | local_dir_use_symlinks=False, |
| | force_download=True, |
| | resume_download=False |
| | ) |
| | success = True |
| | break |
| | except RepositoryNotFoundError: |
| | return False |
| | except HfHubHTTPError as e: |
| | if e.response.status_code == 404: |
| | if attempt == 0 and not os.path.exists(file_name): |
| | try: |
| | if file_name == DATA_FILE: |
| | with open(file_name, 'w', encoding='utf-8') as f: |
| | json.dump({}, f) |
| | except Exception as create_e: |
| | pass |
| | success = False |
| | break |
| | else: |
| | pass |
| | except requests.exceptions.RequestException as e: |
| | pass |
| | except Exception as e: |
| | pass |
| |
|
| | if attempt < retries: |
| | time.sleep(delay) |
| |
|
| | if not success: |
| | all_successful = False |
| |
|
| | return all_successful |
| |
|
| | def upload_db_to_hf(specific_file=None): |
| | if not HF_TOKEN_WRITE: |
| | return |
| | try: |
| | api = HfApi() |
| | files_to_upload = [specific_file] if specific_file else SYNC_FILES |
| |
|
| | for file_name in files_to_upload: |
| | if os.path.exists(file_name): |
| | try: |
| | api.upload_file( |
| | path_or_fileobj=file_name, |
| | path_in_repo=file_name, |
| | repo_id=REPO_ID, |
| | repo_type="dataset", |
| | token=HF_TOKEN_WRITE, |
| | commit_message=f"Sync {file_name} {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}" |
| | ) |
| | except Exception as e: |
| | pass |
| | else: |
| | pass |
| | except Exception as e: |
| | pass |
| |
|
| | def periodic_backup(): |
| | backup_interval = 1800 |
| | while True: |
| | time.sleep(backup_interval) |
| | upload_db_to_hf() |
| |
|
| | def load_data(): |
| | try: |
| | with open(DATA_FILE, 'r', encoding='utf-8') as f: |
| | data = json.load(f) |
| | if not isinstance(data, dict): |
| | data = {} |
| | except (FileNotFoundError, json.JSONDecodeError): |
| | if download_db_from_hf(specific_file=DATA_FILE): |
| | try: |
| | with open(DATA_FILE, 'r', encoding='utf-8') as f: |
| | data = json.load(f) |
| | if not isinstance(data, dict): |
| | data = {} |
| | except (FileNotFoundError, json.JSONDecodeError): |
| | data = {} |
| | else: |
| | data = {} |
| | return data |
| |
|
| | def save_data(data): |
| | try: |
| | with open(DATA_FILE, 'w', encoding='utf-8') as file: |
| | json.dump(data, file, ensure_ascii=False, indent=4) |
| | upload_db_to_hf(specific_file=DATA_FILE) |
| | except Exception as e: |
| | pass |
| |
|
| | def is_chat_active(env_id): |
| | data = get_env_data(env_id) |
| | settings = data.get('settings', {}) |
| | |
| | if not settings.get('chat_activated', False): |
| | return False |
| | |
| | expires_str = settings.get('chat_activation_expires') |
| | if not expires_str: |
| | return False |
| |
|
| | try: |
| | expires_dt = datetime.fromisoformat(expires_str) |
| | if expires_dt > datetime.now(ALMATY_TZ): |
| | return True |
| | except (ValueError, TypeError): |
| | return False |
| | |
| | return False |
| |
|
| | def get_env_data(env_id): |
| | all_data = load_data() |
| | default_organization_info = { |
| | "about_us": "Мы — надежный партнер в мире уникальных товаров. Мы предлагаем широкий ассортимент продукции, от электроники до товаров для дома, всегда стремясь к качеству и доступности. Наша миссия — сделать ваш шопинг приятным и удобным, предлагая только лучшие товары, тщательно отобранные для вас.", |
| | "shipping": "Доставка осуществляется по всему Кыргызстану. Стоимость и сроки доставки зависят от региона и веса товара. По Бишкеку доставка возможна в течение 1-2 рабочих дней, в регионы — от 3 до 7 дней. Для уточнения деталей свяжитесь с нами.", |
| | "returns": "Возврат и обмен товара возможен в течение 14 дней с момента покупки, при условии сохранения товарного вида, упаковки и чека. Некоторые категории товаров могут иметь особые условия возврата. Пожалуйста, свяжитесь с нами для оформления возврата или обмена.", |
| | "contact": f"Наш магазин находится по адресу: Рынок Кербен, 6 ряд , 43 контейнер. Связаться с нами можно по телефону или через WhatsApp. Мы работаем ежедневно с 9:00 до 18:00." |
| | } |
| | default_settings = { |
| | "organization_name": "Gippo312", |
| | "whatsapp_number": "+996701202013", |
| | "currency_code": "KGS", |
| | "chat_name": "EVA", |
| | "chat_avatar": None, |
| | "color_scheme": "default", |
| | "chat_activated": False, |
| | "chat_activation_expires": None, |
| | "business_type": "combined", |
| | "welcome_message_enabled": False, |
| | "welcome_message_text": "Добро пожаловать в наш магазин!" |
| | } |
| |
|
| | env_data = all_data.get(env_id, {}) |
| | if not env_data: |
| | env_data = { |
| | 'products': [], 'categories': [], 'orders': {}, 'chats': {}, |
| | 'organization_info': default_organization_info, |
| | 'settings': default_settings |
| | } |
| |
|
| | if 'products' not in env_data: env_data['products'] = [] |
| | if 'categories' not in env_data: env_data['categories'] = [] |
| | if 'orders' not in env_data: env_data['orders'] = {} |
| | if 'organization_info' not in env_data: env_data['organization_info'] = default_organization_info |
| | if 'chats' not in env_data: env_data['chats'] = {} |
| | if 'settings' not in env_data: env_data['settings'] = default_settings |
| | |
| | settings_changed = False |
| | for key, value in default_settings.items(): |
| | if key not in env_data['settings']: |
| | env_data['settings'][key] = value |
| | settings_changed = True |
| |
|
| | products_changed = False |
| | for product in env_data['products']: |
| | if 'product_id' not in product: |
| | product['product_id'] = uuid4().hex |
| | products_changed = True |
| | if 'sizes' not in product: |
| | product['sizes'] = [] |
| | products_changed = True |
| | if 'variant_prices' not in product: |
| | product['variant_prices'] = {} |
| | products_changed = True |
| | if 'wholesale_price' not in product: |
| | product['wholesale_price'] = None |
| | products_changed = True |
| | if 'min_wholesale_quantity' not in product: |
| | product['min_wholesale_quantity'] = None |
| | products_changed = True |
| |
|
| | if products_changed or settings_changed: |
| | save_env_data(env_id, env_data) |
| |
|
| | return env_data |
| |
|
| |
|
| | def save_env_data(env_id, env_data): |
| | all_data = load_data() |
| | all_data[env_id] = env_data |
| | save_data(all_data) |
| |
|
| | def configure_gemini(): |
| | if not GOOGLE_API_KEY: |
| | return False |
| | try: |
| | genai.configure(api_key=GOOGLE_API_KEY) |
| | return True |
| | except Exception as e: |
| | return False |
| |
|
| | def generate_ai_description_from_image(image_data, language): |
| | if not configure_gemini(): |
| | raise ValueError("Google AI API не настроен.") |
| |
|
| | try: |
| | if not image_data: |
| | raise ValueError("Файл изображения не найден.") |
| | image_stream = io.BytesIO(image_data) |
| | image = Image.open(image_stream).convert('RGB') |
| | except Exception as e: |
| | raise ValueError(f"Не удалось обработать изображение. Убедитесь, что это действительный файл изображения.") |
| |
|
| | base_prompt = "Напиши большой и красивый, содержательный рекламный пост минимум на 1000 символов со смайликами и 25 тематических хэштегов с ключевыми словами разных вариантов, чтобы мои клиенты могли найти меня в поиске Instagram, Google и т.д. по ключевым словам. Пост пиши исключительно под товар, который на фото, без адресов и номеров телефона." |
| |
|
| | lang_suffix = "" |
| | if language == "Русский": |
| | lang_suffix = " Пиши на русском языке." |
| | elif language == "Кыргызский": |
| | lang_suffix = " Пиши на кыргызском языке." |
| | elif language == "Казахский": |
| | lang_suffix = " Пиши на казахском языке." |
| | elif language == "Узбекский": |
| | lang_suffix = " Пиши на узбекском языке." |
| |
|
| | final_prompt = f"{base_prompt}{lang_suffix}" |
| |
|
| | try: |
| | model = genai.GenerativeModel('gemma-3-27b-it') |
| |
|
| | response = model.generate_content([final_prompt, image]) |
| |
|
| | if hasattr(response, 'text'): |
| | return response.text |
| | else: |
| | if response.parts: |
| | return "".join(part.text for part in response.parts if hasattr(part, 'text')) |
| | else: |
| | response.resolve() |
| | return response.text |
| |
|
| | except Exception as e: |
| | if "API key not valid" in str(e): |
| | raise ValueError("Внутренняя ошибка конфигурации API.") |
| | elif " Billing account not found" in str(e): |
| | raise ValueError("Проблема с биллингом аккаунта Google Cloud. Проверьте ваш аккаунт.") |
| | elif "Could not find model" in str(e): |
| | raise ValueError(f"Модель 'learnlm-2.0-flash-experimental' не найдена или недоступна.") |
| | elif "resource has been exhausted" in str(e).lower(): |
| | raise ValueError("Квота запросов исчерпана. Попробуйте позже.") |
| | elif "content has been blocked" in str(e).lower(): |
| | reason = "неизвестна" |
| | if hasattr(e, 'response') and hasattr(e.response, 'prompt_feedback') and e.response.prompt_feedback.block_reason: |
| | reason = e.response.prompt_feedback.block_reason |
| | raise ValueError(f"Генерация контента заблокирована из-за политики безопасности (причина: {reason}). Попробуйте другое изображение или запрос.)") |
| | else: |
| | raise ValueError(f"Ошибка при генерации контента: {e}") |
| |
|
| | def generate_chat_response(message, chat_history_from_client, env_id): |
| | if not is_chat_active(env_id): |
| | return "Извините, чат в данный момент неактивен. Пожалуйста, свяжитесь с нами другим способом." |
| | |
| | if not configure_gemini(): |
| | return "Извините, сервис чата временно недоступен. Пожалуйста, попробуйте позже." |
| |
|
| | data = get_env_data(env_id) |
| | products = data.get('products', []) |
| | categories = data.get('categories', []) |
| | organization_info = data.get('organization_info', {}) |
| | settings = data.get('settings', {}) |
| | currency_code = settings.get('currency_code', 'KGS') |
| | chat_name = settings.get('chat_name', 'EVA') |
| | org_name = settings.get('organization_name', 'Gippo312') |
| | business_type = settings.get('business_type', 'combined') |
| |
|
| | product_info_list = [] |
| | for p in products: |
| | if p.get('in_stock', True): |
| | price_display = f"{p.get('price', 0):.2f}".replace('.00', '') |
| | |
| | wholesale_info = "" |
| | if business_type in ['wholesale', 'combined'] and p.get('wholesale_price') and p.get('min_wholesale_quantity'): |
| | wholesale_price_display = f"{p['wholesale_price']:.2f}".replace('.00', '') |
| | wholesale_info = (f", Оптовая цена: {wholesale_price_display} {currency_code} " |
| | f"(от {p['min_wholesale_quantity']} шт.)") |
| |
|
| | colors_str = f"Цвета: {', '.join(p.get('colors', []))}" if p.get('colors') else "" |
| | sizes_str = f"Размеры: {', '.join(p.get('sizes', []))}" if p.get('sizes') else "" |
| | |
| | options_str = "" |
| | if colors_str or sizes_str: |
| | options_str = f", Варианты: ({' '.join(filter(None, [colors_str, sizes_str]))})" |
| | |
| | variant_prices_str = "" |
| | if p.get('variant_prices'): |
| | variant_prices_list = [f"{k.replace('-', ' ')} - {v} {currency_code}" for k, v in p['variant_prices'].items()] |
| | if variant_prices_list: |
| | variant_prices_str = f", Особые цены: [{'; '.join(variant_prices_list)}]" |
| |
|
| | product_info_list.append( |
| | f"- [ID_ТОВАРА: {p.get('product_id', 'N/A')} Название: {p.get('name', 'Без названия')}], " |
| | f"Категория: {p.get('category', 'Без категории')}, " |
| | f"Розничная цена: {price_display} {currency_code}" |
| | f"{wholesale_info}" |
| | f"{options_str}{variant_prices_str}, " |
| | f"Описание: {p.get('description', '')[:100]}..." |
| | ) |
| | product_list_str = "\n".join(product_info_list) if product_info_list else "В данный момент нет товаров в наличии." |
| |
|
| | category_list_str = ", ".join(categories) if categories else "Категорий пока нет." |
| |
|
| | org_info_str = "" |
| | if organization_info: |
| | org_info_str += "\n\nИнформация о магазине:\n" |
| | if organization_info.get("about_us"): |
| | org_info_str += f"О нас: {organization_info['about_us']}\n" |
| | if organization_info.get("shipping"): |
| | org_info_str += f"Доставка: {organization_info['shipping']}\n" |
| | if organization_info.get("returns"): |
| | org_info_str += f"Возврат и обмен: {organization_info['returns']}\n" |
| | if organization_info.get("contact"): |
| | org_info_str += f"Контактная информация: {organization_info['contact']}\n" |
| | |
| | |
| | base_prompt = ( |
| | f"Ты — первоклассный виртуальный консультант-продажник по имени {chat_name} для магазина {org_name}. " |
| | "Говори на любом языке, на котором к тебе обращается клиент. Будь энергичным, убедительным и проактивным. " |
| | "Твоя речь должна быть живой, с использованием эмодзи, чтобы располагать к себе клиента. " |
| | "Никогда не выдумывай товары, категории или характеристики, которых нет в предоставленных списках. " |
| | "Когда ты предлагаешь товар, всегда указывай его название и ID, используя *точный формат*: [ID_ТОВАРА: <product_id> Название: <product_name>]. Это *критически важно* для клиента. " |
| | "Если пользователь спрашивает цену на конкретный вариант (цвет или размер), найди ее в 'Особые цены'. Если там нет, используй базовую цену. " |
| | "Создавай ощущение срочности: 'Эта модель сейчас очень популярна, осталось всего несколько штук!'. " |
| | "Работай с возражениями: если клиент говорит 'дорого', расскажи о качестве, гарантии и уникальных особенностях товара." |
| | ) |
| |
|
| | if business_type == 'retail': |
| | business_specific_prompt = ( |
| | "Твоя главная цель — продавать розничным клиентам. Помогай пользователям находить товары, мастерски отвечай на вопросы о них, предлагай лучшие варианты, создавай ценность и закрывай сделку. " |
| | "Активно предлагай сопутствующие товары или более дорогие аналоги (апсейл). Например: 'Отличный выбор! К этому телефону идеально подойдут наши новые беспроводные наушники. Хотите взглянуть?'. " |
| | ) |
| | elif business_type == 'wholesale': |
| | business_specific_prompt = ( |
| | "Твоя главная цель — продавать товары оптом для бизнес-клиентов. " |
| | "Всегда уточняй, какой объем интересует клиента. Если клиент спрашивает цену, всегда предлагай оптовую цену и условия (минимальное количество). " |
| | "Подчеркивай выгоду больших партий и возможность долгосрочного сотрудничества. Например: 'При покупке от 50 единиц цена будет значительно ниже. Какой объем вас интересует для вашего бизнеса?'. " |
| | "Твоя задача — находить крупных клиентов и заключать большие сделки." |
| | ) |
| | else: |
| | business_specific_prompt = ( |
| | "Твоя главная цель — продавать товары как в розницу, так и оптом. В начале диалога вежливо уточни у клиента, интересует ли его розничная или оптовая покупка, чтобы сделать наилучшее предложение. " |
| | "Для розничных клиентов: предлагай сопутствующие товары, рассказывай о преимуществах. " |
| | "Для оптовых клиентов: сообщай об оптовых ценах и минимальном количестве для заказа. Подчеркивай выгоду крупных партий. " |
| | "Четко разделяй предложения для разных типов клиентов. Например: 'Вас интересует покупка для себя или для бизнеса? У нас есть отличные условия для оптовиков!'. " |
| | ) |
| |
|
| |
|
| | system_instruction_content = ( |
| | f"{base_prompt}\n{business_specific_prompt}\n\n" |
| | f"Список доступных категорий: {category_list_str}.\n\n" |
| | f"Список доступных товаров в магазине (используй эту информацию для ответов):\n" |
| | f"{product_list_str}" |
| | f"{org_info_str}\n\n" |
| | "Если пользователь спрашивает про товары, которых нет, вежливо сообщи об этом и немедленно предложи лучшую альтернативу из имеющихся. " |
| | "Если вопрос касается общей информации о магазине (доставка, возврат), используй данные из блока 'Информация о магазине' и сразу после ответа возвращай разговор к покупкам: 'Кстати, я могу помочь вам подобрать что-нибудь еще?'. " |
| | "Твоя конечная цель — довольный клиент, который совершил покупку. Действуй!" |
| | ) |
| |
|
| |
|
| | generated_text = "" |
| | response = None |
| |
|
| | try: |
| | model = genai.GenerativeModel('gemma-3-27b-it') |
| |
|
| | model_chat_history_for_gemini = [ |
| | {'role': 'user', 'parts': [{'text': system_instruction_content}]} |
| | ] |
| | for entry in chat_history_from_client: |
| | gemini_role = 'model' if entry['role'] == 'ai' else 'user' |
| | model_chat_history_for_gemini.append({ |
| | 'role': gemini_role, |
| | 'parts': [{'text': entry['text']}] |
| | }) |
| |
|
| | chat = model.start_chat(history=model_chat_history_for_gemini) |
| |
|
| | response = chat.send_message(message, generation_config={'max_output_tokens': 1000}) |
| |
|
| | if hasattr(response, 'text'): |
| | generated_text = response.text |
| | elif response.parts: |
| | generated_text = "".join(part.text for part in response.parts if hasattr(part, 'text')) |
| | else: |
| | response.resolve() |
| | if hasattr(response, 'text'): |
| | generated_text = response.text |
| | else: |
| | raise ValueError("AI did not return a valid text response.") |
| |
|
| | return generated_text |
| |
|
| | except Exception as e: |
| | if "API key not valid" in str(e): |
| | return "Внутренняя ошибка конфигурации API." |
| | elif " Billing account not found" in str(e): |
| | return "Проблема с биллингом аккаунта Google Cloud." |
| | elif "Could not find model" in str(e): |
| | return "Модель AI не найдена или недоступна." |
| | elif "resource has been exhausted" in str(e).lower(): |
| | return "Квота запросов исчерпана. Попробуйте позже." |
| | elif "content has been blocked" in str(e).lower() or (response is not None and hasattr(response, 'prompt_feedback') and response.prompt_feedback.block_reason): |
| | reason = response.prompt_feedback.block_reason if (response and hasattr(response, 'prompt_feedback')) else "неизвестна" |
| | return f"Извините, Ваш запрос был заблокирован из-за политики безопасности (причина: {reason}). Пожалуйста, переформулируйте его." |
| | else: |
| | return f"Извините, произошла ошибка: {e}" |
| |
|
| | LANDING_PAGE_TEMPLATE = ''' |
| | <!DOCTYPE html> |
| | <html lang="ru"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title> MetaStore - AI система для Вашего Бизнеса</title> |
| | <style> |
| | body, html { |
| | margin: 0; |
| | padding: 0; |
| | height: 100%; |
| | overflow: hidden; |
| | } |
| | iframe { |
| | border: none; |
| | width: 100%; |
| | height: 100%; |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <iframe src="https://v0-ai-agent-landing-page-smoky-six.vercel.app/"></iframe> |
| | </body> |
| | </html> |
| | ''' |
| |
|
| | ADMHOSTO_TEMPLATE = ''' |
| | <!DOCTYPE html> |
| | <html lang="ru"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Главная Админ-панель</title> |
| | <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet"> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> |
| | <style> |
| | :root { |
| | --bg-light: #f4f6f9; |
| | --bg-medium: #135D66; |
| | --accent: #48D1CC; |
| | --accent-hover: #77E4D8; |
| | --text-dark: #333; |
| | --text-on-accent: #003C43; |
| | --danger: #E57373; |
| | --warning: #ffcc80; |
| | --warning-text: #856404; |
| | } |
| | body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); padding: 20px; } |
| | .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); } |
| | h1 { font-weight: 600; color: var(--bg-medium); margin-bottom: 25px; text-align: center; } |
| | .section { margin-bottom: 30px; } |
| | .add-env-form { margin-bottom: 20px; text-align: center; } |
| | #search-env { |
| | width: 100%; |
| | padding: 10px; |
| | border: 1px solid #ddd; |
| | border-radius: 6px; |
| | box-sizing: border-box; |
| | font-size: 1rem; |
| | font-family: 'Montserrat', sans-serif; |
| | } |
| | .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 600; cursor: pointer; transition: background-color 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; } |
| | .button:hover { background-color: var(--accent-hover); } |
| | .button:disabled { background-color: #ccc; cursor: not-allowed; } |
| | .env-list { list-style: none; padding: 0; } |
| | .env-item { background: #fdfdff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 15px; } |
| | .env-details { display: flex; flex-direction: column; } |
| | .env-id { font-weight: 600; color: var(--bg-medium); font-size: 1.2rem; } |
| | .env-status { font-size: 0.85rem; color: #666; } |
| | .env-status .expires-soon { color: var(--danger); font-weight: bold; } |
| | .env-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end;} |
| | .delete-button { background-color: var(--danger); color: white; } |
| | .activate-button { background-color: #66BB6A; color: white; } |
| | .message { padding: 10px 15px; border-radius: 6px; margin-bottom: 15px; text-align: center; } |
| | .message.success { background-color: #d4edda; color: #155724; } |
| | .message.error { background-color: #f8d7da; color: #721c24; } |
| | @media (max-width: 768px) { |
| | .env-item { |
| | grid-template-columns: 1fr; |
| | } |
| | .env-actions { |
| | justify-content: flex-start; |
| | } |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <div class="container"> |
| | <h1><i class="fas fa-server"></i> Управление Средами</h1> |
| | |
| | {% with messages = get_flashed_messages(with_categories=true) %} |
| | {% if messages %} |
| | {% for category, message in messages %} |
| | <div class="message {{ category }}">{{ message }}</div> |
| | {% endfor %} |
| | {% endif %} |
| | {% endwith %} |
| | |
| | <div class="section"> |
| | <form method="POST" action="{{ url_for('create_environment') }}" class="add-env-form"> |
| | <button type="submit" class="button"><i class="fas fa-plus-circle"></i> Создать новую среду</button> |
| | </form> |
| | </div> |
| | |
| | <div class="section"> |
| | <input type="text" id="search-env" placeholder="Поиск по ID среды..."> |
| | </div> |
| | |
| | <div class="section"> |
| | <h2><i class="fas fa-list-ul"></i> Существующие среды</h2> |
| | {% if environments %} |
| | <ul class="env-list"> |
| | {% for env in environments %} |
| | <li class="env-item"> |
| | <div class="env-details"> |
| | <span class="env-id">{{ env.id }}</span> |
| | <div class="env-status"> |
| | {% if env.chat_active %} |
| | Активирован до: <span class="{{ 'expires-soon' if env.expires_soon else '' }}">{{ env.expires_date }}</span> |
| | {% else %} |
| | Чат не активирован |
| | {% endif %} |
| | </div> |
| | </div> |
| | <div class="env-actions"> |
| | <a href="{{ url_for('admin', env_id=env.id) }}" class="button" target="_blank"><i class="fas fa-tools"></i> Админ</a> |
| | <a href="{{ url_for('catalog', env_id=env.id) }}" class="button" target="_blank"><i class="fas fa-store"></i> Каталог</a> |
| | <form method="POST" action="{{ url_for('activate_chat', env_id=env.id) }}" style="display:inline-flex; gap: 5px; align-items: center;"> |
| | <select name="period" style="padding: 10px; border-radius: 4px; border: 1px solid #ccc; height: 100%;"> |
| | <option value="month">1 месяц</option> |
| | <option value="half_year">6 месяцев</option> |
| | <option value="year">1 год</option> |
| | </select> |
| | <button type="submit" class="button activate-button"> |
| | <i class="fas fa-check-circle"></i> {{ 'Продлить' if env.chat_active else 'Активировать' }} |
| | </button> |
| | </form> |
| | <form method="POST" action="{{ url_for('delete_environment', env_id=env.id) }}" style="display:inline;" onsubmit="return confirm('Вы уверены, что хотите удалить среду {{ env.id }}? Это действие необратимо.');"> |
| | <button type="submit" class="button delete-button"><i class="fas fa-trash-alt"></i></button> |
| | </form> |
| | </div> |
| | </li> |
| | {% endfor %} |
| | </ul> |
| | {% else %} |
| | <p>Пока не создано ни одной среды.</p> |
| | {% endif %} |
| | </div> |
| | </div> |
| | <script> |
| | document.getElementById('search-env').addEventListener('input', function() { |
| | const searchTerm = this.value.toLowerCase().trim(); |
| | const envItems = document.querySelectorAll('.env-item'); |
| | envItems.forEach(item => { |
| | const envId = item.querySelector('.env-id').textContent.toLowerCase(); |
| | if (envId.includes(searchTerm)) { |
| | item.style.display = 'grid'; |
| | } else { |
| | item.style.display = 'none'; |
| | } |
| | }); |
| | }); |
| | </script> |
| | </body> |
| | </html> |
| | ''' |
| |
|
| | CATALOG_TEMPLATE = ''' |
| | <!DOCTYPE html> |
| | <html lang="ru"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
| | <title>{{ settings.organization_name }} - Каталог</title> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> |
| | <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css"> |
| | <style> |
| | {% if settings.color_scheme == 'forest' %} |
| | :root { --bg-dark: #2F4F4F; --bg-medium: #556B2F; --accent: #8FBC8F; --accent-hover: #98FB98; --text-light: #F5F5DC; --text-dark: #FFFFFF; --danger: #CD5C5C; --danger-hover: #F08080; } |
| | {% elif settings.color_scheme == 'ocean' %} |
| | :root { --bg-dark: #000080; --bg-medium: #1E90FF; --accent: #87CEEB; --accent-hover: #ADD8E6; --text-light: #F0F8FF; --text-dark: #000000; --danger: #FF6347; --danger-hover: #FF4500; } |
| | {% elif settings.color_scheme == 'sunset' %} |
| | :root { --bg-dark: #8B4513; --bg-medium: #D2691E; --accent: #FFA500; --accent-hover: #FFB733; --text-light: #FFF8DC; --text-dark: #000000; --danger: #DC143C; --danger-hover: #FF0000; } |
| | {% elif settings.color_scheme == 'lavender' %} |
| | :root { --bg-dark: #483D8B; --bg-medium: #8A2BE2; --accent: #D8BFD8; --accent-hover: #E6E6FA; --text-light: #F0F8FF; --text-dark: #000000; --danger: #DB7093; --danger-hover: #FFC0CB; } |
| | {% elif settings.color_scheme == 'vintage' %} |
| | :root { --bg-dark: #5D4037; --bg-medium: #8D6E63; --accent: #D7CCC8; --accent-hover: #EFEBE9; --text-light: #F5F5F5; --text-dark: #3E2723; --danger: #BF360C; --danger-hover: #F4511E; } |
| | {% elif settings.color_scheme == 'dark' %} |
| | :root { --bg-dark: #121212; --bg-medium: #1E1E1E; --accent: #BB86FC; --accent-hover: #A764FC; --text-light: #E1E1E1; --text-dark: #121212; --danger: #CF6679; --danger-hover: #D98899; } |
| | {% elif settings.color_scheme == 'cosmic' %} |
| | :root { --bg-dark: #1A237E; --bg-medium: #303F9F; --accent: #536DFE; --accent-hover: #7986CB; --text-light: #FFFFFF; --text-dark: #FFFFFF; --danger: #F50057; --danger-hover: #FF4081; } |
| | {% elif settings.color_scheme == 'minty' %} |
| | :root { --bg-dark: #004D40; --bg-medium: #00796B; --accent: #4DB6AC; --accent-hover: #80CBC4; --text-light: #E0F2F1; --text-dark: #FFFFFF; --danger: #ef5350; --danger-hover: #e57373; } |
| | {% elif settings.color_scheme == 'mocha' %} |
| | :root { --bg-dark: #3e2723; --bg-medium: #5d4037; --accent: #a1887f; --accent-hover: #bcaaa4; --text-light: #efebe9; --text-dark: #3e2723; --danger: #d32f2f; --danger-hover: #e57373; } |
| | {% elif settings.color_scheme == 'crimson' %} |
| | :root { --bg-dark: #6A1B9A; --bg-medium: #9C27B0; --accent: #CE93D8; --accent-hover: #E1BEE7; --text-light: #FFFFFF; --text-dark: #FFFFFF; --danger: #E91E63; --danger-hover: #F06292; } |
| | {% elif settings.color_scheme == 'solar' %} |
| | :root { --bg-dark: #E65100; --bg-medium: #FB8C00; --accent: #FFCA28; --accent-hover: #FFD54F; --text-light: #212121; --text-dark: #212121; --danger: #d32f2f; --danger-hover: #e57373; } |
| | {% elif settings.color_scheme == 'cyberpunk' %} |
| | :root { --bg-dark: #000000; --bg-medium: #0d0221; --accent: #00f0ff; --accent-hover: #81f5ff; --text-light: #ffffff; --text-dark: #000000; --danger: #f50057; --danger-hover: #ff4081; } |
| | {% else %} |
| | :root { --bg-dark: #003C43; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-light: #E3FEF7; --text-dark: #003C43; --danger: #E57373; --danger-hover: #EF5350; } |
| | {% endif %} |
| | |
| | * { margin: 0; padding: 0; box-sizing: border-box; } |
| | html { -webkit-tap-highlight-color: transparent; } |
| | body { |
| | font-family: 'Montserrat', sans-serif; |
| | background-color: var(--bg-dark); |
| | color: var(--text-light); |
| | line-height: 1.6; |
| | } |
| | .container { |
| | max-width: 1300px; |
| | margin: 0 auto; |
| | padding: 0 0 100px 0; |
| | } |
| | .top-bar { |
| | display: flex; |
| | align-items: center; |
| | padding: 15px 20px; |
| | gap: 15px; |
| | position: sticky; |
| | top: 0; |
| | background-color: var(--bg-dark); |
| | z-index: 999; |
| | border-bottom: 1px solid var(--bg-medium); |
| | } |
| | .logo { |
| | flex-shrink: 0; |
| | } |
| | .logo img { |
| | width: 45px; |
| | height: 45px; |
| | border-radius: 50%; |
| | border: 2px solid var(--accent); |
| | } |
| | .search-wrapper { |
| | flex-grow: 1; |
| | position: relative; |
| | } |
| | #search-input { |
| | width: 100%; |
| | padding: 12px 20px 12px 45px; |
| | font-size: 1rem; |
| | border: none; |
| | border-radius: 25px; |
| | outline: none; |
| | background-color: var(--bg-medium); |
| | color: var(--text-light); |
| | transition: all 0.3s ease; |
| | } |
| | #search-input::placeholder { color: rgba(227, 254, 247, 0.6); } |
| | .search-wrapper .fa-search { |
| | position: absolute; |
| | top: 50%; |
| | left: 18px; |
| | transform: translateY(-50%); |
| | color: rgba(227, 254, 247, 0.6); |
| | font-size: 1rem; |
| | } |
| | .category-section { |
| | margin-top: 20px; |
| | } |
| | .category-header { |
| | display: flex; |
| | justify-content: space-between; |
| | align-items: center; |
| | padding: 0 20px; |
| | margin-bottom: 15px; |
| | } |
| | .category-header h2 { |
| | font-size: 1.5rem; |
| | font-weight: 600; |
| | } |
| | .category-header .view-all-arrow { |
| | font-size: 1.8rem; |
| | color: var(--accent); |
| | text-decoration: none; |
| | font-weight: 300; |
| | } |
| | .product-carousel { |
| | display: flex; |
| | overflow-x: auto; |
| | gap: 16px; |
| | padding: 10px 20px; |
| | -webkit-overflow-scrolling: touch; |
| | scrollbar-width: none; |
| | } |
| | .product-carousel::-webkit-scrollbar { display: none; } |
| | .product-card { |
| | width: 170px; |
| | height: 170px; |
| | background: white; |
| | border-radius: 16px; |
| | flex-shrink: 0; |
| | overflow: hidden; |
| | cursor: pointer; |
| | transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; |
| | box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); |
| | position: relative; |
| | } |
| | .product-card:hover { |
| | transform: translateY(-5px); |
| | box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); |
| | } |
| | .product-card:active { transform: scale(0.96); } |
| | .product-image-container { |
| | width: 100%; |
| | height: 100%; |
| | } |
| | .product-image-container img { |
| | width: 100%; |
| | height: 100%; |
| | object-fit: cover; |
| | } |
| | .product-info-overlay { |
| | position: absolute; |
| | bottom: 0; |
| | left: 0; |
| | right: 0; |
| | background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%); |
| | padding: 20px 12px 10px; |
| | color: #fff; |
| | pointer-events: none; |
| | } |
| | .product-price { |
| | font-size: 1rem; |
| | font-weight: 600; |
| | } |
| | .top-product-indicator { |
| | position: absolute; |
| | top: 8px; |
| | right: 8px; |
| | background-color: var(--accent); |
| | color: var(--text-dark); |
| | padding: 2px 8px; |
| | font-size: 0.7rem; |
| | border-radius: 10px; |
| | font-weight: bold; |
| | z-index: 10; |
| | } |
| | .no-results-message { padding: 40px 20px; text-align: center; font-size: 1.1rem; color: #ccc; } |
| | .floating-buttons-container { |
| | position: fixed; |
| | bottom: 25px; |
| | right: 25px; |
| | display: flex; |
| | flex-direction: column; |
| | gap: 15px; |
| | z-index: 1000; |
| | } |
| | .floating-button { |
| | background-color: var(--accent); |
| | color: var(--text-dark); |
| | border: none; |
| | border-radius: 50%; |
| | width: 55px; |
| | height: 55px; |
| | font-size: 1.5rem; |
| | cursor: pointer; |
| | display: flex; |
| | align-items: center; |
| | justify-content: center; |
| | box-shadow: 0 4px 15px rgba(72, 209, 204, 0.4); |
| | transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); |
| | text-decoration: none; |
| | } |
| | .floating-button:hover { |
| | background-color: var(--accent-hover); |
| | transform: translateY(-3px); |
| | } |
| | #cart-button { position: relative; } |
| | #cart-count { |
| | position: absolute; |
| | top: -2px; |
| | right: -2px; |
| | background-color: var(--danger); |
| | color: white; |
| | border-radius: 50%; |
| | padding: 2px 6px; |
| | font-size: 0.7rem; |
| | font-weight: bold; |
| | border: 2px solid var(--accent); |
| | } |
| | .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); overflow-y: auto; } |
| | .modal-content { background: #ffffff; color: var(--text-dark); margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: slideIn 0.3s ease-out; position: relative; } |
| | .dark-theme .modal-content { background: #2a2a2a; color: var(--text-light); } |
| | @keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } |
| | .close { position: absolute; top: 15px; right: 15px; font-size: 1.8rem; color: #aaa; cursor: pointer; transition: color 0.3s; line-height: 1; } |
| | .close:hover { color: #666; } |
| | .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: var(--bg-medium); display: flex; align-items: center; gap: 10px;} |
| | .cart-item { display: grid; grid-template-columns: 60px 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e0e0e0; } |
| | .dark-theme .cart-item { border-bottom-color: #444; } |
| | .cart-item:last-child { border-bottom: none; } |
| | .cart-item img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; } |
| | .cart-item-details { grid-column: 2 / span 2; } |
| | .cart-item-details strong { display: block; margin-bottom: 5px; font-size: 1rem; } |
| | .dark-theme .cart-item-details strong { color: var(--text-light); } |
| | .cart-item-details .variant-info { font-size: 0.85rem; color: #666; } |
| | .dark-theme .cart-item-details .variant-info { color: #ccc; } |
| | .cart-item-price { font-size: 0.9rem; color: #666; } |
| | .dark-theme .cart-item-price { color: #ccc; } |
| | .cart-item-price .wholesale-label { color: var(--bg-medium); font-weight: bold; } |
| | .cart-item-quantity { display: flex; align-items: center; gap: 8px; grid-column: 1; grid-row: 2;} |
| | .quantity-btn { background-color: #eee; border: 1px solid #ddd; border-radius: 50%; width: 28px; height: 28px; cursor: pointer; font-size: 1.1rem; line-height: 1; display: flex; align-items: center; justify-content: center; } |
| | .dark-theme .quantity-btn { background-color: #444; border-color: #555; color: #fff; } |
| | .cart-item-total { font-weight: bold; text-align: right; grid-column: 3 / span 2; grid-row: 2; font-size: 1rem; color: var(--bg-medium);} |
| | .cart-item-remove { grid-column: 4; grid-row: 1; justify-self: end; background:none; border:none; color: var(--danger); cursor:pointer; font-size: 1.3em; padding: 5px; line-height: 1; } |
| | .cart-item-remove:hover { color: var(--danger-hover); } |
| | .quantity-input, .options-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 1rem; margin: 10px 0; box-sizing: border-box; } |
| | .dark-theme .quantity-input, .dark-theme .options-select { background-color: #333; color: #fff; border-color: #555; } |
| | .quantity-input:focus, .options-select:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 2px rgba(72, 209, 204, 0.2); } |
| | .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid #e0e0e0; padding-top: 15px; } |
| | .dark-theme .cart-summary { border-top-color: #444; } |
| | .cart-summary strong { font-size: 1.2rem; color: var(--bg-medium);} |
| | .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; } |
| | .product-button { display: block; width: auto; flex-grow: 1; padding: 10px; border: none; border-radius: 8px; color: var(--text-dark); font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-align: center; text-decoration: none; } |
| | .product-button i { margin-right: 5px; } |
| | .clear-cart { background-color: #6c757d; color: white;} |
| | .clear-cart:hover { background-color: #5a6268; } |
| | .formulate-order-button { background-color: var(--accent); color: var(--text-dark); } |
| | .formulate-order-button:hover { background-color: var(--accent-hover); } |
| | .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: var(--accent); color: var(--text-dark); padding: 10px 20px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 1002; opacity: 0; transition: opacity 0.5s ease; font-size: 0.9rem;} |
| | .notification.show { opacity: 1;} |
| | .chat-product-card { background-color: #f0f2f5; border-radius: 12px; padding: 10px; margin-top: 8px; display: flex; align-items: center; gap: 12px; border: 1px solid #e0e0e0; } |
| | .chat-product-card img { width: 50px; height: 50px; object-fit: cover; border-radius: 8px; flex-shrink: 0; } |
| | .chat-product-card-info { flex-grow: 1; } |
| | .chat-product-card-info strong { display: block; font-size: 0.9rem; color: var(--text-dark); margin-bottom: 2px; } |
| | .chat-product-card-info span { font-size: 0.85rem; color: var(--bg-medium); font-weight: 500; } |
| | .chat-product-card-actions { display: flex; flex-direction: column; gap: 5px; } |
| | .chat-product-link, .chat-add-to-cart { display: inline-block; background-color: #E0F2F1; color: var(--bg-medium); padding: 5px 10px; border-radius: 15px; cursor: pointer; font-size: 0.85rem; text-decoration: none; transition: background-color 0.2s; font-weight: 500; text-align: center; width: 100%; } |
| | .chat-product-link:hover, .chat-add-to-cart:hover { background-color: #B2DFDB; } |
| | .welcome-modal { display: none; position: fixed; z-index: 1002; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(4px); align-items: center; justify-content: center; } |
| | .welcome-modal-content { background: #fff; color: var(--text-dark); padding: 30px; border-radius: 12px; width: 90%; max-width: 500px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.2); position: relative; animation: fadeInScale 0.4s ease-out; } |
| | .dark-theme .welcome-modal-content { background: #2a2a2a; color: var(--text-light); } |
| | @keyframes fadeInScale { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } |
| | .welcome-modal-close { position: absolute; top: 10px; right: 15px; font-size: 1.8rem; color: #aaa; cursor: pointer; transition: color 0.2s; } |
| | .welcome-modal-close:hover { color: #333; } |
| | .dark-theme .welcome-modal-close:hover { color: #fff; } |
| | .welcome-modal-content p { font-size: 1.1rem; line-height: 1.6; margin: 0; } |
| | @media (max-width: 480px) { |
| | .cart-item { grid-template-columns: 60px 1fr auto; } |
| | .cart-item-details { grid-column: 2; } |
| | .cart-item-remove { grid-column: 3; } |
| | .cart-item-quantity { grid-column: 2; grid-row: 2; justify-self: start; } |
| | .cart-item-total { grid-column: 3; grid-row: 2; } |
| | } |
| | </style> |
| | </head> |
| | <body class="{{ 'dark-theme' if settings.color_scheme == 'dark' else '' }}"> |
| | <div class="container"> |
| | <div class="top-bar"> |
| | <a href="{{ url_for('catalog', env_id=env_id) }}" class="logo"> |
| | <img src="{{ chat_avatar_url }}" alt="Logo"> |
| | </a> |
| | <div class="search-wrapper"> |
| | <i class="fas fa-search"></i> |
| | <input type="text" id="search-input" placeholder="Искать товары"> |
| | </div> |
| | </div> |
| | |
| | <div id="catalog-content"> |
| | {% set has_products = False %} |
| | {% for category_name in ordered_categories %} |
| | {% if products_by_category[category_name] %} |
| | {% set has_products = True %} |
| | <div class="category-section" data-category-name="{{ category_name }}"> |
| | <div class="category-header"> |
| | <h2>{{ category_name }}</h2> |
| | <a class="view-all-arrow" href="#">></a> |
| | </div> |
| | <div class="product-carousel"> |
| | {% for product in products_by_category[category_name] %} |
| | <div class="product-card" |
| | data-product-id="{{ product.get('product_id', '') }}" |
| | data-name="{{ product.name|lower }}" |
| | data-description="{{ product.get('description', '')|lower }}" |
| | onclick="openModalById('{{ product.get('product_id', '') }}')"> |
| | {% if product.get('is_top', False) %} |
| | <span class="top-product-indicator"><i class="fas fa-star"></i></span> |
| | {% endif %} |
| | <div class="product-image-container"> |
| | {% if product.get('photos') and product['photos']|length > 0 %} |
| | <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" |
| | alt="{{ product.name }}" |
| | loading="lazy"> |
| | {% else %} |
| | <img src="https://via.placeholder.com/170x170.png?text={{ settings.organization_name }}" alt="No Image" loading="lazy"> |
| | {% endif %} |
| | </div> |
| | <div class="product-info-overlay"> |
| | <span class="product-price"> |
| | {% if settings.business_type == 'wholesale' and product.wholesale_price is not none %} |
| | {{ "%.0f"|format(product.wholesale_price) }} {{ currency_code }} |
| | {% else %} |
| | {{ "%.0f"|format(product.price) }} {{ currency_code }} |
| | {% endif %} |
| | </span> |
| | </div> |
| | </div> |
| | {% endfor %} |
| | </div> |
| | </div> |
| | {% endif %} |
| | {% endfor %} |
| | |
| | {% if not has_products %} |
| | <p class="no-results-message">Товары пока не добавлены.</p> |
| | {% endif %} |
| | <p id="no-results-message" class="no-results-message" style="display: none;">По вашему запросу ничего не найдено.</p> |
| | </div> |
| | </div> |
| | |
| | <div id="productModal" class="modal"> |
| | <div class="modal-content"> |
| | <span class="close" onclick="closeModal('productModal')" aria-label="Закрыть">×</span> |
| | <div id="modalContent">Загрузка...</div> |
| | </div> |
| | </div> |
| | |
| | <div id="quantityModal" class="modal"> |
| | <div class="modal-content"> |
| | <span class="close" onclick="closeModal('quantityModal')" aria-label="Закрыть">×</span> |
| | <h2>Укажите опции и количество</h2> |
| | <div id="quantityModalOptions"></div> |
| | <label for="quantityInput">Количество:</label> |
| | <input type="number" id="quantityInput" class="quantity-input" min="1" value="1" oninput="updatePriceOnQuantityChange()"> |
| | <p id="wholesale-info" style="font-size: 0.9em; color: var(--bg-medium); margin-bottom: 10px;"></p> |
| | <button class="product-button formulate-order-button" style="width:100%;" onclick="confirmAddToCart()"><i class="fas fa-check"></i> Добавить в корзину</button> |
| | </div> |
| | </div> |
| | |
| | <div id="cartModal" class="modal"> |
| | <div class="modal-content"> |
| | <span class="close" onclick="closeModal('cartModal')" aria-label="Закрыть">×</span> |
| | <h2><i class="fas fa-shopping-cart"></i> Ваша корзина</h2> |
| | <div id="cartContent"><p style="text-align: center; padding: 20px;">Ваша корзина пуста.</p></div> |
| | <div class="cart-summary"> |
| | <strong>Итого: <span id="cartTotal">0.00</span> {{ currency_code }}</strong> |
| | </div> |
| | <div class="cart-actions"> |
| | <button class="product-button clear-cart" onclick="clearCart()"> |
| | <i class="fas fa-trash"></i> Очистить корзину |
| | </button> |
| | <button class="product-button formulate-order-button" onclick="formulateOrder()"> |
| | <i class="fas fa-file-alt"></i> Сформировать заказ |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="floating-buttons-container"> |
| | {% if chat_is_active %} |
| | <a href="{{ url_for('chat_page', env_id=env_id) }}" id="chat-open-button" class="floating-button" aria-label="Открыть чат"> |
| | <i class="fas fa-comment-dots"></i> |
| | </a> |
| | {% endif %} |
| | <button id="cart-button" class="floating-button" onclick="openCartModal()" aria-label="Открыть корзину"> |
| | <i class="fas fa-shopping-cart"></i> |
| | <span id="cart-count">0</span> |
| | </button> |
| | </div> |
| | |
| | <div id="notification-placeholder"></div> |
| | |
| | {% if settings.get('welcome_message_enabled') %} |
| | <div id="welcomeModal" class="welcome-modal"> |
| | <div class="welcome-modal-content"> |
| | <span class="welcome-modal-close" onclick="closeWelcomeModal()">×</span> |
| | <p>{{ settings.get('welcome_message_text', '')|replace('\\n', '<br>')|safe }}</p> |
| | </div> |
| | </div> |
| | {% endif %} |
| | |
| | <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script> |
| | <script> |
| | const allProducts = {{ products_json|safe }}; |
| | const repoId = '{{ repo_id }}'; |
| | const currencyCode = '{{ currency_code }}'; |
| | const envId = '{{ env_id }}'; |
| | const businessType = '{{ settings.business_type }}'; |
| | let selectedProductId = null; |
| | let cart = JSON.parse(localStorage.getItem(`mekaCart_${envId}`) || '[]'); |
| | |
| | function getProductById(productId) { |
| | return allProducts.find(p => p.product_id === productId); |
| | } |
| | |
| | function getProductIndexById(productId) { |
| | return allProducts.findIndex(p => p.product_id === productId); |
| | } |
| | |
| | function openModalById(productId) { |
| | const productIndex = getProductIndexById(productId); |
| | if (productIndex === -1) { |
| | alert("Ошибка: товар не найден или отсутствует в наличии."); |
| | return; |
| | } |
| | loadProductDetails(productIndex); |
| | const modal = document.getElementById('productModal'); |
| | if (modal) { |
| | modal.style.display = "block"; |
| | document.body.style.overflow = 'hidden'; |
| | } |
| | } |
| | |
| | function closeModal(modalId) { |
| | const modal = document.getElementById(modalId); |
| | if (modal) { |
| | modal.style.display = "none"; |
| | } |
| | const anyModalOpen = document.querySelector('.modal[style*="display: block"]'); |
| | if (!anyModalOpen) { |
| | document.body.style.overflow = 'auto'; |
| | } |
| | } |
| | |
| | function loadProductDetails(index) { |
| | const modalContent = document.getElementById('modalContent'); |
| | if (!modalContent) return; |
| | modalContent.innerHTML = '<p style="text-align:center; padding: 40px;">Загрузка...</p>'; |
| | fetch(`/${envId}/product/${index}`) |
| | .then(response => { |
| | if (!response.ok) throw new Error(`Ошибка ${response.status}: ${response.statusText}`); |
| | return response.text(); |
| | }) |
| | .then(data => { |
| | modalContent.innerHTML = data; |
| | initializeSwiper(); |
| | attachOptionListeners(); |
| | }) |
| | .catch(error => { |
| | console.error('Ошибка загрузки деталей продукта:', error); |
| | modalContent.innerHTML = `<p style="color: var(--danger); text-align:center; padding: 40px;">Не удалось загрузить информацию о товаре. ${error.message}</p>`; |
| | }); |
| | } |
| | |
| | function attachOptionListeners() { |
| | const product = getProductById(selectedProductId); |
| | if (!product) return; |
| | const priceEl = document.getElementById('variantPrice'); |
| | const colorSelect = document.getElementById('colorSelect'); |
| | const sizeSelect = document.getElementById('sizeSelect'); |
| | |
| | const updatePrice = () => { |
| | if (!priceEl || businessType === 'wholesale') return; |
| | let color = colorSelect ? colorSelect.value : null; |
| | let size = sizeSelect ? sizeSelect.value : null; |
| | let key = [color, size].filter(Boolean).join('-'); |
| | |
| | let currentPrice = product.price; |
| | if (key && product.variant_prices && product.variant_prices[key]) { |
| | currentPrice = product.variant_prices[key]; |
| | } |
| | priceEl.textContent = `${parseFloat(currentPrice).toFixed(0)} ${currencyCode}`; |
| | }; |
| | |
| | if (colorSelect) colorSelect.addEventListener('change', updatePrice); |
| | if (sizeSelect) sizeSelect.addEventListener('change', updatePrice); |
| | } |
| | |
| | function initializeSwiper() { |
| | const swiperContainer = document.querySelector('#productModal .swiper-container'); |
| | if (swiperContainer) { |
| | new Swiper(swiperContainer, { |
| | slidesPerView: 1, |
| | spaceBetween: 20, |
| | loop: true, |
| | grabCursor: true, |
| | pagination: { el: '.swiper-pagination', clickable: true }, |
| | navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, |
| | zoom: { maxRatio: 3, containerClass: 'swiper-zoom-container' }, |
| | autoplay: { delay: 5000, disableOnInteraction: true, }, |
| | }); |
| | } |
| | } |
| | |
| | function updatePriceOnQuantityChange() { |
| | const product = getProductById(selectedProductId); |
| | const quantity = parseInt(document.getElementById('quantityInput').value || 1); |
| | const wholesaleInfoEl = document.getElementById('wholesale-info'); |
| | if (!product || !wholesaleInfoEl) return; |
| | |
| | wholesaleInfoEl.textContent = ''; |
| | if (businessType === 'wholesale') { |
| | if (product.wholesale_price && product.min_wholesale_quantity) { |
| | wholesaleInfoEl.textContent = `Минимальный заказ: ${product.min_wholesale_quantity} шт.`; |
| | } |
| | } else if (businessType === 'combined') { |
| | if (product.wholesale_price && product.min_wholesale_quantity) { |
| | if (quantity >= product.min_wholesale_quantity) { |
| | wholesaleInfoEl.textContent = `Активирована оптовая цена: ${product.wholesale_price.toFixed(2)} ${currencyCode}`; |
| | } else { |
| | const needed = product.min_wholesale_quantity - quantity; |
| | wholesaleInfoEl.textContent = `Добавьте еще ${needed} шт. для оптовой цены (${product.wholesale_price.toFixed(2)} ${currencyCode})`; |
| | } |
| | } |
| | } |
| | } |
| | |
| | function openQuantityModalById(productId) { |
| | selectedProductId = productId; |
| | const product = getProductById(productId); |
| | if (!product) { |
| | alert("Ошибка: товар не найден."); |
| | return; |
| | } |
| | const optionsContainer = document.getElementById('quantityModalOptions'); |
| | optionsContainer.innerHTML = ''; |
| | |
| | if (product.colors && product.colors.length > 0) { |
| | let colorHtml = '<label for="qColorSelect">Цвет/Вариант:</label><select id="qColorSelect" class="options-select">'; |
| | product.colors.forEach(c => colorHtml += `<option value="${c}">${c}</option>`); |
| | colorHtml += '</select>'; |
| | optionsContainer.innerHTML += colorHtml; |
| | } |
| | if (product.sizes && product.sizes.length > 0) { |
| | let sizeHtml = '<label for="qSizeSelect">Размер/Объем:</label><select id="qSizeSelect" class="options-select">'; |
| | product.sizes.forEach(s => sizeHtml += `<option value="${s}">${s}</option>`); |
| | sizeHtml += '</select>'; |
| | optionsContainer.innerHTML += sizeHtml; |
| | } |
| | |
| | let minQty = 1; |
| | if(businessType === 'wholesale' && product.min_wholesale_quantity) { |
| | minQty = product.min_wholesale_quantity; |
| | } |
| | document.getElementById('quantityInput').value = minQty; |
| | document.getElementById('quantityInput').min = minQty; |
| | updatePriceOnQuantityChange(); |
| | const modal = document.getElementById('quantityModal'); |
| | if(modal) { |
| | modal.style.display = "block"; |
| | document.body.style.overflow = 'hidden'; |
| | } |
| | } |
| | |
| | function confirmAddToCart() { |
| | if (selectedProductId === null) return; |
| | const quantityInput = document.getElementById('quantityInput'); |
| | const quantity = parseInt(quantityInput.value); |
| | |
| | const colorSelect = document.getElementById('qColorSelect'); |
| | const sizeSelect = document.getElementById('qSizeSelect'); |
| | |
| | const color = colorSelect ? colorSelect.value : 'N/A'; |
| | const size = sizeSelect ? sizeSelect.value : 'N/A'; |
| | |
| | if (isNaN(quantity) || quantity <= 0) { |
| | alert("Пожалуйста, укажите корректное количество (больше 0)."); |
| | quantityInput.focus(); |
| | return; |
| | } |
| | const product = getProductById(selectedProductId); |
| | if (!product) { |
| | alert("Ошибка добавления: товар не найден."); |
| | return; |
| | } |
| | |
| | if (businessType === 'wholesale') { |
| | if (!product.min_wholesale_quantity || quantity < product.min_wholesale_quantity) { |
| | const minQty = product.min_wholesale_quantity || 1; |
| | const needed = minQty - quantity; |
| | if (needed > 0) { |
| | showNotification(`Минимальный заказ ${minQty} шт. Добавьте еще ${needed} шт.`, 5000); |
| | } else { |
| | showNotification(`Минимальный заказ для этого товара - ${minQty} шт.`, 5000); |
| | } |
| | return; |
| | } |
| | } |
| | |
| | let price; |
| | if (businessType === 'wholesale') { |
| | price = product.wholesale_price; |
| | } else { |
| | price = product.price; |
| | let variantKey = [color, size].filter(v => v !== 'N/A').join('-'); |
| | if (variantKey && product.variant_prices && product.variant_prices[variantKey]) { |
| | price = product.variant_prices[variantKey]; |
| | } |
| | if (businessType === 'combined' && product.wholesale_price && product.min_wholesale_quantity && quantity >= product.min_wholesale_quantity) { |
| | price = product.wholesale_price; |
| | } |
| | } |
| | |
| | const cartItemId = `${product.product_id}-${color}-${size}`; |
| | const existingItemIndex = cart.findIndex(item => item.id === cartItemId); |
| | if (existingItemIndex > -1) { |
| | cart[existingItemIndex].quantity += quantity; |
| | const newQuantity = cart[existingItemIndex].quantity; |
| | if (businessType === 'combined' && product.wholesale_price && product.min_wholesale_quantity) { |
| | cart[existingItemIndex].price = newQuantity >= product.min_wholesale_quantity ? product.wholesale_price : product.price; |
| | } |
| | } else { |
| | cart.push({ |
| | id: cartItemId, |
| | product_id: product.product_id, |
| | name: product.name, |
| | price: price, |
| | photo: product.photos && product.photos.length > 0 ? product.photos[0] : null, |
| | quantity: quantity, |
| | color: color, |
| | size: size |
| | }); |
| | } |
| | localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart)); |
| | closeModal('quantityModal'); |
| | updateCartButton(); |
| | showNotification(`${product.name} добавлен в корзину!`); |
| | } |
| | |
| | function updateCartButton() { |
| | const cartCountElement = document.getElementById('cart-count'); |
| | const cartButton = document.getElementById('cart-button'); |
| | if (!cartCountElement || !cartButton) return; |
| | let totalItems = 0; |
| | cart.forEach(item => { totalItems += item.quantity; }); |
| | if (totalItems > 0) { |
| | cartCountElement.textContent = totalItems; |
| | cartCountElement.style.display = 'flex'; |
| | cartButton.style.display = 'flex'; |
| | } else { |
| | cartCountElement.style.display = 'none'; |
| | } |
| | } |
| | |
| | function openCartModal() { |
| | const cartContent = document.getElementById('cartContent'); |
| | const cartTotalElement = document.getElementById('cartTotal'); |
| | if (!cartContent || !cartTotalElement) return; |
| | let total = 0; |
| | if (cart.length === 0) { |
| | cartContent.innerHTML = '<p style="text-align: center; padding: 20px;">Ваша корзина пуста.</p>'; |
| | cartTotalElement.textContent = '0.00'; |
| | } else { |
| | cartContent.innerHTML = cart.map(item => { |
| | const product = getProductById(item.product_id); |
| | let isWholesale = false; |
| | if (businessType === 'wholesale') { |
| | isWholesale = true; |
| | } else if (product && product.wholesale_price && product.min_wholesale_quantity && item.quantity >= product.min_wholesale_quantity) { |
| | isWholesale = true; |
| | item.price = product.wholesale_price; |
| | } else if (product) { |
| | item.price = product.price; |
| | } |
| | |
| | const itemTotal = item.price * item.quantity; |
| | total += itemTotal; |
| | const photoUrl = item.photo |
| | ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}` |
| | : 'https://via.placeholder.com/60x60.png?text=N/A'; |
| | |
| | let variantInfo = []; |
| | if (item.color && item.color !== 'N/A') variantInfo.push(`Цвет: ${item.color}`); |
| | if (item.size && item.size !== 'N/A') variantInfo.push(`Размер: ${item.size}`); |
| | |
| | return ` |
| | <div class="cart-item"> |
| | <img src="${photoUrl}" alt="${item.name}"> |
| | <div class="cart-item-details"> |
| | <strong>${item.name}</strong> |
| | <p class="variant-info">${variantInfo.join(', ')}</p> |
| | <p class="cart-item-price">${isWholesale ? '<span class="wholesale-label">Опт: </span>' : ''}${item.price.toFixed(2)} ${currencyCode}</p> |
| | </div> |
| | <div class="cart-item-quantity"> |
| | <button class="quantity-btn" onclick="decrementCartItem('${item.id}')">-</button> |
| | <span>${item.quantity}</span> |
| | <button class="quantity-btn" onclick="incrementCartItem('${item.id}')">+</button> |
| | </div> |
| | <span class="cart-item-total">${itemTotal.toFixed(2)}</span> |
| | <button class="cart-item-remove" onclick="removeFromCart('${item.id}')" title="Удалить товар"><i class="fas fa-trash-alt"></i></button> |
| | </div> |
| | `; |
| | }).join(''); |
| | cartTotalElement.textContent = total.toFixed(2); |
| | } |
| | const modal = document.getElementById('cartModal'); |
| | if (modal) { |
| | modal.style.display = "block"; |
| | document.body.style.overflow = 'hidden'; |
| | } |
| | } |
| | |
| | function incrementCartItem(itemId) { |
| | const itemIndex = cart.findIndex(item => item.id === itemId); |
| | if (itemIndex > -1) { |
| | cart[itemIndex].quantity++; |
| | localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart)); |
| | openCartModal(); |
| | updateCartButton(); |
| | } |
| | } |
| | |
| | function decrementCartItem(itemId) { |
| | const itemIndex = cart.findIndex(item => item.id === itemId); |
| | if (itemIndex > -1) { |
| | const product = getProductById(cart[itemIndex].product_id); |
| | let minQty = 1; |
| | if(businessType === 'wholesale' && product && product.min_wholesale_quantity) { |
| | minQty = product.min_wholesale_quantity; |
| | } |
| | |
| | if (cart[itemIndex].quantity - 1 < minQty) { |
| | if (confirm("Количество меньше минимального. Удалить товар из корзины?")) { |
| | cart.splice(itemIndex, 1); |
| | } else { |
| | return; |
| | } |
| | } else { |
| | cart[itemIndex].quantity--; |
| | } |
| | |
| | if (cart[itemIndex] && cart[itemIndex].quantity <= 0) { |
| | cart.splice(itemIndex, 1); |
| | } |
| | localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart)); |
| | openCartModal(); |
| | updateCartButton(); |
| | } |
| | } |
| | |
| | function removeFromCart(itemId) { |
| | cart = cart.filter(item => item.id !== itemId); |
| | localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart)); |
| | openCartModal(); |
| | updateCartButton(); |
| | } |
| | |
| | function clearCart() { |
| | if (confirm("Вы уверены, что хотите очистить корзину?")) { |
| | cart = []; |
| | localStorage.removeItem(`mekaCart_${envId}`); |
| | openCartModal(); |
| | updateCartButton(); |
| | } |
| | } |
| | |
| | function formulateOrder() { |
| | if (cart.length === 0) { |
| | alert("Корзина пуста! Добавьте товары перед формированием заказа."); |
| | return; |
| | } |
| | const orderData = { cart: cart }; |
| | const formulateButton = document.querySelector('.formulate-order-button'); |
| | if (formulateButton) formulateButton.disabled = true; |
| | showNotification("Формируем заказ...", 5000); |
| | fetch(`/${envId}/create_order`, { |
| | method: 'POST', |
| | headers: { 'Content-Type': 'application/json' }, |
| | body: JSON.stringify(orderData) |
| | }) |
| | .then(response => { |
| | if (!response.ok) { |
| | return response.json().then(err => { throw new Error(err.error || 'Не удалось создать заказ'); }); |
| | } |
| | return response.json(); |
| | }) |
| | .then(data => { |
| | if (data.order_id) { |
| | localStorage.removeItem(`mekaCart_${envId}`); |
| | cart = []; |
| | updateCartButton(); |
| | closeModal('cartModal'); |
| | window.location.href = `/${envId}/order/${data.order_id}`; |
| | } else { |
| | throw new Error('Не получен ID заказа от сервера.'); |
| | } |
| | }) |
| | .catch(error => { |
| | console.error('Ошибка при формировании заказа:', error); |
| | alert(`Ошибка: ${error.message}`); |
| | if (formulateButton) formulateButton.disabled = false; |
| | }); |
| | } |
| | |
| | function filterProducts() { |
| | const searchTerm = document.getElementById('search-input').value.toLowerCase().trim(); |
| | const allCategorySections = document.querySelectorAll('.category-section'); |
| | const noResultsEl = document.getElementById('no-results-message'); |
| | let totalResults = 0; |
| | |
| | allCategorySections.forEach(section => { |
| | const productCards = section.querySelectorAll('.product-card'); |
| | let categoryHasVisibleProducts = false; |
| | productCards.forEach(card => { |
| | const name = card.dataset.name || ''; |
| | const description = card.dataset.description || ''; |
| | if (searchTerm === '' || name.includes(searchTerm) || description.includes(searchTerm)) { |
| | card.style.display = 'inline-block'; |
| | categoryHasVisibleProducts = true; |
| | } else { |
| | card.style.display = 'none'; |
| | } |
| | }); |
| | if (categoryHasVisibleProducts) { |
| | section.style.display = 'block'; |
| | totalResults++; |
| | } else { |
| | section.style.display = 'none'; |
| | } |
| | }); |
| | |
| | if (totalResults === 0 && searchTerm !== '') { |
| | if (noResultsEl) noResultsEl.style.display = 'block'; |
| | } else { |
| | if (noResultsEl) noResultsEl.style.display = 'none'; |
| | } |
| | } |
| | |
| | function showNotification(message, duration = 3000) { |
| | const placeholder = document.getElementById('notification-placeholder'); |
| | if (!placeholder) return; |
| | const notification = document.createElement('div'); |
| | notification.className = 'notification'; |
| | notification.textContent = message; |
| | placeholder.appendChild(notification); |
| | void notification.offsetWidth; |
| | notification.classList.add('show'); |
| | setTimeout(() => { |
| | notification.classList.remove('show'); |
| | notification.addEventListener('transitionend', () => notification.remove()); |
| | }, duration); |
| | } |
| | |
| | function closeWelcomeModal() { |
| | const modal = document.getElementById('welcomeModal'); |
| | if(modal) modal.style.display = 'none'; |
| | } |
| | |
| | document.addEventListener('DOMContentLoaded', () => { |
| | updateCartButton(); |
| | document.getElementById('search-input').addEventListener('input', filterProducts); |
| | window.addEventListener('click', function(event) { |
| | if (event.target.classList.contains('modal')) { closeModal(event.target.id); } |
| | }); |
| | window.addEventListener('keydown', function(event) { |
| | if (event.key === 'Escape') { |
| | document.querySelectorAll('.modal[style*="display: block"]').forEach(modal => { |
| | closeModal(modal.id); |
| | }); |
| | } |
| | }); |
| | {% if settings.get('welcome_message_enabled') %} |
| | const welcomeModal = document.getElementById('welcomeModal'); |
| | if (welcomeModal && !sessionStorage.getItem(`welcomeMessageShown_{{ env_id }}`)) { |
| | welcomeModal.style.display = 'flex'; |
| | sessionStorage.setItem(`welcomeMessageShown_{{ env_id }}`, 'true'); |
| | } |
| | {% endif %} |
| | }); |
| | </script> |
| | </body> |
| | </html> |
| | ''' |
| |
|
| | CHAT_TEMPLATE = ''' |
| | <!DOCTYPE html> |
| | <html lang="ru"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
| | <title>{{ settings.organization_name }} - Чат с {{ settings.chat_name }}</title> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> |
| | <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css"> |
| | <style> |
| | {% if settings.color_scheme == 'forest' %} |
| | :root { --bg-dark: #2F4F4F; --bg-medium: #556B2F; --accent: #8FBC8F; --accent-hover: #98FB98; --text-light: #F5F5DC; --text-dark: #FFFFFF; --danger: #CD5C5C; --danger-hover: #F08080; --chat-bg: #F5F5DC; } |
| | {% elif settings.color_scheme == 'ocean' %} |
| | :root { --bg-dark: #000080; --bg-medium: #1E90FF; --accent: #87CEEB; --accent-hover: #ADD8E6; --text-light: #F0F8FF; --text-dark: #000000; --danger: #FF6347; --danger-hover: #FF4500; --chat-bg: #F0F8FF; } |
| | {% elif settings.color_scheme == 'sunset' %} |
| | :root { --bg-dark: #8B4513; --bg-medium: #D2691E; --accent: #FFA500; --accent-hover: #FFB733; --text-light: #FFF8DC; --text-dark: #000000; --danger: #DC143C; --danger-hover: #FF0000; --chat-bg: #FFF8DC; } |
| | {% elif settings.color_scheme == 'lavender' %} |
| | :root { --bg-dark: #483D8B; --bg-medium: #8A2BE2; --accent: #D8BFD8; --accent-hover: #E6E6FA; --text-light: #F0F8FF; --text-dark: #000000; --danger: #DB7093; --danger-hover: #FFC0CB; --chat-bg: #F8F8FF; } |
| | {% elif settings.color_scheme == 'vintage' %} |
| | :root { --bg-dark: #5D4037; --bg-medium: #8D6E63; --accent: #D7CCC8; --accent-hover: #EFEBE9; --text-light: #F5F5F5; --text-dark: #3E2723; --danger: #BF360C; --danger-hover: #F4511E; --chat-bg: #EFEBE9; } |
| | {% elif settings.color_scheme == 'dark' %} |
| | :root { --bg-dark: #1F1F1F; --bg-medium: #333333; --accent: #BB86FC; --accent-hover: #A764FC; --text-light: #E1E1E1; --text-dark: #FFFFFF; --danger: #CF6679; --danger-hover: #D98899; --chat-bg: #121212; } |
| | {% elif settings.color_scheme == 'cosmic' %} |
| | :root { --bg-dark: #1A237E; --bg-medium: #303F9F; --accent: #536DFE; --accent-hover: #7986CB; --text-light: #FFFFFF; --text-dark: #FFFFFF; --danger: #F50057; --danger-hover: #FF4081; --chat-bg: #E8EAF6; } |
| | {% elif settings.color_scheme == 'minty' %} |
| | :root { --bg-dark: #004D40; --bg-medium: #00796B; --accent: #4DB6AC; --accent-hover: #80CBC4; --text-light: #E0F2F1; --text-dark: #FFFFFF; --danger: #ef5350; --danger-hover: #e57373; --chat-bg: #f1f8e9; } |
| | {% elif settings.color_scheme == 'mocha' %} |
| | :root { --bg-dark: #3e2723; --bg-medium: #5d4037; --accent: #a1887f; --accent-hover: #bcaaa4; --text-light: #efebe9; --text-dark: #3e2723; --danger: #d32f2f; --danger-hover: #e57373; --chat-bg: #d7ccc8; } |
| | {% elif settings.color_scheme == 'crimson' %} |
| | :root { --bg-dark: #6A1B9A; --bg-medium: #9C27B0; --accent: #CE93D8; --accent-hover: #E1BEE7; --text-light: #FFFFFF; --text-dark: #FFFFFF; --danger: #E91E63; --danger-hover: #F06292; --chat-bg: #F3E5F5; } |
| | {% elif settings.color_scheme == 'solar' %} |
| | :root { --bg-dark: #E65100; --bg-medium: #FB8C00; --accent: #FFCA28; --accent-hover: #FFD54F; --text-light: #212121; --text-dark: #212121; --danger: #d32f2f; --danger-hover: #e57373; --chat-bg: #fff8e1; } |
| | {% elif settings.color_scheme == 'cyberpunk' %} |
| | :root { --bg-dark: #000000; --bg-medium: #0d0221; --accent: #00f0ff; --accent-hover: #81f5ff; --text-light: #ffffff; --text-dark: #000000; --danger: #f50057; --danger-hover: #ff4081; --chat-bg: #0a0116; } |
| | {% else %} |
| | :root { --bg-dark: #003C43; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-light: #E3FEF7; --text-dark: #003C43; --danger: #E57373; --danger-hover: #EF5350; --chat-bg: #f0f2f5; } |
| | {% endif %} |
| | |
| | * { margin: 0; padding: 0; box-sizing: border-box; } |
| | html { -webkit-tap-highlight-color: transparent; height: 100%; } |
| | body { |
| | font-family: 'Montserrat', sans-serif; |
| | background-color: var(--chat-bg); |
| | color: var(--text-dark); |
| | display: flex; |
| | flex-direction: column; |
| | height: 100%; |
| | overflow: hidden; |
| | } |
| | .chat-container { |
| | display: flex; |
| | flex-direction: column; |
| | height: 100%; |
| | width: 100%; |
| | max-width: 800px; |
| | margin: 0 auto; |
| | background: #fff; |
| | box-shadow: 0 0 20px rgba(0,0,0,0.05); |
| | } |
| | body.dark-theme .chat-container { background: var(--chat-bg); color: var(--text-light); } |
| | .chat-header { |
| | display: flex; |
| | align-items: center; |
| | padding: 10px 15px; |
| | background: var(--bg-dark); |
| | color: var(--text-light); |
| | flex-shrink: 0; |
| | } |
| | .chat-header a { color: var(--text-light); font-size: 1.2rem; text-decoration: none; } |
| | .chat-header .logo { width: 40px; height: 40px; border-radius: 50%; margin: 0 15px; border: 2px solid var(--accent); } |
| | .chat-header h1 { font-size: 1.2rem; font-weight: 600; } |
| | #chat-messages { |
| | flex-grow: 1; |
| | overflow-y: auto; |
| | padding: 20px 15px; |
| | display: flex; |
| | flex-direction: column; |
| | gap: 12px; |
| | } |
| | .chat-message { |
| | display: flex; |
| | flex-direction: column; |
| | max-width: 85%; |
| | animation: message-appear 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; |
| | } |
| | @keyframes message-appear { |
| | from { opacity: 0; transform: translateY(15px); } |
| | to { opacity: 1; transform: translateY(0); } |
| | } |
| | .message-bubble { |
| | padding: 10px 15px; |
| | border-radius: 18px; |
| | line-height: 1.5; |
| | word-wrap: break-word; |
| | } |
| | .chat-message.user { align-self: flex-end; } |
| | .chat-message.user .message-bubble { |
| | background-color: var(--bg-medium); |
| | color: var(--text-light); |
| | border-bottom-right-radius: 4px; |
| | } |
| | .chat-message.ai { align-self: flex-start; } |
| | .chat-message.ai .message-bubble { |
| | background-color: #e6e6e6; |
| | color: #333; |
| | border-bottom-left-radius: 4px; |
| | } |
| | body.dark-theme .chat-message.ai .message-bubble { background-color: #333; color: var(--text-light); } |
| | .chat-input-container { |
| | padding: 15px; |
| | background: #fff; |
| | border-top: 1px solid #ddd; |
| | display: flex; |
| | gap: 10px; |
| | align-items: center; |
| | flex-shrink: 0; |
| | } |
| | body.dark-theme .chat-input-container { background: var(--bg-dark); border-top: 1px solid #444;} |
| | #chat-input { |
| | flex-grow: 1; |
| | padding: 12px 18px; |
| | border: 1px solid #e0e0e0; |
| | border-radius: 24px; |
| | font-size: 1rem; |
| | outline: none; |
| | transition: border-color 0.3s, box-shadow 0.3s; |
| | } |
| | body.dark-theme #chat-input { background-color: #333; color: var(--text-light); border-color: #555; } |
| | #chat-input:focus { |
| | border-color: var(--bg-medium); |
| | box-shadow: 0 0 0 3px rgba(19, 93, 102, 0.15); |
| | } |
| | #chat-send-button { |
| | background-color: var(--bg-medium); |
| | color: var(--text-light); |
| | border: none; |
| | border-radius: 50%; |
| | width: 48px; |
| | height: 48px; |
| | display: flex; |
| | justify-content: center; |
| | align-items: center; |
| | cursor: pointer; |
| | transition: background-color 0.3s, transform 0.2s; |
| | flex-shrink: 0; |
| | font-size: 1.2rem; |
| | } |
| | #chat-send-button:hover { background-color: var(--bg-dark); } |
| | #chat-send-button:active { transform: scale(0.9); } |
| | #chat-send-button:disabled { background-color: #cccccc; cursor: not-allowed; } |
| | .floating-buttons-container { position: fixed; bottom: 25px; right: 25px; z-index: 1000; } |
| | .floating-button { background-color: var(--accent); color: var(--text-dark); border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(72, 209, 204, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } |
| | .floating-button:hover { background-color: var(--accent-hover); transform: translateY(-3px); } |
| | #cart-button { position: relative; } |
| | #cart-count { position: absolute; top: -2px; right: -2px; background-color: var(--danger); color: white; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; border: 2px solid var(--accent); } |
| | .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); overflow-y: auto; } |
| | .modal-content { background: #ffffff; color: var(--text-dark); margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: slideIn 0.3s ease-out; position: relative; } |
| | body.dark-theme .modal-content { background-color: #2a2a2a; color: var(--text-light); } |
| | @keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } |
| | .close { position: absolute; top: 15px; right: 15px; font-size: 1.8rem; color: #aaa; cursor: pointer; transition: color 0.3s; line-height: 1; } |
| | .close:hover { color: #666; } |
| | .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: var(--bg-medium); display: flex; align-items: center; gap: 10px;} |
| | .cart-item { display: grid; grid-template-columns: 60px 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e0e0e0; } |
| | body.dark-theme .cart-item { border-bottom-color: #444; } |
| | .cart-item:last-child { border-bottom: none; } |
| | .cart-item img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; } |
| | .cart-item-details strong { display: block; margin-bottom: 5px; font-size: 1rem; color: var(--text-dark);} |
| | body.dark-theme .cart-item-details strong { color: var(--text-light); } |
| | .cart-item-quantity { display: flex; align-items: center; gap: 8px; } |
| | .quantity-btn { background-color: #eee; border: 1px solid #ddd; border-radius: 50%; width: 28px; height: 28px; cursor: pointer; } |
| | body.dark-theme .quantity-btn { background-color: #444; border-color: #555; color: #fff; } |
| | .cart-item-total { font-weight: bold; text-align: right; font-size: 1rem; color: var(--bg-medium);} |
| | .cart-item-remove { background:none; border:none; color: var(--danger); cursor:pointer; font-size: 1.3em; } |
| | .quantity-input, .options-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 1rem; margin: 10px 0; } |
| | body.dark-theme .quantity-input, body.dark-theme .options-select { background-color: #333; color: #fff; border-color: #555; } |
| | .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid #e0e0e0; padding-top: 15px; } |
| | body.dark-theme .cart-summary { border-top-color: #444; } |
| | .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; } |
| | .product-button { display: block; width: auto; flex-grow: 1; padding: 10px; border: none; border-radius: 8px; cursor: pointer; text-align: center; text-decoration: none; } |
| | .clear-cart { background-color: #6c757d; color: white;} |
| | .formulate-order-button { background-color: var(--accent); color: var(--text-dark); } |
| | .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: var(--accent); color: var(--text-dark); padding: 10px 20px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 1002; opacity: 0; transition: opacity 0.5s ease; font-size: 0.9rem;} |
| | .notification.show { opacity: 1;} |
| | .chat-product-card { background-color: #f0f2f5; border-radius: 12px; padding: 10px; margin-top: 8px; display: flex; align-items: center; gap: 12px; border: 1px solid #e0e0e0; } |
| | body.dark-theme .chat-product-card { background-color: #333; border-color: #555; } |
| | .chat-product-card img { width: 50px; height: 50px; object-fit: cover; border-radius: 8px; flex-shrink: 0; } |
| | .chat-product-card-info { flex-grow: 1; } |
| | .chat-product-card-info strong { display: block; font-size: 0.9rem; margin-bottom: 2px; } |
| | body.dark-theme .chat-product-card-info strong { color: var(--text-light); } |
| | .chat-product-card-info span { font-size: 0.85rem; color: var(--bg-medium); font-weight: 500; } |
| | .chat-product-card-actions { display: flex; flex-direction: column; gap: 5px; } |
| | .chat-product-link, .chat-add-to-cart { display: inline-block; background-color: #E0F2F1; color: var(--bg-medium); padding: 5px 10px; border-radius: 15px; cursor: pointer; font-size: 0.85rem; text-decoration: none; transition: background-color 0.2s; font-weight: 500; text-align: center; width: 100%; } |
| | .chat-product-link:hover, .chat-add-to-cart:hover { background-color: #B2DFDB; } |
| | body.dark-theme .chat-product-link, body.dark-theme .chat-add-to-cart { background-color: #444; color: var(--accent); } |
| | .welcome-modal { display: none; position: fixed; z-index: 1002; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(4px); align-items: center; justify-content: center; } |
| | .welcome-modal-content { background: #fff; color: var(--text-dark); padding: 30px; border-radius: 12px; width: 90%; max-width: 500px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.2); position: relative; animation: fadeInScale 0.4s ease-out; } |
| | body.dark-theme .welcome-modal-content { background: #2a2a2a; color: var(--text-light); } |
| | @keyframes fadeInScale { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } |
| | .welcome-modal-close { position: absolute; top: 10px; right: 15px; font-size: 1.8rem; color: #aaa; cursor: pointer; transition: color 0.2s; } |
| | .welcome-modal-close:hover { color: #333; } |
| | body.dark-theme .welcome-modal-close:hover { color: #fff; } |
| | .welcome-modal-content p { font-size: 1.1rem; line-height: 1.6; margin: 0; } |
| | </style> |
| | </head> |
| | <body class="{{ 'dark-theme' if settings.color_scheme == 'dark' else '' }}"> |
| | <div class="chat-container"> |
| | <div class="chat-header"> |
| | <a href="{{ url_for('catalog', env_id=env_id) }}"><i class="fas fa-arrow-left"></i></a> |
| | <img src="{{ chat_avatar_url }}" alt="Logo" class="logo"> |
| | <h1>Чат с {{ settings.chat_name }}</h1> |
| | </div> |
| | <div id="chat-messages"></div> |
| | <div class="chat-input-container"> |
| | <input type="text" id="chat-input" placeholder="Напишите сообщение..." autocomplete="off"> |
| | <button id="chat-send-button"><i class="fas fa-paper-plane"></i></button> |
| | </div> |
| | </div> |
| | |
| | <div class="floating-buttons-container"> |
| | <button id="cart-button" class="floating-button" onclick="openCartModal()" aria-label="Открыть корзину"> |
| | <i class="fas fa-shopping-cart"></i> |
| | <span id="cart-count">0</span> |
| | </button> |
| | </div> |
| | |
| | <div id="productModal" class="modal"> |
| | <div class="modal-content"> |
| | <span class="close" onclick="closeModal('productModal')">×</span> |
| | <div id="modalContent"></div> |
| | </div> |
| | </div> |
| | <div id="quantityModal" class="modal"> |
| | <div class="modal-content"> |
| | <span class="close" onclick="closeModal('quantityModal')">×</span> |
| | <h2>Укажите опции и количество</h2> |
| | <div id="quantityModalOptions"></div> |
| | <label for="quantityInput">Количество:</label> |
| | <input type="number" id="quantityInput" class="quantity-input" min="1" value="1"> |
| | <button class="product-button formulate-order-button" onclick="confirmAddToCart()">Добавить в корзину</button> |
| | </div> |
| | </div> |
| | <div id="cartModal" class="modal"> |
| | <div class="modal-content"> |
| | <span class="close" onclick="closeModal('cartModal')">×</span> |
| | <h2><i class="fas fa-shopping-cart"></i> Ваша корзина</h2> |
| | <div id="cartContent"></div> |
| | <div class="cart-summary"> |
| | <strong>Итого: <span id="cartTotal">0.00</span> {{ currency_code }}</strong> |
| | </div> |
| | <div class="cart-actions"> |
| | <button class="product-button clear-cart" onclick="clearCart()">Очистить</button> |
| | <button class="product-button formulate-order-button" onclick="formulateOrder()">Сформировать</button> |
| | </div> |
| | </div> |
| | </div> |
| | <div id="notification-placeholder"></div> |
| | |
| | {% if settings.get('welcome_message_enabled') %} |
| | <div id="welcomeModal" class="welcome-modal"> |
| | <div class="welcome-modal-content"> |
| | <span class="welcome-modal-close" onclick="closeWelcomeModal()">×</span> |
| | <p>{{ settings.get('welcome_message_text', '')|replace('\\n', '<br>')|safe }}</p> |
| | </div> |
| | </div> |
| | {% endif %} |
| | |
| | <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script> |
| | <script> |
| | const allProducts = {{ products_json|safe }}; |
| | const repoId = '{{ repo_id }}'; |
| | const currencyCode = '{{ currency_code }}'; |
| | const envId = '{{ env_id }}'; |
| | const businessType = '{{ settings.business_type }}'; |
| | let selectedProductId = null; |
| | let cart = JSON.parse(localStorage.getItem(`mekaCart_${envId}`) || '[]'); |
| | let chatHistory = []; |
| | let chatId = sessionStorage.getItem(`gippoChatId_${envId}`); |
| | if (!chatId) { |
| | chatId = 'chat_' + new Date().getTime() + '_' + Math.random().toString(36).substr(2, 9); |
| | sessionStorage.setItem(`gippoChatId_${envId}`, chatId); |
| | } |
| | |
| | const chatMessagesDiv = document.getElementById('chat-messages'); |
| | const chatInput = document.getElementById('chat-input'); |
| | const chatSendButton = document.getElementById('chat-send-button'); |
| | |
| | function getProductById(productId) { return allProducts.find(p => p.product_id === productId); } |
| | function getProductIndexById(productId) { return allProducts.findIndex(p => p.product_id === productId); } |
| | function openModalById(productId) { |
| | const productIndex = getProductIndexById(productId); |
| | if (productIndex === -1) return; |
| | loadProductDetails(productIndex); |
| | document.getElementById('productModal').style.display = "block"; |
| | document.body.style.overflow = 'hidden'; |
| | } |
| | function closeModal(modalId) { |
| | document.getElementById(modalId).style.display = "none"; |
| | if (!document.querySelector('.modal[style*="display: block"]')) { |
| | document.body.style.overflow = 'auto'; |
| | } |
| | } |
| | function loadProductDetails(index) { |
| | const modalContent = document.getElementById('modalContent'); |
| | modalContent.innerHTML = '<p>Загрузка...</p>'; |
| | fetch(`/${envId}/product/${index}`) |
| | .then(response => response.text()) |
| | .then(data => { |
| | modalContent.innerHTML = data; |
| | initializeSwiper(); |
| | }).catch(error => modalContent.innerHTML = `<p>Не удалось загрузить информацию о товаре.</p>`); |
| | } |
| | function initializeSwiper() { |
| | if (document.querySelector('#productModal .swiper-container')) { |
| | new Swiper('#productModal .swiper-container', { loop: true, pagination: { el: '.swiper-pagination' }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } }); |
| | } |
| | } |
| | function openQuantityModalById(productId) { |
| | selectedProductId = productId; |
| | const product = getProductById(productId); |
| | if (!product) return; |
| | const optionsContainer = document.getElementById('quantityModalOptions'); |
| | optionsContainer.innerHTML = ''; |
| | |
| | if (product.colors && product.colors.length > 0) { |
| | let colorHtml = '<label for="qColorSelect">Цвет/Вариант:</label><select id="qColorSelect" class="options-select">'; |
| | product.colors.forEach(c => colorHtml += `<option value="${c}">${c}</option>`); |
| | colorHtml += '</select>'; |
| | optionsContainer.innerHTML += colorHtml; |
| | } |
| | if (product.sizes && product.sizes.length > 0) { |
| | let sizeHtml = '<label for="qSizeSelect">Размер/Объем:</label><select id="qSizeSelect" class="options-select">'; |
| | product.sizes.forEach(s => sizeHtml += `<option value="${s}">${s}</option>`); |
| | sizeHtml += '</select>'; |
| | optionsContainer.innerHTML += sizeHtml; |
| | } |
| | document.getElementById('quantityInput').value = 1; |
| | document.getElementById('quantityModal').style.display = "block"; |
| | } |
| | function confirmAddToCart() { |
| | const quantity = parseInt(document.getElementById('quantityInput').value); |
| | const colorSelect = document.getElementById('qColorSelect'); |
| | const sizeSelect = document.getElementById('qSizeSelect'); |
| | |
| | const color = colorSelect ? colorSelect.value : 'N/A'; |
| | const size = sizeSelect ? sizeSelect.value : 'N/A'; |
| | |
| | if (isNaN(quantity) || quantity <= 0) { |
| | alert("Укажите корректное количество."); |
| | return; |
| | } |
| | const product = getProductById(selectedProductId); |
| | |
| | if (businessType === 'wholesale') { |
| | if (!product.min_wholesale_quantity || quantity < product.min_wholesale_quantity) { |
| | const minQty = product.min_wholesale_quantity || 1; |
| | const needed = minQty - quantity; |
| | if (needed > 0) { |
| | showNotification(`Минимальный заказ ${minQty} шт. Добавьте еще ${needed} шт.`, 5000); |
| | } else { |
| | showNotification(`Минимальный заказ для этого товара - ${minQty} шт.`, 5000); |
| | } |
| | return; |
| | } |
| | } |
| | |
| | let price; |
| | if (businessType === 'wholesale') { |
| | price = product.wholesale_price; |
| | } else { |
| | price = product.price; |
| | let variantKey = [color, size].filter(v => v !== 'N/A').join('-'); |
| | if (variantKey && product.variant_prices && product.variant_prices[variantKey]) { |
| | price = product.variant_prices[variantKey]; |
| | } |
| | if (businessType === 'combined' && product.wholesale_price && product.min_wholesale_quantity && quantity >= product.min_wholesale_quantity) { |
| | price = product.wholesale_price; |
| | } |
| | } |
| | |
| | |
| | const cartItemId = `${product.product_id}-${color}-${size}`; |
| | const existingItem = cart.find(item => item.id === cartItemId); |
| | if (existingItem) { |
| | existingItem.quantity += quantity; |
| | } else { |
| | cart.push({ id: cartItemId, product_id: product.product_id, name: product.name, price: price, photo: product.photos ? product.photos[0] : null, quantity, color, size }); |
| | } |
| | localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart)); |
| | closeModal('quantityModal'); |
| | updateCartButton(); |
| | showNotification(`${product.name} добавлен в корзину!`); |
| | } |
| | function updateCartButton() { |
| | const cartCountEl = document.getElementById('cart-count'); |
| | const cartButton = document.getElementById('cart-button'); |
| | const totalItems = cart.reduce((sum, item) => sum + item.quantity, 0); |
| | if (totalItems > 0) { |
| | cartCountEl.textContent = totalItems; |
| | cartCountEl.style.display = 'flex'; |
| | cartButton.style.display = 'flex'; |
| | } else { |
| | cartCountEl.style.display = 'none'; |
| | cartButton.style.display = 'none'; |
| | } |
| | } |
| | function openCartModal() { |
| | const cartContent = document.getElementById('cartContent'); |
| | const cartTotalEl = document.getElementById('cartTotal'); |
| | let total = 0; |
| | if (cart.length === 0) { |
| | cartContent.innerHTML = '<p>Ваша корзина пуста.</p>'; |
| | cartTotalEl.textContent = '0.00'; |
| | } else { |
| | cartContent.innerHTML = cart.map(item => { |
| | const itemTotal = item.price * item.quantity; |
| | total += itemTotal; |
| | let variantInfo = []; |
| | if (item.color && item.color !== 'N/A') variantInfo.push(`Цвет: ${item.color}`); |
| | if (item.size && item.size !== 'N/A') variantInfo.push(`Размер: ${item.size}`); |
| | return `<div class="cart-item"> |
| | <img src="${item.photo ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}` : ''}" alt="${item.name}"> |
| | <div><strong>${item.name}</strong><p>${variantInfo.join(', ')}</p><p>${item.price.toFixed(2)} ${currencyCode}</p></div> |
| | <div class="cart-item-quantity"><button class="quantity-btn" onclick="decrementCartItem('${item.id}')">-</button><span>${item.quantity}</span><button class="quantity-btn" onclick="incrementCartItem('${item.id}')">+</button></div> |
| | <span class="cart-item-total">${itemTotal.toFixed(2)}</span> |
| | <button class="cart-item-remove" onclick="removeFromCart('${item.id}')"><i class="fas fa-trash-alt"></i></button> |
| | </div>`; |
| | }).join(''); |
| | cartTotalEl.textContent = total.toFixed(2); |
| | } |
| | document.getElementById('cartModal').style.display = 'block'; |
| | } |
| | function incrementCartItem(itemId) { |
| | const item = cart.find(i => i.id === itemId); |
| | if (item) item.quantity++; |
| | localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart)); |
| | openCartModal(); |
| | updateCartButton(); |
| | } |
| | function decrementCartItem(itemId) { |
| | const itemIndex = cart.findIndex(i => i.id === itemId); |
| | if (itemIndex > -1) { |
| | cart[itemIndex].quantity--; |
| | if (cart[itemIndex].quantity <= 0) cart.splice(itemIndex, 1); |
| | localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart)); |
| | openCartModal(); |
| | updateCartButton(); |
| | } |
| | } |
| | function removeFromCart(itemId) { |
| | cart = cart.filter(item => item.id !== itemId); |
| | localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart)); |
| | openCartModal(); |
| | updateCartButton(); |
| | } |
| | function clearCart() { |
| | if (confirm("Очистить корзину?")) { |
| | cart = []; |
| | localStorage.removeItem(`mekaCart_${envId}`); |
| | openCartModal(); |
| | updateCartButton(); |
| | } |
| | } |
| | function formulateOrder() { |
| | if (cart.length === 0) return; |
| | fetch(`/${envId}/create_order`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ cart }) }) |
| | .then(res => res.json()) |
| | .then(data => { |
| | if (data.order_id) { |
| | localStorage.removeItem(`mekaCart_${envId}`); |
| | cart = []; |
| | updateCartButton(); |
| | closeModal('cartModal'); |
| | window.location.href = `/${envId}/order/${data.order_id}`; |
| | } |
| | }); |
| | } |
| | function showNotification(message, duration = 3000) { |
| | const el = document.createElement('div'); |
| | el.className = 'notification'; |
| | el.textContent = message; |
| | document.getElementById('notification-placeholder').appendChild(el); |
| | setTimeout(() => { |
| | el.classList.add('show'); |
| | setTimeout(() => { |
| | el.classList.remove('show'); |
| | el.addEventListener('transitionend', () => el.remove()); |
| | }, duration); |
| | }, 10); |
| | } |
| | |
| | function addMessageToChatUI(text, role) { |
| | const messageElement = document.createElement('div'); |
| | messageElement.className = `chat-message ${role}`; |
| | |
| | const productRegex = /\[ID_ТОВАРА:\\s*([a-fA-F0-9]+)\\s*Название:\\s*([^\]]+)\]/g; |
| | let lastIndex = 0; |
| | const contentFragment = document.createDocumentFragment(); |
| | let match; |
| | |
| | const sanitizedText = text.replace(/</g, "<").replace(/>/g, ">"); |
| | |
| | while ((match = productRegex.exec(sanitizedText)) !== null) { |
| | if (match.index > lastIndex) { |
| | const textNode = document.createElement('div'); |
| | textNode.className = 'message-bubble'; |
| | textNode.innerHTML = sanitizedText.substring(lastIndex, match.index).replace(/\\n/g, '<br>'); |
| | messageElement.appendChild(textNode); |
| | } |
| | const productId = match[1]; |
| | const product = getProductById(productId); |
| | if (product) { |
| | const photoUrl = product.photos && product.photos.length > 0 ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${product.photos[0]}` : ''; |
| | const card = document.createElement('div'); |
| | card.className = 'chat-product-card'; |
| | card.innerHTML = `<img src="${photoUrl}" alt="${product.name}"> |
| | <div class="chat-product-card-info"> |
| | <strong>${product.name}</strong> |
| | <span>${product.price.toFixed(0)} ${currencyCode}</span> |
| | </div> |
| | <div class="chat-product-card-actions"> |
| | <a href="#" class="chat-product-link" data-id="${productId}">Обзор</a> |
| | <a href="#" class="chat-add-to-cart" data-id="${productId}"><i class="fas fa-cart-plus"></i></a> |
| | </div>`; |
| | messageElement.appendChild(card); |
| | } |
| | lastIndex = match.index + match[0].length; |
| | } |
| | |
| | if (lastIndex < sanitizedText.length) { |
| | const textNode = document.createElement('div'); |
| | textNode.className = 'message-bubble'; |
| | textNode.innerHTML = sanitizedText.substring(lastIndex).replace(/\\n/g, '<br>'); |
| | messageElement.appendChild(textNode); |
| | } |
| | |
| | chatMessagesDiv.appendChild(messageElement); |
| | chatMessagesDiv.scrollTop = chatMessagesDiv.scrollHeight; |
| | } |
| | |
| | async function sendMessage() { |
| | const message = chatInput.value.trim(); |
| | if (!message) return; |
| | addMessageToChatUI(message, 'user'); |
| | chatHistory.push({ role: 'user', text: message }); |
| | chatInput.value = ''; |
| | chatSendButton.disabled = true; |
| | |
| | try { |
| | const response = await fetch(`/${envId}/chat_with_ai`, { |
| | method: 'POST', |
| | headers: { 'Content-Type': 'application/json' }, |
| | body: JSON.stringify({ message: message, history: chatHistory.slice(0, -1), chat_id: chatId }) |
| | }); |
| | const result = await response.json(); |
| | if (!response.ok) throw new Error(result.error); |
| | addMessageToChatUI(result.text, 'ai'); |
| | chatHistory.push({ role: 'ai', text: result.text }); |
| | } catch (error) { |
| | addMessageToChatUI(`Ошибка: ${error.message}`, 'ai'); |
| | } finally { |
| | chatSendButton.disabled = false; |
| | chatInput.focus(); |
| | } |
| | } |
| | |
| | function closeWelcomeModal() { |
| | const modal = document.getElementById('welcomeModal'); |
| | if(modal) modal.style.display = 'none'; |
| | } |
| | |
| | chatSendButton.addEventListener('click', sendMessage); |
| | chatInput.addEventListener('keypress', e => { if (e.key === 'Enter') sendMessage(); }); |
| | |
| | chatMessagesDiv.addEventListener('click', e => { |
| | if(e.target.closest('.chat-product-link')) { |
| | e.preventDefault(); |
| | openModalById(e.target.closest('.chat-product-link').dataset.id); |
| | } |
| | if(e.target.closest('.chat-add-to-cart')) { |
| | e.preventDefault(); |
| | openQuantityModalById(e.target.closest('.chat-add-to-cart').dataset.id); |
| | } |
| | }); |
| | |
| | document.addEventListener('DOMContentLoaded', () => { |
| | updateCartButton(); |
| | window.addEventListener('click', e => { if (e.target.classList.contains('modal')) closeModal(e.target.id); }); |
| | window.addEventListener('keydown', e => { if (e.key === 'Escape') document.querySelectorAll('.modal').forEach(m => closeModal(m.id)); }); |
| | |
| | addMessageToChatUI('👋 Здравствуйте! Я ваш виртуальный помощник {{ settings.chat_name }}. Чем могу помочь?', 'ai'); |
| | chatHistory.push({ role: 'ai', text: 'Здравствуйте! Я ваш виртуальный помощник {{ settings.chat_name }}. Чем могу помочь?' }); |
| | |
| | {% if settings.get('welcome_message_enabled') %} |
| | const welcomeModal = document.getElementById('welcomeModal'); |
| | if (welcomeModal && !sessionStorage.getItem(`welcomeMessageShown_{{ env_id }}`)) { |
| | welcomeModal.style.display = 'flex'; |
| | sessionStorage.setItem(`welcomeMessageShown_{{ env_id }}`, 'true'); |
| | } |
| | {% endif %} |
| | }); |
| | </script> |
| | </body> |
| | </html> |
| | ''' |
| |
|
| | PRODUCT_DETAIL_TEMPLATE = ''' |
| | <div style="padding: 10px;" data-product-id="{{ product.get('product_id') }}"> |
| | <h2 style="font-size: 1.6rem; font-weight: 600; margin-bottom: 15px; text-align: center; color: #135D66;">{{ product['name'] }}</h2> |
| | <div class="swiper-container" style="max-width: 450px; margin: 0 auto 20px; border-radius: 10px; overflow: hidden; background-color: #fff; border: 1px solid #e0e0e0;"> |
| | <div class="swiper-wrapper"> |
| | {% if product.get('photos') and product['photos']|length > 0 %} |
| | {% for photo in product['photos'] %} |
| | <div class="swiper-slide" style="display: flex; justify-content: center; align-items: center; padding: 10px;"> |
| | <div class="swiper-zoom-container"> |
| | <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}" |
| | alt="{{ product['name'] }} - фото {{ loop.index }}" |
| | style="max-width: 100%; max-height: 400px; object-fit: contain; display: block; margin: auto; cursor: grab;"> |
| | </div> |
| | </div> |
| | {% endfor %} |
| | {% else %} |
| | <div class="swiper-slide" style="display: flex; justify-content: center; align-items: center;"> |
| | <img src="https://via.placeholder.com/400x400.png?text=No+Image" alt="Изображение отсутствует" style="max-width: 100%; max-height: 400px; object-fit: contain;"> |
| | </div> |
| | {% endif %} |
| | </div> |
| | {% if product.get('photos') and product['photos']|length > 1 %} |
| | <div class="swiper-pagination" style="position: relative; bottom: 5px;"></div> |
| | <div class="swiper-button-next" style="color: #135D66;"></div> |
| | <div class="swiper-button-prev" style="color: #135D66;"></div> |
| | {% endif %} |
| | </div> |
| | |
| | <div style="margin-top: 20px; padding: 0 10px;"> |
| | {% if product.get('colors') and product.colors|select('ne', '')|list|length > 0 %} |
| | <div style="margin-bottom: 15px;"> |
| | <label for="colorSelect" style="display: block; margin-bottom: 5px; font-weight: 500;">Цвет/Вариант:</label> |
| | <select id="colorSelect" class="options-select"> |
| | {% for color in product.colors|select('ne', '')|list %} |
| | <option value="{{ color }}">{{ color }}</option> |
| | {% endfor %} |
| | </select> |
| | </div> |
| | {% endif %} |
| | {% if product.get('sizes') and product.sizes|select('ne', '')|list|length > 0 %} |
| | <div style="margin-bottom: 15px;"> |
| | <label for="sizeSelect" style="display: block; margin-bottom: 5px; font-weight: 500;">Размер/Объем:</label> |
| | <select id="sizeSelect" class="options-select"> |
| | {% for size in product.sizes|select('ne', '')|list %} |
| | <option value="{{ size }}">{{ size }}</option> |
| | {% endfor %} |
| | </select> |
| | </div> |
| | {% endif %} |
| | </div> |
| | |
| | <div style="text-align:center; margin-top:20px; padding: 0 10px;"> |
| | {% if settings.business_type == 'wholesale' %} |
| | <p style="font-size: 1.5rem; font-weight: bold; color: #135D66; margin-bottom: 5px;"> |
| | <strong>Цена:</strong> <span id="variantPrice">{{ "%.0f"|format(product.wholesale_price) }} {{ currency_code }}</span> |
| | </p> |
| | <p style="font-size: 1rem; color: #555; margin-top: 0; margin-bottom: 15px;"> |
| | Минимальный заказ: {{ product.min_wholesale_quantity }} шт. |
| | </p> |
| | {% else %} |
| | <p style="font-size: 1.5rem; font-weight: bold; color: #135D66; margin-bottom: 15px;"> |
| | <strong>Цена:</strong> <span id="variantPrice">{{ "%.0f"|format(product.price) }} {{ currency_code }}</span> |
| | </p> |
| | {% if product.wholesale_price and product.min_wholesale_quantity and settings.business_type == 'combined' %} |
| | <p style="font-size: 1rem; color: #555; margin-top: -10px; margin-bottom: 15px;"> |
| | Опт: {{ "%.0f"|format(product.wholesale_price) }} {{ currency_code }} от {{ product.min_wholesale_quantity }} шт. |
| | </p> |
| | {% endif %} |
| | {% endif %} |
| | |
| | <button class="product-button formulate-order-button" style="padding: 12px 30px; width: 100%; max-width: 300px;" onclick="closeModal('productModal'); openQuantityModalById('{{ product.get('product_id', '') }}')"> |
| | <i class="fas fa-cart-plus"></i> В корзину |
| | </button> |
| | </div> |
| | |
| | <div style="margin-top: 20px; font-size: 1rem; line-height: 1.7; color: #333; padding: 0 10px;"> |
| | <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p> |
| | <p><strong>Описание:</strong><br> {{ product.get('description', 'Описание отсутствует.')|replace('\\n', '<br>')|safe }}</p> |
| | </div> |
| | </div> |
| | <script> |
| | selectedProductId = '{{ product.get("product_id") }}'; |
| | attachOptionListeners(); |
| | </script> |
| | ''' |
| |
|
| | ORDER_TEMPLATE = ''' |
| | <!DOCTYPE html> |
| | <html lang="ru"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Заказ №{{ order.id }} - {{ settings.organization_name }}</title> |
| | <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap" rel="stylesheet"> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> |
| | <style> |
| | :root { |
| | --bg-light: #f4f6f9; |
| | --bg-medium: #135D66; |
| | --accent: #48D1CC; |
| | --text-dark: #333; |
| | --text-light: #E3FEF7; |
| | } |
| | body { font-family: 'Montserrat', sans-serif; background: var(--bg-light); color: var(--text-dark); line-height: 1.6; padding: 20px; } |
| | .container { max-width: 800px; margin: 20px auto; padding: 30px; background: #fff; border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 1px solid #e0e0e0; } |
| | h1 { text-align: center; color: var(--bg-medium); margin-bottom: 25px; font-size: 1.8rem; font-weight: 600; } |
| | h2 { color: var(--bg-medium); margin-top: 30px; margin-bottom: 15px; font-size: 1.4rem; border-bottom: 1px solid #e0e0e0; padding-bottom: 8px;} |
| | .order-meta { font-size: 0.9rem; color: #999; margin-bottom: 20px; text-align: center; } |
| | .order-item { display: grid; grid-template-columns: 60px 1fr auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #f0f0f0; } |
| | .order-item:last-child { border-bottom: none; } |
| | .order-item img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; } |
| | .item-details { grid-column: 2; } |
| | .item-details strong { display: block; margin-bottom: 5px; font-size: 1.05rem; color: var(--text-dark);} |
| | .item-details span { font-size: 0.9rem; color: #666; display: block;} |
| | .item-quantity-total { grid-column: 3; text-align: right; } |
| | .item-quantity { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-bottom: 5px;} |
| | .quantity-btn { background-color: #eee; border: 1px solid #ddd; border-radius: 50%; width: 28px; height: 28px; cursor: pointer; font-size: 1.1rem; line-height: 1; display: flex; align-items: center; justify-content: center; } |
| | .quantity-btn:hover { background-color: #e0e0e0; } |
| | .item-total { font-weight: bold; font-size: 1rem; color: var(--bg-medium);} |
| | .order-summary { margin-top: 30px; padding-top: 20px; border-top: 2px solid var(--accent); text-align: right; } |
| | .order-summary p { margin-bottom: 10px; font-size: 1.1rem; } |
| | .order-summary strong { font-size: 1.3rem; color: var(--bg-medium); } |
| | .customer-info { margin-top: 30px; background-color: #f9f9f9; padding: 20px; border-radius: 8px; border: 1px solid #e0e0e0;} |
| | .customer-info p { margin-bottom: 8px; font-size: 0.95rem; } |
| | .customer-info strong { color: var(--bg-medium); } |
| | .actions { margin-top: 30px; text-align: center; } |
| | .button { padding: 12px 25px; border: none; border-radius: 8px; background-color: var(--accent); color: var(--text-dark); font-weight: 600; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; } |
| | .button:hover { background-color: #77E4D8; } |
| | .button:active { transform: scale(0.98); } |
| | .button i { font-size: 1.2rem; } |
| | .catalog-link { display: block; text-align: center; margin-top: 25px; color: var(--bg-medium); text-decoration: none; font-size: 0.9rem; } |
| | .catalog-link:hover { text-decoration: underline; } |
| | .not-found { text-align: center; color: #dc3545; font-size: 1.2rem; padding: 40px 0;} |
| | @media (max-width: 600px) { |
| | .order-item { grid-template-columns: 60px 1fr; } |
| | .item-quantity-total { grid-column: 1 / -1; grid-row: 2; text-align: left; margin-top: 10px; display: flex; justify-content: space-between; align-items: center; } |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <div class="container"> |
| | {% if order %} |
| | <h1><i class="fas fa-receipt"></i> Ваш Заказ №<span id="orderId">{{ order.id }}</span></h1> |
| | <p class="order-meta">Дата создания: {{ order.created_at }}</p> |
| | |
| | <h2><i class="fas fa-shopping-bag"></i> Товары в заказе</h2> |
| | <div id="orderItems"></div> |
| | |
| | <div class="order-summary"> |
| | <p><strong>ИТОГО К ОПЛАТЕ: <span id="orderTotal">{{ "%.2f"|format(order.total_price) }}</span> {{ currency_code }}</strong></p> |
| | </div> |
| | |
| | <div class="customer-info"> |
| | <h2><i class="fas fa-info-circle"></i> Статус заказа</h2> |
| | <p>Этот заказ был оформлен без входа в систему. Вы можете скорректировать его и отправить в WhatsApp.</p> |
| | <p>Пожалуйста, свяжитесь с нами по WhatsApp для подтверждения и уточнения деталей.</p> |
| | </div> |
| | |
| | <div class="actions"> |
| | <button class="button" onclick="sendOrderViaWhatsApp()"><i class="fab fa-whatsapp"></i> Отправить заказ</button> |
| | </div> |
| | |
| | <a href="{{ url_for('catalog', env_id=env_id) }}" class="catalog-link">← Вернуться в каталог</a> |
| | |
| | <script> |
| | let order = {{ order|tojson|safe }}; |
| | |
| | function renderOrderItems() { |
| | const container = document.getElementById('orderItems'); |
| | if (!container) return; |
| | |
| | if (order.cart.length === 0) { |
| | container.innerHTML = '<p style="text-align:center; padding: 20px;">Заказ пуст.</p>'; |
| | document.querySelector('.actions .button').disabled = true; |
| | } else { |
| | container.innerHTML = order.cart.map((item, index) => { |
| | let variantInfo = []; |
| | if (item.color && item.color !== 'N/A') variantInfo.push(`Цвет: ${item.color}`); |
| | if (item.size && item.size !== 'N/A') variantInfo.push(`Размер: ${item.size}`); |
| | |
| | return ` |
| | <div class="order-item"> |
| | <img src="${item.photo_url}" alt="${item.name}"> |
| | <div class="item-details"> |
| | <strong>${item.name}</strong> |
| | <span>${variantInfo.join(', ')}</span> |
| | <span>${item.price.toFixed(2)} {{ currency_code }}</span> |
| | </div> |
| | <div class="item-quantity-total"> |
| | <div class="item-quantity"> |
| | <button class="quantity-btn" onclick="decrementItem(${index})">-</button> |
| | <span>${item.quantity}</span> |
| | <button class="quantity-btn" onclick="incrementItem(${index})">+</button> |
| | </div> |
| | <div class="item-total"> |
| | ${(item.price * item.quantity).toFixed(2)} {{ currency_code }} |
| | </div> |
| | </div> |
| | </div> |
| | `}).join(''); |
| | document.querySelector('.actions .button').disabled = false; |
| | } |
| | updateOrderTotal(); |
| | } |
| | |
| | function updateOrderTotal() { |
| | const totalElement = document.getElementById('orderTotal'); |
| | if (!totalElement) return; |
| | const total = order.cart.reduce((sum, item) => sum + (item.price * item.quantity), 0); |
| | order.total_price = total; |
| | totalElement.textContent = total.toFixed(2); |
| | } |
| | |
| | function incrementItem(index) { |
| | if (order.cart[index]) { |
| | order.cart[index].quantity++; |
| | renderOrderItems(); |
| | } |
| | } |
| | |
| | function decrementItem(index) { |
| | if (order.cart[index]) { |
| | order.cart[index].quantity--; |
| | if (order.cart[index].quantity <= 0) { |
| | if (confirm(`Удалить "${order.cart[index].name}" из заказа?`)) { |
| | order.cart.splice(index, 1); |
| | } else { |
| | order.cart[index].quantity = 1; |
| | } |
| | } |
| | renderOrderItems(); |
| | } |
| | } |
| | |
| | function sendOrderViaWhatsApp() { |
| | if (order.cart.length === 0) { |
| | alert("Нельзя отправить пустой заказ."); |
| | return; |
| | } |
| | const orderId = document.getElementById('orderId').textContent; |
| | const whatsappNumber = "{{ whatsapp_number }}".replace(/[^0-9]/g, ''); |
| | const orderUrl = window.location.href; |
| | |
| | let message = `Здравствуйте! Хочу подтвердить или обсудить свой заказ №${orderId} в магазине {{ settings.organization_name }}.%0A%0A`; |
| | message += `Пожалуйста, посмотрите мой заказ по ссылке: ${encodeURIComponent(orderUrl)}`; |
| | |
| | const whatsappUrl = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=${message}`; |
| | window.open(whatsappUrl, '_blank'); |
| | } |
| | |
| | document.addEventListener('DOMContentLoaded', renderOrderItems); |
| | </script> |
| | {% else %} |
| | <h1 style="color: #dc3545;"><i class="fas fa-exclamation-triangle"></i> Ошибка</h1> |
| | <p class="not-found">Заказ с таким ID не найден.</p> |
| | <a href="{{ url_for('catalog', env_id=env_id) }}" class="catalog-link">← Вернуться в каталог</a> |
| | {% endif %} |
| | </div> |
| | </body> |
| | </html> |
| | ''' |
| |
|
| | ADMIN_TEMPLATE = ''' |
| | <!DOCTYPE html> |
| | <html lang="ru"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Админ-панель - {{ settings.organization_name }}</title> |
| | <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet"> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> |
| | <style> |
| | :root { |
| | --bg-light: #f4f6f9; |
| | --bg-medium: #135D66; |
| | --accent: #48D1CC; |
| | --accent-hover: #77E4D8; |
| | --text-dark: #333; |
| | --text-on-accent: #003C43; |
| | --danger: #E57373; |
| | --danger-hover: #EF5350; |
| | } |
| | body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); padding: 20px; line-height: 1.6; } |
| | .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); } |
| | .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;} |
| | .header .logo-title-container img { height: 50px; width: 50px; border-radius: 50%; object-fit: cover; border: 2px solid var(--bg-medium);} |
| | h1, h2, h3 { font-weight: 600; color: var(--bg-medium); margin-bottom: 15px; } |
| | h1 { font-size: 1.8rem; } |
| | h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; } |
| | h3 { font-size: 1.2rem; color: #004D40; margin-top: 20px; } |
| | .section { margin-bottom: 30px; padding: 20px; background-color: #fdfdff; border: 1px solid #e0e0e0; border-radius: 8px; } |
| | form { margin-bottom: 20px; } |
| | label { font-weight: 500; margin-top: 10px; display: block; color: #666; font-size: 0.9rem;} |
| | input[type="text"], input[type="number"], input[type="password"], input[type="tel"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #e0e0e0; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; background-color: #fff; } |
| | input:focus, textarea:focus, select:focus { border-color: var(--bg-medium); outline: none; box-shadow: 0 0 0 2px rgba(19, 93, 102, 0.1); } |
| | textarea { min-height: 80px; resize: vertical; } |
| | input[type="file"] { padding: 8px; background-color: #ffffff; cursor: pointer; border: 1px solid #e0e0e0;} |
| | input[type="file"]::file-selector-button { padding: 5px 10px; border-radius: 4px; background-color: #f0f0f0; border: 1px solid #e0e0e0; cursor: pointer; margin-right: 10px;} |
| | input[type="checkbox"] { margin-right: 5px; vertical-align: middle; } |
| | label.inline-label { display: inline-block; margin-top: 10px; font-weight: normal; } |
| | button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 600; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; margin-top: 15px; font-size: 0.95rem; display: inline-flex; align-items: center; gap: 5px; text-decoration: none; line-height: 1.2;} |
| | button:hover, .button:hover { background-color: var(--accent-hover); } |
| | button:active, .button:active { transform: scale(0.98); } |
| | button[type="submit"] { min-width: 120px; justify-content: center; } |
| | .delete-button { background-color: var(--danger); color: white; } |
| | .delete-button:hover { background-color: var(--danger-hover); } |
| | .add-button { background-color: var(--bg-medium); color: white; } |
| | .add-button:hover { background-color: #003C43; } |
| | .item-list { display: grid; gap: 20px; } |
| | .item { background: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.03); border: 1px solid #f0f0f0; } |
| | .item p { margin: 5px 0; font-size: 0.9rem; color: #666; } |
| | .item strong { color: var(--text-dark); } |
| | .item .description { font-size: 0.85rem; color: #999; max-height: 60px; overflow: hidden; text-overflow: ellipsis; } |
| | .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } |
| | .edit-form-container { margin-top: 15px; padding: 20px; background: #E0F2F1; border: 1px dashed #B2DFDB; border-radius: 6px; display: none; } |
| | details { background-color: #fdfdff; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 20px; } |
| | details > summary { cursor: pointer; font-weight: 600; color: var(--bg-medium); display: block; padding: 15px; list-style: none; position: relative; font-size: 1.2rem; } |
| | details > summary:hover { background-color: #fafafa; } |
| | details > summary::after { content: '\\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; color: var(--bg-medium); } |
| | details[open] > summary::after { transform: translateY(-50%) rotate(180deg); } |
| | details[open] > summary { border-bottom: 1px solid #e0e0e0; } |
| | details .form-content { padding: 20px; } |
| | .option-input-group { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } |
| | .option-input-group input { flex-grow: 1; margin: 0; } |
| | .remove-option-btn { background-color: var(--danger); color: white; padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; } |
| | .remove-option-btn:hover { background-color: var(--danger-hover); } |
| | .add-option-btn { background-color: #B2DFDB; color: var(--bg-medium); border: 1px solid #e0e0e0; } |
| | .add-option-btn:hover { background-color: var(--bg-medium); color: white; border-color: var(--bg-medium); } |
| | .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; border: 1px solid #e0e0e0; object-fit: cover;} |
| | .sync-buttons { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; } |
| | .download-hf-button { background-color: #6c757d; color: white; } |
| | .download-hf-button:hover { background-color: #5a6268; } |
| | .flex-container { display: flex; flex-wrap: wrap; gap: 20px; } |
| | .flex-item { flex: 1; min-width: 350px; } |
| | .message { padding: 10px 15px; border-radius: 6px; margin-bottom: 15px; font-size: 0.9rem;} |
| | .message.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;} |
| | .message.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;} |
| | .message.warning { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; } |
| | .status-indicator { display: inline-block; padding: 3px 8px; border-radius: 12px; font-size: 0.8rem; font-weight: 500; margin-left: 10px; vertical-align: middle; } |
| | .status-indicator.in-stock { background-color: #d4edda; color: #155724; } |
| | .status-indicator.out-of-stock { background-color: #f8d7da; color: #721c24; } |
| | .status-indicator.top-product { background-color: #FFF9C4; color: #F57F17; margin-left: 5px;} |
| | .status-indicator.expires-soon { background-color: var(--danger); color: white; } |
| | .ai-generate-button { background-color: #8D6EC8; color: white; margin-top: 5px; margin-bottom: 10px; } |
| | .ai-generate-button:hover { background-color: #7B4DB5; } |
| | .chat-log-item { padding: 10px; border: 1px solid #eee; border-radius: 5px; cursor: pointer; transition: background-color 0.2s; } |
| | .chat-log-item:hover { background-color: #f7f7f7; } |
| | .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); } |
| | .modal-content { background: #fff; margin: 10% auto; padding: 20px; border-radius: 8px; width: 90%; max-width: 600px; } |
| | .chat-message-viewer { max-height: 60vh; overflow-y: auto; } |
| | .chat-message.user { text-align: right; margin: 5px 0; } |
| | .chat-message.ai { text-align: left; margin: 5px 0; } |
| | .chat-message .bubble { display: inline-block; padding: 8px 12px; border-radius: 15px; max-width: 80%; } |
| | .chat-message.user .bubble { background-color: #dcf8c6; } |
| | .chat-message.ai .bubble { background-color: #f1f1f1; } |
| | .current-avatar { max-width: 60px; max-height: 60px; border-radius: 50%; vertical-align: middle; margin-left: 10px; border: 2px solid var(--bg-medium);} |
| | .variant-price-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; background-color: #f7f9fa; padding: 10px; border-radius: 5px; margin-top: 10px; border: 1px solid #e0e0e0; } |
| | .variant-price-item { display: flex; align-items: center; gap: 8px; font-size: 0.9em; } |
| | .variant-price-item label { margin-top: 0; white-space: nowrap; } |
| | .variant-price-item input { margin-top: 0; } |
| | </style> |
| | </head> |
| | <body> |
| | <div class="container"> |
| | <div class="header"> |
| | <div class="logo-title-container" style="display: flex; align-items: center; gap: 15px;"> |
| | <img src="{{ chat_avatar_url }}" alt="Logo"> |
| | <h1><i class="fas fa-tools"></i> Админ-панель {{ settings.organization_name }} (Среда: {{ env_id }})</h1> |
| | </div> |
| | <a href="{{ url_for('catalog', env_id=env_id) }}" class="button" style="background-color: var(--bg-medium); color: white;"><i class="fas fa-store"></i> Перейти в каталог</a> |
| | </div> |
| | |
| | {% with messages = get_flashed_messages(with_categories=true) %} |
| | {% if messages %} |
| | {% for category, message in messages %} |
| | <div class="message {{ category }}">{{ message }}</div> |
| | {% endfor %} |
| | {% endif %} |
| | {% endwith %} |
| | |
| | <div class="section"> |
| | <h2><i class="fas fa-robot"></i> Статус активации чата</h2> |
| | {% if chat_status.active %} |
| | <p>Чат <strong>активен</strong>. Срок действия истекает: <strong class="{{ 'status-indicator expires-soon' if chat_status.expires_soon else '' }}">{{ chat_status.expires_date }}</strong></p> |
| | {% else %} |
| | <p>Чат <strong>неактивен</strong>. {% if chat_status.expires_date %}Срок действия истек: {{ chat_status.expires_date }}{% endif %}</p> |
| | <p style="color: var(--danger);">Для активации чат-бота, пожалуйста, свяжитесь с администратором.</p> |
| | <a href="https://wa.me/77472479197" target="_blank" class="button add-button" style="margin-top: 10px;"><i class="fab fa-whatsapp"></i> Написать администратору</a> |
| | {% endif %} |
| | </div> |
| | |
| | <div class="section"> |
| | <h2><i class="fas fa-sync-alt"></i> Синхронизация с Датацентром</h2> |
| | <div class="sync-buttons"> |
| | <form method="POST" action="{{ url_for('force_upload', env_id=env_id) }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно загрузить локальные данные на сервер? Это перезапишет данные на сервере.');"> |
| | <button type="submit" class="button add-button" title="Загрузить локальные файлы на Hugging Face"><i class="fas fa-upload"></i> Загрузить БД</button> |
| | </form> |
| | <form method="POST" action="{{ url_for('force_download', env_id=env_id) }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно скачать данные с сервера? Это перезапишет ваши локальные файлы.');"> |
| | <button type="submit" class="button download-hf-button" title="Скачать файлы (перезапишет локальные)"><i class="fas fa-download"></i> Скачать БД</button> |
| | </form> |
| | </div> |
| | <p style="font-size: 0.85rem; color: #999;">Резервное копирование происходит автоматически каждые 30 минут, а также после каждого сохранения данных. Используйте эти кнопки для немедленной синхронизации.</p> |
| | </div> |
| | |
| | <div class="section"> |
| | <details> |
| | <summary><i class="fas fa-cog"></i> Настройки магазина и чата</summary> |
| | <div class="form-content"> |
| | <form method="POST" enctype="multipart/form-data"> |
| | <input type="hidden" name="action" value="update_settings"> |
| | |
| | <label for="organization_name">Название организации:</label> |
| | <input type="text" id="organization_name" name="organization_name" value="{{ settings.organization_name }}"> |
| | |
| | <label for="whatsapp_number">Номер WhatsApp для заказов:</label> |
| | <input type="tel" id="whatsapp_number" name="whatsapp_number" value="{{ settings.whatsapp_number }}" placeholder="+996XXXXXXXXX"> |
| | |
| | <label for="currency_code">Валюта магазина:</label> |
| | <select id="currency_code" name="currency_code"> |
| | {% for code, name in currencies.items() %} |
| | <option value="{{ code }}" {% if settings.currency_code == code %}selected{% endif %}>{{ name }} ({{ code }})</option> |
| | {% endfor %} |
| | </select> |
| | |
| | <label for="business_type">Тип бизнеса:</label> |
| | <select id="business_type" name="business_type"> |
| | <option value="retail" {% if settings.business_type == 'retail' %}selected{% endif %}>Розница</option> |
| | <option value="wholesale" {% if settings.business_type == 'wholesale' %}selected{% endif %}>Опт</option> |
| | <option value="combined" {% if settings.get('business_type', 'combined') == 'combined' %}selected{% endif %}>Опт и Розница</option> |
| | </select> |
| | |
| | <label for="chat_name">Имя чат-ассистента:</label> |
| | <input type="text" id="chat_name" name="chat_name" value="{{ settings.chat_name }}"> |
| | |
| | <label for="chat_avatar">Аватар чата (загрузите новый, чтобы изменить):</label> |
| | <input type="file" id="chat_avatar" name="chat_avatar" accept="image/png, image/jpeg, image/gif, image/webp"> |
| | {% if settings.chat_avatar %} |
| | <p style="font-size: 0.85rem; margin-top: 5px;">Текущий аватар: <img src="{{ chat_avatar_url }}" class="current-avatar"></p> |
| | {% endif %} |
| | |
| | <label for="color_scheme">Цветовая схема каталога и чата:</label> |
| | <select id="color_scheme" name="color_scheme"> |
| | {% for key, name in color_schemes.items() %} |
| | <option value="{{ key }}" {% if settings.color_scheme == key %}selected{% endif %}>{{ name }}</option> |
| | {% endfor %} |
| | </select> |
| | |
| | <div style="margin-top: 15px;"> |
| | <input type="checkbox" id="welcome_message_enabled" name="welcome_message_enabled" {% if settings.get('welcome_message_enabled') %}checked{% endif %}> |
| | <label for="welcome_message_enabled" class="inline-label">Включить приветственное сообщение</label> |
| | </div> |
| | <label for="welcome_message_text">Текст приветственного сообщения:</label> |
| | <textarea id="welcome_message_text" name="welcome_message_text" rows="3">{{ settings.get('welcome_message_text', '') }}</textarea> |
| | |
| | <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить настройки</button> |
| | </form> |
| | </div> |
| | </details> |
| | </div> |
| | |
| | |
| | <div class="section"> |
| | <details> |
| | <summary><i class="fas fa-comments"></i> Диалоги с {{ settings.chat_name }}</summary> |
| | <div class="form-content"> |
| | <div class="item-list"> |
| | {% if chats %} |
| | {% for chat_id, chat_data in chats.items()|sort(reverse=True) %} |
| | <div class="chat-log-item" onclick="viewChat('{{ chat_id }}')"> |
| | <strong>ID Диалога:</strong> {{ chat_id }} |
| | <br> |
| | <small>Сообщений: {{ chat_data|length }} | Последнее сообщение: {{ chat_data[-1].timestamp if chat_data and 'timestamp' in chat_data[-1] else 'N/A' }}</small> |
| | </div> |
| | {% endfor %} |
| | {% else %} |
| | <p>Пока не было ни одного диалога.</p> |
| | {% endif %} |
| | </div> |
| | </div> |
| | </details> |
| | </div> |
| | |
| | <div class="flex-container"> |
| | <div class="flex-item"> |
| | <div class="section"> |
| | <h2><i class="fas fa-tags"></i> Управление категориями</h2> |
| | <details> |
| | <summary><i class="fas fa-plus-circle"></i> Добавить новую категорию</summary> |
| | <div class="form-content"> |
| | <form method="POST"> |
| | <input type="hidden" name="action" value="add_category"> |
| | <label for="add_category_name">Название новой категории:</label> |
| | <input type="text" id="add_category_name" name="category_name" required> |
| | <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button> |
| | </form> |
| | </div> |
| | </details> |
| | |
| | <h3>Существующие категории:</h3> |
| | {% if categories %} |
| | <div class="item-list"> |
| | {% for category in categories %} |
| | <div class="item" style="display: flex; justify-content: space-between; align-items: center;"> |
| | <span>{{ category }}</span> |
| | <form method="POST" style="margin: 0;" onsubmit="return confirm('Вы уверены, что хотите удалить категорию \'{{ category }}\'? Товары этой категории будут помечены как \'Без категории\'.');"> |
| | <input type="hidden" name="action" value="delete_category"> |
| | <input type="hidden" name="category_name" value="{{ category }}"> |
| | <button type="submit" class="delete-button" style="padding: 5px 10px; font-size: 0.8rem; margin: 0;"><i class="fas fa-trash-alt"></i></button> |
| | </form> |
| | </div> |
| | {% endfor %} |
| | </div> |
| | {% else %} |
| | <p>Категорий пока нет.</p> |
| | {% endif %} |
| | </div> |
| | </div> |
| | |
| | <div class="flex-item"> |
| | <div class="section"> |
| | <h2><i class="fas fa-info-circle"></i> Информация о магазине</h2> |
| | <details> |
| | <summary><i class="fas fa-chevron-down"></i> Развернуть/Свернуть</summary> |
| | <div class="form-content"> |
| | <form method="POST"> |
| | <input type="hidden" name="action" value="update_org_info"> |
| | <label for="about_us">О нас (для ИИ-ассистента):</label> |
| | <textarea id="about_us" name="about_us" rows="4">{{ organization_info.get('about_us', '') }}</textarea> |
| | <label for="shipping">Информация о доставке (для ИИ-ассистента):</label> |
| | <textarea id="shipping" name="shipping" rows="4">{{ organization_info.get('shipping', '') }}</textarea> |
| | <label for="returns">Информация о возврате/обмене (для ИИ-ассистента):</label> |
| | <textarea id="returns" name="returns" rows="4">{{ organization_info.get('returns', '') }}</textarea> |
| | <label for="contact">Контактная информация (для ИИ-ассистента):</label> |
| | <textarea id="contact" name="contact" rows="4">{{ organization_info.get('contact', '') }}</textarea> |
| | <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить</button> |
| | </form> |
| | <p style="font-size: 0.85rem; color: #999;">Эта информация будет использоваться ИИ-ассистентом для ответов на вопросы о вашем магазине.</p> |
| | </div> |
| | </details> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="section"> |
| | <h2><i class="fas fa-box-open"></i> Управление товарами</h2> |
| | <details> |
| | <summary><i class="fas fa-plus-circle"></i> Добавить новый товар</summary> |
| | <div class="form-content"> |
| | <form id="add-product-form" method="POST" enctype="multipart/form-data"> |
| | <input type="hidden" name="action" value="add_product"> |
| | <label for="add_name">Название товара *:</label> |
| | <input type="text" id="add_name" name="name" required> |
| | |
| | {% if settings.get('business_type') != 'wholesale' %} |
| | <label for="add_price">Розничная Цена ({{ currency_code }}) *:</label> |
| | <input type="number" id="add_price" name="price" step="0.01" min="0" required> |
| | {% endif %} |
| | |
| | {% if settings.get('business_type') != 'retail' %} |
| | <label for="add_wholesale_price">Оптовая Цена ({{ currency_code }}) {% if settings.get('business_type') == 'wholesale' %}*{% endif %}:</label> |
| | <input type="number" id="add_wholesale_price" name="wholesale_price" step="0.01" min="0" {% if settings.get('business_type') == 'wholesale' %}required{% endif %}> |
| | <label for="add_min_wholesale_quantity">Мин. кол-во для опта (шт.) {% if settings.get('business_type') == 'wholesale' %}*{% endif %}:</label> |
| | <input type="number" id="add_min_wholesale_quantity" name="min_wholesale_quantity" min="1" {% if settings.get('business_type') == 'wholesale' %}required{% endif %}> |
| | {% endif %} |
| | |
| | <label for="add_photos">Фотографии (до 10 шт.):</label> |
| | <input type="file" id="add_photos" name="photos" accept="image/*" multiple> |
| | <label for="add_description">Описание:</label> |
| | <textarea id="add_description" name="description" rows="4"></textarea> |
| | <button type="button" class="button ai-generate-button" onclick="generateDescription('add_photos', 'add_description', 'add_gen_lang')"><i class="fas fa-magic"></i> Сгенерировать описание</button> |
| | <label for="add_gen_lang">Язык генерации:</label> |
| | <select id="add_gen_lang" name="gen_lang" style="width: auto; display: inline-block; margin-left: 10px;"> |
| | <option value="Русский">Русский</option> |
| | <option value="Кыргызский">Кыргызский</option> |
| | <option value="Казахский">Казахский</option> |
| | <option value="Узбекский">Узбекский</option> |
| | </select> |
| | <label for="add_category">Категория:</label> |
| | <select id="add_category" name="category"> |
| | <option value="Без категории">Без категории</option> |
| | {% for category in categories %} |
| | <option value="{{ category }}">{{ category }}</option> |
| | {% endfor %} |
| | </select> |
| | <label>Цвета/Варианты (оставьте пустым, если нет):</label> |
| | <div id="add-color-inputs" class="option-inputs" data-type="color"> |
| | <div class="option-input-group"> |
| | <input type="text" name="colors" placeholder="Например: Розовый"> |
| | <button type="button" class="remove-option-btn" onclick="removeOptionInput(this)"><i class="fas fa-times"></i></button> |
| | </div> |
| | </div> |
| | <button type="button" class="button add-option-btn" style="margin-top: 5px;" onclick="addOptionInput('add-color-inputs', 'colors')"><i class="fas fa-palette"></i> Добавить поле</button> |
| | |
| | <label style="margin-top: 15px;">Размеры/Объем (оставьте пустым, если нет):</label> |
| | <div id="add-size-inputs" class="option-inputs" data-type="size"> |
| | <div class="option-input-group"> |
| | <input type="text" name="sizes" placeholder="Например: 42 или 50ml"> |
| | <button type="button" class="remove-option-btn" onclick="removeOptionInput(this)"><i class="fas fa-times"></i></button> |
| | </div> |
| | </div> |
| | <button type="button" class="button add-option-btn" style="margin-top: 5px;" onclick="addOptionInput('add-size-inputs', 'sizes')"><i class="fas fa-ruler-combined"></i> Добавить поле</button> |
| | |
| | <h3 style="margin-top: 20px;">Особые цены для вариантов</h3> |
| | <p style="font-size:0.85em; color:#666;">Здесь можно указать цену для конкретного сочетания цвета и размера. Если цена не указана, будет использоваться базовая.</p> |
| | <div id="add-variant-prices-container" class="variant-price-grid"></div> |
| | |
| | <br> |
| | <div style="margin-top: 15px;"> |
| | <input type="checkbox" id="add_in_stock" name="in_stock" checked> |
| | <label for="add_in_stock" class="inline-label">В наличии</label> |
| | </div> |
| | <div style="margin-top: 5px;"> |
| | <input type="checkbox" id="add_is_top" name="is_top"> |
| | <label for="add_is_top" class="inline-label">Топ товар (показывать наверху)</label> |
| | </div> |
| | <br> |
| | <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Добавить товар</button> |
| | </form> |
| | </div> |
| | </details> |
| | |
| | <h3>Список товаров:</h3> |
| | {% if products %} |
| | <div class="item-list"> |
| | {% for product in products %} |
| | <div class="item"> |
| | <div style="display: flex; gap: 15px; align-items: flex-start;"> |
| | <div class="photo-preview" style="flex-shrink: 0;"> |
| | {% if product.get('photos') %} |
| | <a href="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" target="_blank" title="Посмотреть первое фото"> |
| | <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" alt="Фото"> |
| | </a> |
| | {% else %} |
| | <img src="https://via.placeholder.com/70x70.png?text=N/A" alt="Нет фото"> |
| | {% endif %} |
| | </div> |
| | <div style="flex-grow: 1;"> |
| | <h3 style="margin-top: 0; margin-bottom: 5px; color: var(--text-dark);"> |
| | {{ product['name'] }} |
| | {% if product.get('in_stock', True) %} |
| | <span class="status-indicator in-stock">В наличии</span> |
| | {% else %} |
| | <span class="status-indicator out-of-stock">Нет в наличии</span> |
| | {% endif %} |
| | {% if product.get('is_top', False) %} |
| | <span class="status-indicator top-product"><i class="fas fa-star"></i> Топ</span> |
| | {% endif %} |
| | </h3> |
| | <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p> |
| | {% if settings.get('business_type') != 'wholesale' %} |
| | <p><strong>Цена:</strong> {{ "%.2f"|format(product.price) }} {{ currency_code }}</p> |
| | {% endif %} |
| | {% if settings.get('business_type') != 'retail' and product.get('wholesale_price') and product.get('min_wholesale_quantity') %} |
| | <p><strong>Опт. цена:</strong> {{ "%.2f"|format(product.wholesale_price) }} {{ currency_code }} (от {{ product.min_wholesale_quantity }} шт.)</p> |
| | {% endif %} |
| | <p class="description" title="{{ product.get('description', '') }}"><strong>Описание:</strong> {{ product.get('description', 'N/A')[:150] }}{% if product.get('description', '')|length > 150 %}...{% endif %}</p> |
| | {% set colors = product.get('colors', []) %} |
| | {% set sizes = product.get('sizes', []) %} |
| | <p><strong>Цвета/Вар-ты:</strong> {{ colors|select('ne', '')|join(', ') if colors|select('ne', '')|list|length > 0 else 'Нет' }}</p> |
| | <p><strong>Размеры/Объем:</strong> {{ sizes|select('ne', '')|join(', ') if sizes|select('ne', '')|list|length > 0 else 'Нет' }}</p> |
| | |
| | {% if product.get('photos') and product['photos']|length > 1 %} |
| | <p style="font-size: 0.8rem; color: #999;">(Всего фото: {{ product['photos']|length }})</p> |
| | {% endif %} |
| | </div> |
| | </div> |
| | |
| | <div class="item-actions"> |
| | <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button> |
| | <form method="POST" style="margin:0;" onsubmit="return confirm('Вы уверены, что хотите удалить товар \'{{ product['name'] }}\'?');"> |
| | <input type="hidden" name="action" value="delete_product"> |
| | <input type="hidden" name="product_id" value="{{ product.get('product_id', '') }}"> |
| | <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button> |
| | </form> |
| | </div> |
| | |
| | <div id="edit-form-{{ loop.index0 }}" class="edit-form-container"> |
| | <h4><i class="fas fa-edit"></i> Редактирование: {{ product['name'] }}</h4> |
| | <form method="POST" enctype="multipart/form-data"> |
| | <input type="hidden" name="action" value="edit_product"> |
| | <input type="hidden" name="product_id" value="{{ product.get('product_id', '') }}"> |
| | <label>Название *:</label> |
| | <input type="text" name="name" value="{{ product['name'] }}" required> |
| | |
| | {% if settings.get('business_type') != 'wholesale' %} |
| | <label>Розничная Цена ({{ currency_code }}) *:</label> |
| | <input type="number" name="price" step="0.01" min="0" value="{{ product['price'] }}" required> |
| | {% endif %} |
| | |
| | {% if settings.get('business_type') != 'retail' %} |
| | <label>Оптовая Цена ({{ currency_code }}) {% if settings.get('business_type') == 'wholesale' %}*{% endif %}:</label> |
| | <input type="number" name="wholesale_price" step="0.01" min="0" value="{{ product.get('wholesale_price', '') }}" {% if settings.get('business_type') == 'wholesale' %}required{% endif %}> |
| | <label>Мин. кол-во для опта (шт.) {% if settings.get('business_type') == 'wholesale' %}*{% endif %}:</label> |
| | <input type="number" name="min_wholesale_quantity" min="1" value="{{ product.get('min_wholesale_quantity', '') }}" {% if settings.get('business_type') == 'wholesale' %}required{% endif %}> |
| | {% endif %} |
| | |
| | <label>Заменить фотографии (выберите новые файлы, до 10 шт.):</label> |
| | <input type="file" id="edit_photos_{{ loop.index0 }}" name="photos" accept="image/*" multiple> |
| | {% if product.get('photos') %} |
| | <p style="font-size: 0.85rem; margin-top: 5px;">Текущие фото:</p> |
| | <div class="photo-preview"> |
| | {% for photo in product['photos'] %} |
| | <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}" alt="Фото {{ loop.index }}"> |
| | {% endfor %} |
| | </div> |
| | {% endif %} |
| | <label>Описание:</label> |
| | <textarea id="edit_description_{{ loop.index0 }}" name="description" rows="4">{{ product.get('description', '') }}</textarea> |
| | <button type="button" class="button ai-generate-button" onclick="generateDescription('edit_photos_{{ loop.index0 }}', 'edit_description_{{ loop.index0 }}', 'edit_gen_lang_{{ loop.index0 }}')"><i class="fas fa-magic"></i> Сгенерировать</button> |
| | <label for="edit_gen_lang_{{ loop.index0 }}">Язык генерации:</label> |
| | <select id="edit_gen_lang_{{ loop.index0 }}" name="gen_lang" style="width: auto; display: inline-block; margin-left: 10px;"> |
| | <option value="Русский">Русский</option> |
| | <option value="Кыргызский">Кыргызский</option> |
| | <option value="Казахский">Казахский</option> |
| | <option value="Узбекский">Узбекский</option> |
| | </select> |
| | <label>Категория:</label> |
| | <select name="category"> |
| | <option value="Без категории" {% if product.get('category', 'Без категории') == 'Без категории' %}selected{% endif %}>Без категории</option> |
| | {% for category in categories %} |
| | <option value="{{ category }}" {% if product.get('category') == category %}selected{% endif %}>{{ category }}</option> |
| | {% endfor %} |
| | </select> |
| | <label>Цвета/Варианты:</label> |
| | <div id="edit-color-inputs-{{ loop.index0 }}" class="option-inputs" data-type="color"> |
| | {% set current_colors = product.get('colors', []) %} |
| | {% if current_colors and current_colors|select('ne', '')|list|length > 0 %} |
| | {% for color in current_colors %} |
| | {% if color.strip() %} |
| | <div class="option-input-group"> |
| | <input type="text" name="colors" value="{{ color }}"> |
| | <button type="button" class="remove-option-btn" onclick="removeOptionInput(this)"><i class="fas fa-times"></i></button> |
| | </div> |
| | {% endif %} |
| | {% endfor %} |
| | {% else %} |
| | <div class="option-input-group"> |
| | <input type="text" name="colors" placeholder="Например: Цвет"> |
| | <button type="button" class="remove-option-btn" onclick="removeOptionInput(this)"><i class="fas fa-times"></i></button> |
| | </div> |
| | {% endif %} |
| | </div> |
| | <button type="button" class="button add-option-btn" style="margin-top: 5px;" onclick="addOptionInput('edit-color-inputs-{{ loop.index0 }}', 'colors')"><i class="fas fa-palette"></i> Добавить поле</button> |
| | |
| | <label style="margin-top: 15px;">Размеры/Объем:</label> |
| | <div id="edit-size-inputs-{{ loop.index0 }}" class="option-inputs" data-type="size"> |
| | {% set current_sizes = product.get('sizes', []) %} |
| | {% if current_sizes and current_sizes|select('ne', '')|list|length > 0 %} |
| | {% for size in current_sizes %} |
| | {% if size.strip() %} |
| | <div class="option-input-group"> |
| | <input type="text" name="sizes" value="{{ size }}"> |
| | <button type="button" class="remove-option-btn" onclick="removeOptionInput(this)"><i class="fas fa-times"></i></button> |
| | </div> |
| | {% endif %} |
| | {% endfor %} |
| | {% else %} |
| | <div class="option-input-group"> |
| | <input type="text" name="sizes" placeholder="Например: L"> |
| | <button type="button" class="remove-option-btn" onclick="removeOptionInput(this)"><i class="fas fa-times"></i></button> |
| | </div> |
| | {% endif %} |
| | </div> |
| | <button type="button" class="button add-option-btn" style="margin-top: 5px;" onclick="addOptionInput('edit-size-inputs-{{ loop.index0 }}', 'sizes')"><i class="fas fa-ruler-combined"></i> Добавить поле</button> |
| | |
| | <h3 style="margin-top: 20px;">Особые цены для вариантов</h3> |
| | <div id="edit-variant-prices-container-{{ loop.index0 }}" class="variant-price-grid"></div> |
| | |
| | <br> |
| | <div style="margin-top: 15px;"> |
| | <input type="checkbox" id="edit_in_stock_{{ loop.index0 }}" name="in_stock" {% if product.get('in_stock', True) %}checked{% endif %}> |
| | <label for="edit_in_stock_{{ loop.index0 }}" class="inline-label">В наличии</label> |
| | </div> |
| | <div style="margin-top: 5px;"> |
| | <input type="checkbox" id="edit_is_top_{{ loop.index0 }}" name="is_top" {% if product.get('is_top', False) %}checked{% endif %}> |
| | <label for="edit_is_top_{{ loop.index0 }}" class="inline-label">Топ товар</label> |
| | </div> |
| | <br> |
| | <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Сохранить</button> |
| | </form> |
| | </div> |
| | </div> |
| | {% endfor %} |
| | </div> |
| | {% else %} |
| | <p>Товаров пока нет.</p> |
| | {% endif %} |
| | </div> |
| | </div> |
| | <div id="chat-modal" class="modal"> |
| | <div class="modal-content"> |
| | <span class="button delete-button" style="float:right;" onclick="closeModal('chat-modal')">×</span> |
| | <h2 id="chat-modal-title">Просмотр диалога</h2> |
| | <div id="chat-modal-body" class="chat-message-viewer"></div> |
| | </div> |
| | </div> |
| | |
| | <script> |
| | const allProductsForAdmin = {{ products|tojson|safe }}; |
| | |
| | function toggleEditForm(formId) { |
| | const formContainer = document.getElementById(formId); |
| | if (formContainer) { |
| | const isOpening = formContainer.style.display === 'none' || formContainer.style.display === ''; |
| | formContainer.style.display = isOpening ? 'block' : 'none'; |
| | if (isOpening) { |
| | const index = parseInt(formId.split('-').pop()); |
| | const product = allProductsForAdmin[index]; |
| | const priceContainer = document.getElementById(`edit-variant-prices-container-${index}`); |
| | const colorContainer = document.getElementById(`edit-color-inputs-${index}`); |
| | const sizeContainer = document.getElementById(`edit-size-inputs-${index}`); |
| | |
| | const updateVariantPrices = () => generateVariantPriceInputs(colorContainer, sizeContainer, priceContainer, product.variant_prices || {}); |
| | |
| | colorContainer.addEventListener('input', updateVariantPrices); |
| | sizeContainer.addEventListener('input', updateVariantPrices); |
| | updateVariantPrices(); |
| | } |
| | } |
| | } |
| | |
| | function generateVariantPriceInputs(colorContainer, sizeContainer, priceContainer, existingPrices) { |
| | priceContainer.innerHTML = ''; |
| | const colors = Array.from(colorContainer.querySelectorAll('input[name="colors"]')).map(i => i.value.trim()).filter(Boolean); |
| | const sizes = Array.from(sizeContainer.querySelectorAll('input[name="sizes"]')).map(i => i.value.trim()).filter(Boolean); |
| | |
| | if (colors.length === 0 && sizes.length > 0) { |
| | sizes.forEach(size => { |
| | const key = size; |
| | const price = existingPrices[key] || ''; |
| | priceContainer.innerHTML += ` |
| | <div class="variant-price-item"> |
| | <label for="variant_price_${key}">${size}:</label> |
| | <input type="number" step="0.01" name="variant_price_${key}" value="${price}" placeholder="Базовая цена"> |
| | </div>`; |
| | }); |
| | } else if (colors.length > 0 && sizes.length === 0) { |
| | colors.forEach(color => { |
| | const key = color; |
| | const price = existingPrices[key] || ''; |
| | priceContainer.innerHTML += ` |
| | <div class="variant-price-item"> |
| | <label for="variant_price_${key}">${color}:</label> |
| | <input type="number" step="0.01" name="variant_price_${key}" value="${price}" placeholder="Базовая цена"> |
| | </div>`; |
| | }); |
| | } else if (colors.length > 0 && sizes.length > 0) { |
| | colors.forEach(color => { |
| | sizes.forEach(size => { |
| | const key = `${color}-${size}`; |
| | const price = existingPrices[key] || ''; |
| | priceContainer.innerHTML += ` |
| | <div class="variant-price-item"> |
| | <label for="variant_price_${key}">${color} - ${size}:</label> |
| | <input type="number" step="0.01" name="variant_price_${key}" value="${price}" placeholder="Базовая цена"> |
| | </div>`; |
| | }); |
| | }); |
| | } |
| | } |
| | |
| | function addOptionInput(containerId, name) { |
| | const container = document.getElementById(containerId); |
| | if (container) { |
| | const newInputGroup = document.createElement('div'); |
| | newInputGroup.className = 'option-input-group'; |
| | newInputGroup.innerHTML = ` |
| | <input type="text" name="${name}" placeholder="Новый вариант"> |
| | <button type="button" class="remove-option-btn" onclick="removeOptionInput(this)"><i class="fas fa-times"></i></button> |
| | `; |
| | container.appendChild(newInputGroup); |
| | newInputGroup.querySelector(`input[name="${name}"]`).focus(); |
| | } |
| | } |
| | |
| | function removeOptionInput(button) { |
| | const group = button.closest('.option-input-group'); |
| | if (group) { |
| | const container = group.parentNode; |
| | group.remove(); |
| | if (container && container.children.length === 0) { |
| | const name = container.dataset.type === 'color' ? 'colors' : 'sizes'; |
| | const placeholder = container.dataset.type === 'color' ? 'Например: Цвет' : 'Например: L'; |
| | addOptionInput(container.id, name, placeholder); |
| | } |
| | } |
| | } |
| | |
| | document.addEventListener('DOMContentLoaded', () => { |
| | const addForm = document.getElementById('add-product-form'); |
| | const addColorContainer = document.getElementById('add-color-inputs'); |
| | const addSizeContainer = document.getElementById('add-size-inputs'); |
| | const addPriceContainer = document.getElementById('add-variant-prices-container'); |
| | |
| | const updateAddFormPrices = () => generateVariantPriceInputs(addColorContainer, addSizeContainer, addPriceContainer, {}); |
| | addColorContainer.addEventListener('input', updateAddFormPrices); |
| | addSizeContainer.addEventListener('input', updateAddFormPrices); |
| | }); |
| | |
| | |
| | async function generateDescription(photoInputId, descriptionTextareaId, languageSelectId) { |
| | const photoInput = document.getElementById(photoInputId); |
| | const descriptionTextarea = document.getElementById(descriptionTextareaId); |
| | const languageSelect = document.getElementById(languageSelectId); |
| | const generateButton = descriptionTextarea.nextElementSibling; |
| | |
| | if (!photoInput || !descriptionTextarea || !languageSelect || !generateButton) { |
| | alert("Ошибка: Не найдены элементы формы для генерации."); |
| | return; |
| | } |
| | |
| | if (!photoInput.files || photoInput.files.length === 0) { |
| | alert("Пожалуйста, сначала загрузите фотографию товара."); |
| | return; |
| | } |
| | |
| | const file = photoInput.files[0]; |
| | if (!file.type.startsWith('image/')) { |
| | alert("Выбранный файл не является изображением."); |
| | return; |
| | } |
| | |
| | generateButton.disabled = true; |
| | const originalText = generateButton.innerHTML; |
| | generateButton.innerHTML = '<i class="fas fa-sync fa-spin"></i> Генерация...'; |
| | descriptionTextarea.value = 'Генерация описания, пожалуйста подождите...'; |
| | descriptionTextarea.disabled = true; |
| | |
| | const reader = new FileReader(); |
| | reader.onload = async (e) => { |
| | const base64Image = e.target.result.split(',')[1]; |
| | const language = languageSelect.value; |
| | |
| | try { |
| | const response = await fetch('/generate_description_ai', { |
| | method: 'POST', |
| | headers: { 'Content-Type': 'application/json' }, |
| | body: JSON.stringify({ image: base64Image, language: language }) |
| | }); |
| | const result = await response.json(); |
| | |
| | if (!response.ok) { |
| | throw new Error(result.error || `Ошибка сервера: ${response.status}`); |
| | } |
| | descriptionTextarea.value = result.text; |
| | } catch (error) { |
| | console.error("AI Generation Error:", error); |
| | descriptionTextarea.value = `Ошибка генерации: ${error.message}`; |
| | alert(`Ошибка генерации: ${error.message}`); |
| | } finally { |
| | generateButton.disabled = false; |
| | generateButton.innerHTML = originalText; |
| | descriptionTextarea.disabled = false; |
| | } |
| | }; |
| | reader.onerror = (e) => { |
| | console.error("FileReader error:", e); |
| | descriptionTextarea.value = "Ошибка чтения файла изображения."; |
| | generateButton.disabled = false; |
| | generateButton.innerHTML = originalText; |
| | descriptionTextarea.disabled = false; |
| | }; |
| | reader.readAsDataURL(file); |
| | } |
| | |
| | function openModal(modalId) { |
| | document.getElementById(modalId).style.display = 'block'; |
| | } |
| | function closeModal(modalId) { |
| | document.getElementById(modalId).style.display = 'none'; |
| | } |
| | |
| | async function viewChat(chatId) { |
| | const modalBody = document.getElementById('chat-modal-body'); |
| | modalBody.innerHTML = 'Загрузка...'; |
| | openModal('chat-modal'); |
| | try { |
| | const response = await fetch(`/${env_id}/get_chat/${chatId}`); |
| | if(!response.ok) throw new Error('Chat not found'); |
| | const chatHistory = await response.json(); |
| | |
| | modalBody.innerHTML = ''; |
| | chatHistory.forEach(msg => { |
| | const msgDiv = document.createElement('div'); |
| | msgDiv.className = `chat-message ${msg.role}`; |
| | |
| | const bubble = document.createElement('div'); |
| | bubble.className = 'bubble'; |
| | bubble.innerText = msg.text; |
| | |
| | msgDiv.appendChild(bubble); |
| | modalBody.appendChild(msgDiv); |
| | }); |
| | |
| | } catch (e) { |
| | modalBody.innerHTML = 'Не удалось загрузить диалог.'; |
| | } |
| | } |
| | window.onclick = function(event) { |
| | if (event.target.classList.contains('modal')) { |
| | closeModal(event.target.id); |
| | } |
| | } |
| | </script> |
| | </body> |
| | </html> |
| | ''' |
| |
|
| | @app.route('/') |
| | def index(): |
| | return render_template_string(LANDING_PAGE_TEMPLATE) |
| |
|
| | @app.route('/admhosto', methods=['GET']) |
| | def admhosto(): |
| | data = load_data() |
| | environments_data = [] |
| | |
| | for env_id, env_data in data.items(): |
| | settings = env_data.get('settings', {}) |
| | is_active = False |
| | expires_soon = False |
| | expires_date_str = "N/A" |
| |
|
| | if settings.get('chat_activated', False): |
| | expires_str = settings.get('chat_activation_expires') |
| | if expires_str: |
| | try: |
| | expires_dt = datetime.fromisoformat(expires_str) |
| | now_almaty = datetime.now(ALMATY_TZ) |
| | if expires_dt > now_almaty: |
| | is_active = True |
| | expires_date_str = expires_dt.strftime('%Y-%m-%d') |
| | if (expires_dt - now_almaty).days <= 4: |
| | expires_soon = True |
| | except (ValueError, TypeError): |
| | pass |
| | |
| | environments_data.append({ |
| | "id": env_id, |
| | "chat_active": is_active, |
| | "expires_soon": expires_soon, |
| | "expires_date": expires_date_str |
| | }) |
| | |
| | environments_data.sort(key=lambda x: x['id']) |
| | return render_template_string(ADMHOSTO_TEMPLATE, environments=environments_data) |
| |
|
| | @app.route('/admhosto/create', methods=['POST']) |
| | def create_environment(): |
| | all_data = load_data() |
| | while True: |
| | new_id = ''.join(random.choices(string.digits, k=6)) |
| | if new_id not in all_data: |
| | break |
| | |
| | all_data[new_id] = { |
| | 'products': [], |
| | 'categories': [], |
| | 'orders': {}, |
| | 'organization_info': { |
| | "about_us": "Мы — Gippo312, ваш надежный партнер в мире уникальных товаров.", |
| | "shipping": "Доставка осуществляется по всему Кыргызстану.", |
| | "returns": "Возврат и обмен товара возможен в течение 14 дней.", |
| | "contact": "Наш магазин находится по адресу: ... Связаться с нами можно по телефону ..." |
| | }, |
| | 'settings': { |
| | "organization_name": "Gippo312", |
| | "whatsapp_number": "+996701202013", |
| | "currency_code": "KGS", |
| | "chat_name": "EVA", |
| | "chat_avatar": None, |
| | "color_scheme": "default", |
| | "chat_activated": False, |
| | "chat_activation_expires": None, |
| | "business_type": "combined", |
| | "welcome_message_enabled": False, |
| | "welcome_message_text": "Добро пожаловать в наш магазин!" |
| | }, |
| | 'chats': {} |
| | } |
| | save_data(all_data) |
| | flash(f'Новая среда с ID {new_id} успешно создана.', 'success') |
| | return redirect(url_for('admhosto')) |
| |
|
| | @app.route('/admhosto/delete/<env_id>', methods=['POST']) |
| | def delete_environment(env_id): |
| | all_data = load_data() |
| | if env_id in all_data: |
| | del all_data[env_id] |
| | save_data(all_data) |
| | flash(f'Среда {env_id} была удалена.', 'success') |
| | else: |
| | flash(f'Среда {env_id} не найдена.', 'error') |
| | return redirect(url_for('admhosto')) |
| |
|
| | @app.route('/admhosto/activate/<env_id>', methods=['POST']) |
| | def activate_chat(env_id): |
| | period = request.form.get('period') |
| | |
| | if not period: |
| | flash('Не выбран период активации.', 'error') |
| | return redirect(url_for('admhosto')) |
| |
|
| | delta = None |
| | if period == 'month': |
| | delta = timedelta(days=30) |
| | elif period == 'half_year': |
| | delta = timedelta(days=182) |
| | elif period == 'year': |
| | delta = timedelta(days=365) |
| | |
| | if not delta: |
| | flash('Неверный период активации.', 'error') |
| | return redirect(url_for('admhosto')) |
| |
|
| | data = get_env_data(env_id) |
| | if not data: |
| | flash(f'Среда {env_id} не найдена.', 'error') |
| | return redirect(url_for('admhosto')) |
| |
|
| | settings = data.get('settings', {}) |
| | now_almaty = datetime.now(ALMATY_TZ) |
| | |
| | start_date = now_almaty |
| | expires_str = settings.get('chat_activation_expires') |
| | if expires_str: |
| | try: |
| | current_expires_dt = datetime.fromisoformat(expires_str) |
| | if current_expires_dt > now_almaty: |
| | start_date = current_expires_dt |
| | except (ValueError, TypeError): |
| | pass |
| | |
| | new_expires_date = start_date + delta |
| | |
| | settings['chat_activated'] = True |
| | settings['chat_activation_expires'] = new_expires_date.isoformat() |
| | data['settings'] = settings |
| | |
| | save_env_data(env_id, data) |
| | flash(f'Чат для среды {env_id} активирован/продлен до {new_expires_date.strftime("%Y-%m-%d")}.', 'success') |
| | return redirect(url_for('admhosto')) |
| |
|
| | @app.route('/<env_id>/catalog') |
| | def catalog(env_id): |
| | data = get_env_data(env_id) |
| | all_products_raw = data.get('products', []) |
| | settings = data.get('settings', {}) |
| | |
| | product_categories = set(p.get('category', 'Без категории') for p in all_products_raw) |
| | admin_categories = set(data.get('categories', [])) |
| | all_cat_names = sorted(list(product_categories.union(admin_categories))) |
| |
|
| | products_in_stock = [p for p in all_products_raw if p.get('in_stock', True)] |
| | |
| | products_sorted_for_js = sorted(products_in_stock, key=lambda p: (not p.get('is_top', False), p.get('name', '').lower())) |
| |
|
| | products_by_category = {cat: [] for cat in all_cat_names} |
| | for product in products_in_stock: |
| | products_by_category[product.get('category', 'Без категории')].append(product) |
| |
|
| | for category in products_by_category: |
| | products_by_category[category].sort(key=lambda p: (not p.get('is_top', False), p.get('name', '').lower())) |
| | |
| | ordered_categories = [cat for cat in all_cat_names if products_by_category.get(cat)] |
| |
|
| | chat_avatar_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/avatars/{settings['chat_avatar']}" if settings.get('chat_avatar') else "https://huggingface.co/spaces/gippo312/admin/resolve/main/Picsart_25-11-04_12-02-21-390.png" |
| | |
| | chat_active = is_chat_active(env_id) |
| |
|
| | return render_template_string( |
| | CATALOG_TEMPLATE, |
| | products_by_category=products_by_category, |
| | ordered_categories=ordered_categories, |
| | products_json=json.dumps(products_sorted_for_js), |
| | repo_id=REPO_ID, |
| | currency_code=settings.get('currency_code', 'KGS'), |
| | settings=settings, |
| | chat_avatar_url=chat_avatar_url, |
| | env_id=env_id, |
| | chat_is_active=chat_active |
| | ) |
| |
|
| | @app.route('/<env_id>/product/<int:index>') |
| | def product_detail(env_id, index): |
| | data = get_env_data(env_id) |
| | all_products_raw = data.get('products', []) |
| | settings = data.get('settings', {}) |
| | products_in_stock = [p for p in all_products_raw if p.get('in_stock', True)] |
| | products_sorted = sorted(products_in_stock, key=lambda p: (not p.get('is_top', False), p.get('name', '').lower())) |
| |
|
| | try: |
| | product = products_sorted[index] |
| | except IndexError: |
| | return "Товар не найден или отсутствует в наличии.", 404 |
| |
|
| | return render_template_string( |
| | PRODUCT_DETAIL_TEMPLATE, |
| | product=product, |
| | repo_id=REPO_ID, |
| | currency_code=settings.get('currency_code', 'KGS'), |
| | settings=settings, |
| | env_id=env_id |
| | ) |
| |
|
| | @app.route('/<env_id>/create_order', methods=['POST']) |
| | def create_order(env_id): |
| | order_data = request.get_json() |
| |
|
| | if not order_data or 'cart' not in order_data or not order_data['cart']: |
| | return jsonify({"error": "Корзина пуста или не передана."}), 400 |
| |
|
| | cart_items = order_data['cart'] |
| |
|
| | total_price = 0 |
| | processed_cart = [] |
| | for item in cart_items: |
| | if not all(k in item for k in ('name', 'price', 'quantity')): |
| | return jsonify({"error": "Неверный формат товара в корзине."}), 400 |
| | try: |
| | price = float(item['price']) |
| | quantity = int(item['quantity']) |
| | if price < 0 or quantity <= 0: |
| | raise ValueError("Invalid price or quantity") |
| | processed_cart.append({ |
| | "product_id": item.get('product_id', 'N/A'), |
| | "name": item['name'], |
| | "price": price, |
| | "quantity": quantity, |
| | "color": item.get('color', 'N/A'), |
| | "size": item.get('size', 'N/A'), |
| | "photo": item.get('photo'), |
| | "photo_url": f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/photos/{item['photo']}" if item.get('photo') else "https://via.placeholder.com/60x60.png?text=N/A" |
| | }) |
| | total_price += price * quantity |
| | except (ValueError, TypeError) as e: |
| | return jsonify({"error": "Неверная цена или количество в товаре."}), 400 |
| |
|
| | order_id = f"{datetime.now().strftime('%Y%m%d%H%M%S')}-{uuid4().hex[:6]}" |
| | order_timestamp = datetime.now().strftime('%Y-%m-%d %H:%M:%S') |
| |
|
| | new_order = { |
| | "id": order_id, |
| | "created_at": order_timestamp, |
| | "cart": processed_cart, |
| | "total_price": round(total_price, 2), |
| | "user_info": None, |
| | "status": "new" |
| | } |
| |
|
| | try: |
| | data = get_env_data(env_id) |
| | if 'orders' not in data or not isinstance(data.get('orders'), dict): |
| | data['orders'] = {} |
| |
|
| | data['orders'][order_id] = new_order |
| | save_env_data(env_id, data) |
| | return jsonify({"order_id": order_id}), 201 |
| |
|
| | except Exception as e: |
| | return jsonify({"error": "Ошибка сервера при сохранении заказа."}), 500 |
| |
|
| | @app.route('/<env_id>/order/<order_id>') |
| | def view_order(env_id, order_id): |
| | data = get_env_data(env_id) |
| | order = data.get('orders', {}).get(order_id) |
| | settings = data.get('settings', {}) |
| | |
| | return render_template_string(ORDER_TEMPLATE, |
| | order=order, |
| | repo_id=REPO_ID, |
| | currency_code=settings.get('currency_code', 'KGS'), |
| | whatsapp_number=settings.get('whatsapp_number', ''), |
| | settings=settings, |
| | env_id=env_id) |
| |
|
| |
|
| | @app.route('/<env_id>/admin', methods=['GET', 'POST']) |
| | def admin(env_id): |
| | data = get_env_data(env_id) |
| | products = data.get('products', []) |
| | categories = data.get('categories', []) |
| | organization_info = data.get('organization_info', {}) |
| | chats = data.get('chats', {}) |
| | settings = data.get('settings', {}) |
| |
|
| | if 'orders' not in data or not isinstance(data.get('orders'), dict): |
| | data['orders'] = {} |
| | |
| | if request.method == 'POST': |
| | action = request.form.get('action') |
| |
|
| | try: |
| | if action == 'add_category': |
| | category_name = request.form.get('category_name', '').strip() |
| | if category_name and category_name not in categories: |
| | categories.append(category_name) |
| | data['categories'] = categories |
| | save_env_data(env_id, data) |
| | flash(f"Категория '{category_name}' успешно добавлена.", 'success') |
| | elif not category_name: |
| | flash("Название категории не может быть пустым.", 'error') |
| | else: |
| | flash(f"Категория '{category_name}' уже существует.", 'error') |
| |
|
| | elif action == 'delete_category': |
| | category_to_delete = request.form.get('category_name') |
| | if category_to_delete and category_to_delete in categories: |
| | categories.remove(category_to_delete) |
| | updated_count = 0 |
| | for product in products: |
| | if product.get('category') == category_to_delete: |
| | product['category'] = 'Без категории' |
| | updated_count += 1 |
| | data['categories'] = categories |
| | data['products'] = products |
| | save_env_data(env_id, data) |
| | flash(f"Категория '{category_to_delete}' удалена. {updated_count} товаров обновлено.", 'success') |
| | else: |
| | flash(f"Не удалось удалить категорию '{category_to_delete}'.", 'error') |
| |
|
| | elif action == 'update_org_info': |
| | organization_info['about_us'] = request.form.get('about_us', '').strip() |
| | organization_info['shipping'] = request.form.get('shipping', '').strip() |
| | organization_info['returns'] = request.form.get('returns', '').strip() |
| | organization_info['contact'] = request.form.get('contact', '').strip() |
| | data['organization_info'] = organization_info |
| | save_env_data(env_id, data) |
| | flash("Информация о магазине успешно обновлена.", 'success') |
| | |
| | elif action == 'update_settings': |
| | settings['organization_name'] = request.form.get('organization_name', 'Gippo312').strip() |
| | settings['whatsapp_number'] = request.form.get('whatsapp_number', '').strip() |
| | settings['currency_code'] = request.form.get('currency_code', 'KGS') |
| | settings['business_type'] = request.form.get('business_type', 'combined') |
| | settings['chat_name'] = request.form.get('chat_name', 'EVA').strip() |
| | settings['color_scheme'] = request.form.get('color_scheme', 'default') |
| | settings['welcome_message_enabled'] = 'welcome_message_enabled' in request.form |
| | settings['welcome_message_text'] = request.form.get('welcome_message_text', '').strip() |
| |
|
| | avatar_file = request.files.get('chat_avatar') |
| | if avatar_file and avatar_file.filename: |
| | if HF_TOKEN_WRITE: |
| | try: |
| | api = HfApi() |
| | |
| | old_avatar = settings.get('chat_avatar') |
| | if old_avatar: |
| | try: |
| | api.delete_files(repo_id=REPO_ID, paths_in_repo=[f"avatars/{old_avatar}"], repo_type="dataset", token=HF_TOKEN_WRITE) |
| | except Exception: |
| | pass |
| |
|
| | ext = os.path.splitext(avatar_file.filename)[1].lower() |
| | avatar_filename = f"avatar_{env_id}_{int(time.time())}{ext}" |
| | |
| | uploads_dir = 'uploads_temp' |
| | os.makedirs(uploads_dir, exist_ok=True) |
| | temp_path = os.path.join(uploads_dir, avatar_filename) |
| | avatar_file.save(temp_path) |
| |
|
| | api.upload_file( |
| | path_or_fileobj=temp_path, |
| | path_in_repo=f"avatars/{avatar_filename}", |
| | repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE |
| | ) |
| | settings['chat_avatar'] = avatar_filename |
| | os.remove(temp_path) |
| | flash("Аватар чата успешно обновлен.", 'success') |
| | except Exception as e: |
| | flash(f"Ошибка при загрузке аватара: {e}", 'error') |
| | else: |
| | flash("HF_TOKEN (write) не настроен. Аватар не был загружен.", "warning") |
| |
|
| | data['settings'] = settings |
| | save_env_data(env_id, data) |
| | flash("Настройки магазина и чата успешно обновлены.", 'success') |
| |
|
| | elif action == 'add_product' or action == 'edit_product': |
| | product_id = request.form.get('product_id') |
| | product_data = {} |
| | is_edit = action == 'edit_product' |
| | |
| | if is_edit: |
| | product_data = next((p for p in products if p.get('product_id') == product_id), None) |
| | if not product_data: |
| | flash(f"Ошибка: товар с ID {product_id} не найден.", 'error') |
| | return redirect(url_for('admin', env_id=env_id)) |
| | |
| | product_data['name'] = request.form.get('name', '').strip() |
| | price_str = request.form.get('price', '0').replace(',', '.') |
| | product_data['description'] = request.form.get('description', '').strip() |
| | category = request.form.get('category') |
| | product_data['category'] = category if category in categories else 'Без категории' |
| | product_data['colors'] = sorted(list(set(c.strip() for c in request.form.getlist('colors') if c.strip()))) |
| | product_data['sizes'] = sorted(list(set(s.strip() for s in request.form.getlist('sizes') if s.strip()))) |
| | product_data['in_stock'] = 'in_stock' in request.form |
| | product_data['is_top'] = 'is_top' in request.form |
| |
|
| | w_price_str = request.form.get('wholesale_price', '').replace(',', '.') |
| | w_quant_str = request.form.get('min_wholesale_quantity', '') |
| | |
| | if settings.get('business_type') == 'wholesale': |
| | if not w_price_str or not w_quant_str: |
| | flash("Для оптового типа бизнеса, оптовая цена и минимальное количество обязательны.", 'error') |
| | return redirect(url_for('admin', env_id=env_id)) |
| | product_data['price'] = 0 |
| | |
| | product_data['wholesale_price'] = float(w_price_str) if w_price_str else None |
| | product_data['min_wholesale_quantity'] = int(w_quant_str) if w_quant_str else None |
| |
|
| | if not product_data['name']: |
| | flash("Название товара обязательно.", 'error') |
| | return redirect(url_for('admin', env_id=env_id)) |
| | |
| | try: |
| | price = round(float(price_str), 2) |
| | if price < 0: price = 0 |
| | product_data['price'] = price |
| | except ValueError: |
| | flash("Неверный формат цены.", 'error') |
| | return redirect(url_for('admin', env_id=env_id)) |
| |
|
| | variant_prices = {} |
| | for key, value in request.form.items(): |
| | if key.startswith('variant_price_') and value: |
| | variant_key = key.replace('variant_price_', '') |
| | try: |
| | variant_prices[variant_key] = round(float(value), 2) |
| | except ValueError: |
| | pass |
| | product_data['variant_prices'] = variant_prices |
| |
|
| | photos_files = request.files.getlist('photos') |
| | if photos_files and any(f.filename for f in photos_files): |
| | if HF_TOKEN_WRITE: |
| | uploads_dir = 'uploads_temp' |
| | os.makedirs(uploads_dir, exist_ok=True) |
| | api = HfApi() |
| | new_photos_list = [] |
| | photo_limit = 10 |
| | uploaded_count = 0 |
| | for photo in photos_files: |
| | if uploaded_count >= photo_limit: |
| | flash(f"Загружено только первые {photo_limit} фото.", "warning") |
| | break |
| | if photo and photo.filename: |
| | try: |
| | ext = os.path.splitext(photo.filename)[1].lower() |
| | if ext not in ['.jpg', '.jpeg', '.png', '.gif', '.webp']: |
| | flash(f"Файл {photo.filename} пропущен (не изображение).", "warning") |
| | continue |
| |
|
| | safe_name = secure_filename(product_data['name'].replace(' ', '_'))[:50] |
| | photo_filename = f"{safe_name}_{uuid4().hex[:8]}{ext}" |
| | temp_path = os.path.join(uploads_dir, photo_filename) |
| | photo.save(temp_path) |
| | api.upload_file(path_or_fileobj=temp_path, path_in_repo=f"photos/{photo_filename}", repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE) |
| | new_photos_list.append(photo_filename) |
| | os.remove(temp_path) |
| | uploaded_count += 1 |
| | except Exception as e: |
| | flash(f"Ошибка при загрузке фото {photo.filename}: {e}", 'error') |
| | if new_photos_list and is_edit and product_data.get('photos'): |
| | try: |
| | api.delete_files(repo_id=REPO_ID, paths_in_repo=[f"photos/{p}" for p in product_data['photos']], repo_type="dataset", token=HF_TOKEN_WRITE) |
| | except Exception: pass |
| | if new_photos_list: |
| | product_data['photos'] = new_photos_list |
| | else: |
| | flash("HF_TOKEN (write) не настроен. Фотографии не были загружены.", "warning") |
| | |
| | if is_edit: |
| | product_index = next((i for i, p in enumerate(products) if p.get('product_id') == product_id), -1) |
| | if product_index != -1: |
| | products[product_index] = product_data |
| | flash(f"Товар '{product_data['name']}' успешно обновлен.", 'success') |
| | else: |
| | product_data['product_id'] = uuid4().hex |
| | products.append(product_data) |
| | flash(f"Товар '{product_data['name']}' успешно добавлен.", 'success') |
| | |
| | data['products'] = products |
| | save_env_data(env_id, data) |
| |
|
| |
|
| | elif action == 'delete_product': |
| | product_id = request.form.get('product_id') |
| | product_index = next((i for i, p in enumerate(products) if p.get('product_id') == product_id), -1) |
| |
|
| | if product_index == -1: |
| | flash(f"Ошибка удаления: товар с ID '{product_id}' не найден.", 'error') |
| | return redirect(url_for('admin', env_id=env_id)) |
| |
|
| | deleted_product = products.pop(product_index) |
| | product_name = deleted_product.get('name', 'N/A') |
| |
|
| | photos_to_delete = deleted_product.get('photos', []) |
| | if photos_to_delete and HF_TOKEN_WRITE: |
| | try: |
| | api = HfApi() |
| | api.delete_files( |
| | repo_id=REPO_ID, |
| | paths_in_repo=[f"photos/{p}" for p in photos_to_delete], |
| | repo_type="dataset", |
| | token=HF_TOKEN_WRITE, |
| | commit_message=f"Delete photos for deleted product {product_name}" |
| | ) |
| | except Exception as e: |
| | flash(f"Не удалось удалить фото для товара '{product_name}' с сервера. Товар удален локально.", "warning") |
| | elif photos_to_delete and not HF_TOKEN_WRITE: |
| | flash(f"Товар '{product_name}' удален локально, но фото не удалены с сервера (токен не задан).", "warning") |
| |
|
| | data['products'] = products |
| | save_env_data(env_id, data) |
| | flash(f"Товар '{product_name}' удален.", 'success') |
| |
|
| | else: |
| | flash(f"Неизвестное действие: {action}", 'warning') |
| |
|
| | return redirect(url_for('admin', env_id=env_id)) |
| |
|
| | except Exception as e: |
| | flash(f"Произошла внутренняя ошибка при выполнении действия '{action}'. Подробности в логе сервера.", 'error') |
| | return redirect(url_for('admin', env_id=env_id)) |
| |
|
| | display_products = sorted(data.get('products', []), key=lambda p: p.get('name', '').lower()) |
| | display_categories = sorted(data.get('categories', [])) |
| | display_organization_info = data.get('organization_info', {}) |
| | display_chats = data.get('chats', {}) |
| | display_settings = data.get('settings', {}) |
| |
|
| | chat_status = { "active": False, "expires_soon": False, "expires_date": "N/A" } |
| | if display_settings.get('chat_activated'): |
| | expires_str = display_settings.get('chat_activation_expires') |
| | if expires_str: |
| | try: |
| | expires_dt = datetime.fromisoformat(expires_str) |
| | now_almaty = datetime.now(ALMATY_TZ) |
| | if expires_dt > now_almaty: |
| | chat_status["active"] = True |
| | chat_status["expires_date"] = expires_dt.strftime('%Y-%m-%d %H:%M:%S') |
| | if (expires_dt - now_almaty).days <= 4: |
| | chat_status["expires_soon"] = True |
| | else: |
| | chat_status["expires_date"] = expires_dt.strftime('%Y-%m-%d %H:%M:%S') |
| | except (ValueError, TypeError): |
| | pass |
| | |
| | chat_avatar_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/avatars/{display_settings['chat_avatar']}" if display_settings.get('chat_avatar') else "https://huggingface.co/spaces/gippo312/admin/resolve/main/Picsart_25-11-04_12-02-21-390.png" |
| |
|
| | return render_template_string( |
| | ADMIN_TEMPLATE, |
| | products=display_products, |
| | categories=display_categories, |
| | organization_info=display_organization_info, |
| | chats=display_chats, |
| | settings=display_settings, |
| | repo_id=REPO_ID, |
| | currency_code=display_settings.get('currency_code', 'KGS'), |
| | chat_avatar_url=chat_avatar_url, |
| | currencies=CURRENCIES, |
| | color_schemes=COLOR_SCHEMES, |
| | env_id=env_id, |
| | chat_status=chat_status |
| | ) |
| |
|
| | @app.route('/generate_description_ai', methods=['POST']) |
| | def handle_generate_description_ai(): |
| | request_data = request.get_json() |
| | base64_image = request_data.get('image') |
| | language = request_data.get('language', 'Русский') |
| |
|
| | if not base64_image: |
| | return jsonify({"error": "Изображение не найдено в запросе."}), 400 |
| |
|
| | try: |
| | image_data = base64.b64decode(base64_image) |
| | result_text = generate_ai_description_from_image(image_data, language) |
| | return jsonify({"text": result_text}) |
| | except ValueError as ve: |
| | return jsonify({"error": str(ve)}), 400 |
| | except Exception as e: |
| | return jsonify({"error": f"Внутренняя ошибка сервера: {e}"}), 500 |
| |
|
| | @app.route('/<env_id>/chat_with_ai', methods=['POST']) |
| | def handle_chat_with_ai(env_id): |
| | if not is_chat_active(env_id): |
| | return jsonify({"error": "Чат неактивен."}), 403 |
| |
|
| | request_data = request.get_json() |
| | user_message = request_data.get('message') |
| | chat_history_from_client = request_data.get('history', []) |
| | chat_id = request_data.get('chat_id') |
| |
|
| | if not user_message: |
| | return jsonify({"error": "Сообщение не может быть пустым."}), 400 |
| | if not chat_id: |
| | return jsonify({"error": "ID чата не предоставлен."}), 400 |
| |
|
| | try: |
| | ai_response_text = generate_chat_response(user_message, chat_history_from_client, env_id) |
| | |
| | data = get_env_data(env_id) |
| | if 'chats' not in data: |
| | data['chats'] = {} |
| | if chat_id not in data['chats']: |
| | data['chats'][chat_id] = [] |
| | |
| | timestamp = datetime.now().strftime('%Y-%m-%d %H:%M:%S') |
| | data['chats'][chat_id].append({'role': 'user', 'text': user_message, 'timestamp': timestamp}) |
| | data['chats'][chat_id].append({'role': 'ai', 'text': ai_response_text, 'timestamp': timestamp}) |
| | save_env_data(env_id, data) |
| | |
| | return jsonify({"text": ai_response_text}) |
| | except Exception as e: |
| | return jsonify({"error": f"Ошибка чата: {e}"}), 500 |
| |
|
| | @app.route('/<env_id>/chat') |
| | def chat_page(env_id): |
| | if not is_chat_active(env_id): |
| | return "Чат для этой среды неактивен. Обратитесь к администратору.", 403 |
| | |
| | data = get_env_data(env_id) |
| | all_products_raw = data.get('products', []) |
| | settings = data.get('settings', {}) |
| | products_in_stock = [p for p in all_products_raw if p.get('in_stock', True)] |
| | products_sorted_for_js = sorted(products_in_stock, key=lambda p: (not p.get('is_top', False), p.get('name', '').lower())) |
| |
|
| | chat_avatar_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/avatars/{settings['chat_avatar']}" if settings.get('chat_avatar') else "https://huggingface.co/spaces/gippo312/admin/resolve/main/Picsart_25-11-04_12-02-21-390.png" |
| |
|
| | return render_template_string( |
| | CHAT_TEMPLATE, |
| | products_json=json.dumps(products_sorted_for_js), |
| | repo_id=REPO_ID, |
| | currency_code=settings.get('currency_code', 'KGS'), |
| | settings=settings, |
| | chat_avatar_url=chat_avatar_url, |
| | env_id=env_id |
| | ) |
| |
|
| | @app.route('/<env_id>/get_chat/<chat_id>') |
| | def get_chat_history(env_id, chat_id): |
| | data = get_env_data(env_id) |
| | chat_history = data.get('chats', {}).get(chat_id) |
| | if chat_history: |
| | return jsonify(chat_history) |
| | else: |
| | return jsonify({"error": "Chat not found"}), 404 |
| | |
| | @app.route('/<env_id>/force_upload', methods=['POST']) |
| | def force_upload(env_id): |
| | try: |
| | upload_db_to_hf() |
| | flash("Данные успешно загружены на Hugging Face.", 'success') |
| | except Exception as e: |
| | flash(f"Ошибка при загрузке на Hugging Face: {e}", 'error') |
| | return redirect(url_for('admin', env_id=env_id)) |
| |
|
| | @app.route('/<env_id>/force_download', methods=['POST']) |
| | def force_download(env_id): |
| | try: |
| | if download_db_from_hf(): |
| | flash("Данные успешно скачаны с Hugging Face. Локальные файлы обновлены.", 'success') |
| | else: |
| | flash("Не удалось скачать данные с Hugging Face после нескольких попыток. Проверьте логи.", 'error') |
| | except Exception as e: |
| | flash(f"Ошибка при скачивании с Hugging Face: {e}", 'error') |
| | return redirect(url_for('admin', env_id=env_id)) |
| |
|
| | if __name__ == '__main__': |
| | configure_gemini() |
| | download_db_from_hf() |
| | load_data() |
| |
|
| | if HF_TOKEN_WRITE: |
| | backup_thread = threading.Thread(target=periodic_backup, daemon=True) |
| | backup_thread.start() |
| | else: |
| | pass |
| |
|
| | port = int(os.environ.get('PORT', 7860)) |
| | app.run(debug=False, host='0.0.0.0', port=port) |
| |
|
