|
|
|
|
|
import os |
|
|
import io |
|
|
import base64 |
|
|
import json |
|
|
import logging |
|
|
import threading |
|
|
import time |
|
|
from datetime import datetime |
|
|
from uuid import uuid4 |
|
|
|
|
|
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/gippobase" |
|
|
HF_TOKEN_WRITE = os.getenv("HF_TOKEN") |
|
|
HF_TOKEN_READ = os.getenv("HF_TOKEN_READ") |
|
|
GOOGLE_API_KEY = os.getenv("GOOGLE_API_KEY") |
|
|
|
|
|
STORE_ADDRESS = "Рынок Кербент, 6 ряд , 43 контейнер " |
|
|
WHATSAPP_NUMBER = "+996701202013" |
|
|
|
|
|
CURRENCY_CODE = 'KGS' |
|
|
CURRENCY_NAME = 'Кыргызский сом' |
|
|
|
|
|
DOWNLOAD_RETRIES = 3 |
|
|
DOWNLOAD_DELAY = 5 |
|
|
|
|
|
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({'products': [], 'categories': [], 'orders': {}, 'organization_info': {}}, 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(): |
|
|
default_organization_info = { |
|
|
"about_us": "Мы — Gippo312, ваш надежный партнер в мире уникальных товаров. Мы предлагаем широкий ассортимент продукции, от электроники до товаров для дома, всегда стремясь к качеству и доступности. Наша миссия — сделать ваш шопинг приятным и удобным, предлагая только лучшие товары, тщательно отобранные для вас.", |
|
|
"shipping": "Доставка осуществляется по всему Кыргызстану. Стоимость и сроки доставки зависят от региона и веса товара. По Бишкеку доставка возможна в течение 1-2 рабочих дней, в регионы — от 3 до 7 дней. Для уточнения деталей свяжитесь с нами.", |
|
|
"returns": "Возврат и обмен товара возможен в течение 14 дней с момента покупки, при условии сохранения товарного вида, упаковки и чека. Некоторые категории товаров могут иметь особые условия возврата. Пожалуйста, свяжитесь с нами для оформления возврата или обмена.", |
|
|
"contact": f"Наш магазин находится по адресу: {STORE_ADDRESS}. Связаться с нами можно по телефону: {WHATSAPP_NUMBER} или через WhatsApp по этому же номеру. Мы работаем ежедневно с 9:00 до 18:00." |
|
|
} |
|
|
default_data = {'products': [], 'categories': [], 'orders': {}, 'organization_info': default_organization_info} |
|
|
data = default_data |
|
|
try: |
|
|
with open(DATA_FILE, 'r', encoding='utf-8') as file: |
|
|
data = json.load(file) |
|
|
if not isinstance(data, dict): |
|
|
raise FileNotFoundError |
|
|
if 'products' not in data: data['products'] = [] |
|
|
if 'categories' not in data: data['categories'] = [] |
|
|
if 'orders' not in data: data['orders'] = {} |
|
|
if 'organization_info' not in data: data['organization_info'] = default_organization_info |
|
|
except FileNotFoundError: |
|
|
if download_db_from_hf(specific_file=DATA_FILE): |
|
|
try: |
|
|
with open(DATA_FILE, 'r', encoding='utf-8') as file: |
|
|
data = json.load(file) |
|
|
if not isinstance(data, dict): |
|
|
data = default_data |
|
|
if 'products' not in data: data['products'] = [] |
|
|
if 'categories' not in data: data['categories'] = [] |
|
|
if 'orders' not in data: data['orders'] = {} |
|
|
if 'organization_info' not in data: data['organization_info'] = default_organization_info |
|
|
except (FileNotFoundError, json.JSONDecodeError, Exception) as e: |
|
|
data = default_data |
|
|
else: |
|
|
data = default_data |
|
|
except json.JSONDecodeError: |
|
|
if download_db_from_hf(specific_file=DATA_FILE): |
|
|
try: |
|
|
with open(DATA_FILE, 'r', encoding='utf-8') as file: |
|
|
data = json.load(file) |
|
|
if not isinstance(data, dict): |
|
|
data = default_data |
|
|
if 'products' not in data: data['products'] = [] |
|
|
if 'categories' not in data: data['categories'] = [] |
|
|
if 'orders' not in data: data['orders'] = {} |
|
|
if 'organization_info' not in data: data['organization_info'] = default_organization_info |
|
|
except (FileNotFoundError, json.JSONDecodeError, Exception) as e: |
|
|
data = default_data |
|
|
else: |
|
|
data = default_data |
|
|
except Exception as e: |
|
|
data = default_data |
|
|
|
|
|
for product in data['products']: |
|
|
if 'product_id' not in product: |
|
|
product['product_id'] = uuid4().hex |
|
|
if any('product_id' not in p for p in data['products']): |
|
|
save_data(data) |
|
|
|
|
|
if not os.path.exists(DATA_FILE): |
|
|
try: |
|
|
with open(DATA_FILE, 'w', encoding='utf-8') as f: |
|
|
json.dump(default_data, f) |
|
|
except Exception as create_e: |
|
|
pass |
|
|
return data |
|
|
|
|
|
def save_data(data): |
|
|
try: |
|
|
if not isinstance(data, dict): |
|
|
return |
|
|
if 'products' not in data: data['products'] = [] |
|
|
if 'categories' not in data: data['categories'] = [] |
|
|
if 'orders' not in data: data['orders'] = {} |
|
|
if 'organization_info' not in data: data['organization_info'] = {} |
|
|
|
|
|
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 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): |
|
|
if not configure_gemini(): |
|
|
return "Извините, сервис чата временно недоступен. Пожалуйста, попробуйте позже." |
|
|
|
|
|
data = load_data() |
|
|
products = data.get('products', []) |
|
|
categories = data.get('categories', []) |
|
|
organization_info = data.get('organization_info', {}) |
|
|
|
|
|
product_info_list = [] |
|
|
for p in products: |
|
|
if p.get('in_stock', True): |
|
|
price_display = f"{p.get('price', 0):.2f}".replace('.00', '') |
|
|
product_info_list.append(f"- [ID_ТОВАРА: {p.get('product_id', 'N/A')} Название: {p.get('name', 'Без названия')}], Категория: {p.get('category', 'Без категории')}, Цена: {price_display} {CURRENCY_CODE}, Описание: {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" |
|
|
|
|
|
|
|
|
system_instruction_content = ( |
|
|
"Ты - доброжелательный и очень полезный виртуальный консультант для магазина Gippo312. " |
|
|
"Твоя задача - помогать пользователям находить товары, отвечать на вопросы о них, предлагать варианты, а также предоставлять информацию о магазине. " |
|
|
"Всегда будь вежлив, информативен и стремись решить проблему пользователя. " |
|
|
"Никогда не выдумывай товары или категории, которых нет в предоставленных списках. " |
|
|
"Когда ты предлагаешь товар, всегда указывай его название и ID, используя *точный формат*: [ID_ТОВАРА: <product_id> Название: <product_name>]. Это *очень важно* для клиента. " |
|
|
"Если пользователь ищет товар или категорию, предлагай несколько наиболее подходящих вариантов или перечисляй доступные из этой категории.\n\n" |
|
|
f"Список доступных категорий: {category_list_str}.\n\n" |
|
|
f"Список доступных товаров в магазине:\n" |
|
|
f"{product_list_str}" |
|
|
f"{org_info_str}\n\n" |
|
|
"Если пользователь спрашивает про товары или категории, которых нет в списках, вежливо сообщи, что таких товаров/категорий нет и предложи что-то из имеющихся, или перечисли доступные категории. " |
|
|
"Если вопрос касается общей информации о магазине (например, 'о нас', 'доставка', 'возврат', 'контакты'), используй данные из блока 'Информация о магазине'. " |
|
|
"Старайся быть кратким, но информативным. Используй эмодзи для дружелюбности. " |
|
|
"Избегай упоминания Hugging Face или Hugging Face Hub." |
|
|
) |
|
|
|
|
|
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}" |
|
|
|
|
|
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>Gippo312 - Каталог</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> |
|
|
:root { |
|
|
--bg-dark: #003C43; |
|
|
--bg-medium: #135D66; |
|
|
--accent: #48D1CC; |
|
|
--accent-hover: #77E4D8; |
|
|
--text-light: #E3FEF7; |
|
|
--text-dark: #333; |
|
|
--danger: #E57373; |
|
|
--danger-hover: #EF5350; |
|
|
} |
|
|
* { 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(--bg-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(--bg-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); |
|
|
} |
|
|
.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; } |
|
|
@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 auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e0e0e0; } |
|
|
.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; } |
|
|
.cart-item-details strong { display: block; margin-bottom: 5px; font-size: 1rem; color: var(--text-dark);} |
|
|
.cart-item-price { font-size: 0.9rem; color: #666; } |
|
|
.cart-item-quantity { display: flex; align-items: center; gap: 8px; grid-column: 3;} |
|
|
.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; } |
|
|
.cart-item-total { font-weight: bold; text-align: right; grid-column: 4; font-size: 1rem; color: var(--bg-medium);} |
|
|
.cart-item-remove { grid-column: 5; 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, .color-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; } |
|
|
.quantity-input:focus, .color-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; } |
|
|
.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: white; 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; } |
|
|
.clear-cart:hover { background-color: #5a6268; } |
|
|
.formulate-order-button { background-color: var(--accent); color: var(--bg-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(--bg-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;} |
|
|
#chatModal .modal-content { max-width: 450px; } |
|
|
#chat-messages { height: 350px; overflow-y: auto; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin-bottom: 15px; display: flex; flex-direction: column; gap: 10px; background-color: #fcfcfc; } |
|
|
.chat-message { padding: 10px 15px; border-radius: 15px; max-width: 80%; word-wrap: break-word; line-height: 1.4;} |
|
|
.chat-message.user { align-self: flex-end; background-color: var(--bg-medium); color: white; border-bottom-right-radius: 2px; } |
|
|
.chat-message.ai { align-self: flex-start; background-color: #e6e6e6; color: var(--text-dark); border-bottom-left-radius: 2px; } |
|
|
.chat-input-container { display: flex; gap: 10px; } |
|
|
#chat-input { flex-grow: 1; padding: 10px 15px; border: 1px solid #e0e0e0; border-radius: 20px; font-size: 0.95rem; outline: none; } |
|
|
#chat-input:focus { border-color: var(--bg-medium); box-shadow: 0 0 0 2px rgba(19, 93, 102, 0.15); } |
|
|
#chat-send-button { background-color: var(--bg-medium); color: white; border: none; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s; flex-shrink: 0; } |
|
|
#chat-send-button:hover { background-color: var(--bg-dark); } |
|
|
#chat-send-button:disabled { background-color: #cccccc; cursor: not-allowed; } |
|
|
|
|
|
.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; } |
|
|
.chat-product-card-actions .fa-cart-plus { font-size: 0.9em; } |
|
|
|
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="container"> |
|
|
<div class="top-bar"> |
|
|
<a href="/" class="logo"> |
|
|
<img src="https://huggingface.co/spaces/gippo312/admin/resolve/main/Picsart_25-11-04_12-02-21-390.png" alt="Gippo312 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=Gippo312" alt="No Image" loading="lazy"> |
|
|
{% endif %} |
|
|
</div> |
|
|
<div class="product-info-overlay"> |
|
|
<span class="product-price">{{ "%.2f"|format(product.price) }} {{ currency_code }}</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> |
|
|
<label for="quantityInput">Количество:</label> |
|
|
<input type="number" id="quantityInput" class="quantity-input" min="1" value="1"> |
|
|
<label for="colorSelect">Цвет/Вариант:</label> |
|
|
<select id="colorSelect" class="color-select"></select> |
|
|
<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 id="chatModal" class="modal"> |
|
|
<div class="modal-content"> |
|
|
<span class="close" onclick="closeModal('chatModal')" aria-label="Закрыть">×</span> |
|
|
<h2><i class="fas fa-comment-dots"></i> Чат с EVA</h2> |
|
|
<div id="chat-messages"></div> |
|
|
<div class="chat-input-container"> |
|
|
<input type="text" id="chat-input" placeholder="Напишите сообщение..."> |
|
|
<button id="chat-send-button"><i class="fas fa-paper-plane"></i></button> |
|
|
</div> |
|
|
<button id="clear-chat-button" class="product-button" style="background-color: var(--danger); margin-top: 15px;"><i class="fas fa-trash"></i> Очистить чат</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="floating-buttons-container"> |
|
|
<button id="chat-open-button" class="floating-button" onclick="openChatModal()" aria-label="Открыть чат"> |
|
|
<i class="fas fa-comment-dots"></i> |
|
|
</button> |
|
|
<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> |
|
|
|
|
|
<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 }}'; |
|
|
let selectedProductId = null; |
|
|
let cart = JSON.parse(localStorage.getItem('mekaCart') || '[]'); |
|
|
let chatHistory = JSON.parse(localStorage.getItem('evaChatHistory') || '[]'); |
|
|
|
|
|
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('/product/' + index) |
|
|
.then(response => { |
|
|
if (!response.ok) throw new Error(`Ошибка ${response.status}: ${response.statusText}`); |
|
|
return response.text(); |
|
|
}) |
|
|
.then(data => { |
|
|
modalContent.innerHTML = data; |
|
|
initializeSwiper(); |
|
|
}) |
|
|
.catch(error => { |
|
|
console.error('Ошибка загрузки деталей продукта:', error); |
|
|
modalContent.innerHTML = `<p style="color: var(--danger); text-align:center; padding: 40px;">Не удалось загрузить информацию о товаре. ${error.message}</p>`; |
|
|
}); |
|
|
} |
|
|
|
|
|
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 openQuantityModalById(productId) { |
|
|
selectedProductId = productId; |
|
|
const product = getProductById(productId); |
|
|
if (!product) { |
|
|
console.error("Product not found for ID:", productId); |
|
|
alert("Ошибка: товар не найден."); |
|
|
return; |
|
|
} |
|
|
const colorSelect = document.getElementById('colorSelect'); |
|
|
const colorLabel = document.querySelector('label[for="colorSelect"]'); |
|
|
colorSelect.innerHTML = ''; |
|
|
const validColors = product.colors ? product.colors.filter(c => c && c.trim() !== "") : []; |
|
|
if (validColors.length > 0) { |
|
|
validColors.forEach(color => { |
|
|
const option = document.createElement('option'); |
|
|
option.value = color.trim(); |
|
|
option.text = color.trim(); |
|
|
colorSelect.appendChild(option); |
|
|
}); |
|
|
colorSelect.style.display = 'block'; |
|
|
if(colorLabel) colorLabel.style.display = 'block'; |
|
|
} else { |
|
|
colorSelect.style.display = 'none'; |
|
|
if(colorLabel) colorLabel.style.display = 'none'; |
|
|
} |
|
|
document.getElementById('quantityInput').value = 1; |
|
|
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('colorSelect'); |
|
|
const color = colorSelect.style.display !== 'none' && colorSelect.value ? colorSelect.value : 'N/A'; |
|
|
if (isNaN(quantity) || quantity <= 0) { |
|
|
alert("Пожалуйста, укажите корректное количество (больше 0)."); |
|
|
quantityInput.focus(); |
|
|
return; |
|
|
} |
|
|
const product = getProductById(selectedProductId); |
|
|
if (!product) { |
|
|
alert("Ошибка добавления: товар не найден."); |
|
|
return; |
|
|
} |
|
|
const cartItemId = `${product.product_id}-${color}`; |
|
|
const existingItemIndex = cart.findIndex(item => item.id === cartItemId); |
|
|
if (existingItemIndex > -1) { |
|
|
cart[existingItemIndex].quantity += quantity; |
|
|
} else { |
|
|
cart.push({ |
|
|
id: cartItemId, |
|
|
product_id: product.product_id, |
|
|
name: product.name, |
|
|
price: product.price, |
|
|
photo: product.photos && product.photos.length > 0 ? product.photos[0] : null, |
|
|
quantity: quantity, |
|
|
color: color |
|
|
}); |
|
|
} |
|
|
localStorage.setItem('mekaCart', 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'; |
|
|
cartButton.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 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'; |
|
|
const colorText = item.color !== 'N/A' ? ` (Цвет: ${item.color})` : ''; |
|
|
return ` |
|
|
<div class="cart-item"> |
|
|
<img src="${photoUrl}" alt="${item.name}"> |
|
|
<div class="cart-item-details"> |
|
|
<strong>${item.name}${colorText}</strong> |
|
|
<p class="cart-item-price">${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', JSON.stringify(cart)); |
|
|
openCartModal(); |
|
|
updateCartButton(); |
|
|
} |
|
|
} |
|
|
|
|
|
function decrementCartItem(itemId) { |
|
|
const itemIndex = cart.findIndex(item => item.id === itemId); |
|
|
if (itemIndex > -1) { |
|
|
cart[itemIndex].quantity--; |
|
|
if (cart[itemIndex].quantity <= 0) { |
|
|
cart.splice(itemIndex, 1); |
|
|
} |
|
|
localStorage.setItem('mekaCart', JSON.stringify(cart)); |
|
|
openCartModal(); |
|
|
updateCartButton(); |
|
|
} |
|
|
} |
|
|
|
|
|
function removeFromCart(itemId) { |
|
|
cart = cart.filter(item => item.id !== itemId); |
|
|
localStorage.setItem('mekaCart', JSON.stringify(cart)); |
|
|
openCartModal(); |
|
|
updateCartButton(); |
|
|
} |
|
|
|
|
|
function clearCart() { |
|
|
if (confirm("Вы уверены, что хотите очистить корзину?")) { |
|
|
cart = []; |
|
|
localStorage.removeItem('mekaCart'); |
|
|
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('/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'); |
|
|
cart = []; |
|
|
updateCartButton(); |
|
|
closeModal('cartModal'); |
|
|
window.location.href = `/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 openChatModal() { |
|
|
const modal = document.getElementById('chatModal'); |
|
|
if(modal) { |
|
|
modal.style.display = "block"; |
|
|
document.body.style.overflow = 'hidden'; |
|
|
displayChatHistory(); |
|
|
document.getElementById('chat-input').focus(); |
|
|
} |
|
|
} |
|
|
|
|
|
function displayChatHistory() { |
|
|
const chatMessagesDiv = document.getElementById('chat-messages'); |
|
|
chatMessagesDiv.innerHTML = ''; |
|
|
chatHistory.forEach(msg => { |
|
|
addMessageToChat(msg.text, msg.role, false); |
|
|
}); |
|
|
chatMessagesDiv.scrollTop = chatMessagesDiv.scrollHeight; |
|
|
} |
|
|
|
|
|
function addMessageToChat(text, role, save = true) { |
|
|
const chatMessagesDiv = document.getElementById('chat-messages'); |
|
|
const messageElement = document.createElement('div'); |
|
|
messageElement.className = `chat-message ${role}`; |
|
|
|
|
|
const productMatchRegex = /\[ID_ТОВАРА:\s*([a-fA-F0-9]+)\s*Название:\s*([^\]]+)\]/g; |
|
|
let lastIndex = 0; |
|
|
const contentFragment = document.createDocumentFragment(); |
|
|
let match; |
|
|
|
|
|
while ((match = productMatchRegex.exec(text)) !== null) { |
|
|
if (match.index > lastIndex) { |
|
|
const textPart = document.createElement('span'); |
|
|
textPart.innerHTML = text.substring(lastIndex, match.index).replace(/\\n/g, '<br>'); |
|
|
contentFragment.appendChild(textPart); |
|
|
} |
|
|
|
|
|
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]}` |
|
|
: 'https://via.placeholder.com/50x50.png?text=Gippo312'; |
|
|
|
|
|
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(2)} ${currencyCode}</span> |
|
|
</div> |
|
|
<div class="chat-product-card-actions"> |
|
|
<a href="#" class="chat-product-link" data-product-id="${productId}">Обзор</a> |
|
|
<a href="#" class="chat-add-to-cart" data-product-id="${productId}"><i class="fas fa-cart-plus"></i></a> |
|
|
</div> |
|
|
`; |
|
|
contentFragment.appendChild(card); |
|
|
} else { |
|
|
const productName = match[2]; |
|
|
const notFoundText = document.createElement('span'); |
|
|
notFoundText.innerHTML = `[ID_ТОВАРА: ${productId} Название: ${productName}] (товар не найден) `; |
|
|
contentFragment.appendChild(notFoundText); |
|
|
} |
|
|
lastIndex = match.index + match[0].length; |
|
|
} |
|
|
|
|
|
if (lastIndex < text.length) { |
|
|
const textPart = document.createElement('span'); |
|
|
textPart.innerHTML = text.substring(lastIndex).replace(/\\n/g, '<br>'); |
|
|
contentFragment.appendChild(textPart); |
|
|
} |
|
|
|
|
|
messageElement.appendChild(contentFragment); |
|
|
chatMessagesDiv.appendChild(messageElement); |
|
|
chatMessagesDiv.scrollTop = chatMessagesDiv.scrollHeight; |
|
|
|
|
|
if (save) { |
|
|
chatHistory.push({ text: text, role: role }); |
|
|
localStorage.setItem('evaChatHistory', JSON.stringify(chatHistory)); |
|
|
} |
|
|
|
|
|
messageElement.querySelectorAll('.chat-product-link').forEach(link => { |
|
|
link.addEventListener('click', (e) => { |
|
|
e.preventDefault(); |
|
|
const id = e.currentTarget.dataset.productId; |
|
|
closeModal('chatModal'); |
|
|
openModalById(id); |
|
|
}); |
|
|
}); |
|
|
messageElement.querySelectorAll('.chat-add-to-cart').forEach(link => { |
|
|
link.addEventListener('click', (e) => { |
|
|
e.preventDefault(); |
|
|
const id = e.currentTarget.dataset.productId; |
|
|
closeModal('chatModal'); |
|
|
openQuantityModalById(id); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
|
|
|
async function sendMessage() { |
|
|
const chatInput = document.getElementById('chat-input'); |
|
|
const chatSendButton = document.getElementById('chat-send-button'); |
|
|
const message = chatInput.value.trim(); |
|
|
if (!message) return; |
|
|
addMessageToChat(message, 'user'); |
|
|
chatInput.value = ''; |
|
|
chatSendButton.disabled = true; |
|
|
try { |
|
|
const response = await fetch('/chat_with_ai', { |
|
|
method: 'POST', |
|
|
headers: { 'Content-Type': 'application/json' }, |
|
|
body: JSON.stringify({ message: message, history: chatHistory }) |
|
|
}); |
|
|
const result = await response.json(); |
|
|
if (!response.ok) { |
|
|
throw new Error(result.error || 'Ошибка при получении ответа от ИИ.'); |
|
|
} |
|
|
addMessageToChat(result.text, 'ai'); |
|
|
} catch (error) { |
|
|
console.error("Chat AI Error:", error); |
|
|
addMessageToChat(`Извините, произошла ошибка: ${error.message}`, 'ai', false); |
|
|
} finally { |
|
|
chatSendButton.disabled = false; |
|
|
} |
|
|
} |
|
|
|
|
|
function clearChatHistory() { |
|
|
if (confirm("Вы уверены, что хотите очистить историю чата?")) { |
|
|
chatHistory = []; |
|
|
localStorage.removeItem('evaChatHistory'); |
|
|
displayChatHistory(); |
|
|
showNotification("История чата очищена."); |
|
|
} |
|
|
} |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => { |
|
|
updateCartButton(); |
|
|
document.getElementById('search-input').addEventListener('input', filterProducts); |
|
|
document.getElementById('chat-send-button').addEventListener('click', sendMessage); |
|
|
document.getElementById('chat-input').addEventListener('keypress', function(e) { |
|
|
if (e.key === 'Enter') { sendMessage(); } |
|
|
}); |
|
|
document.getElementById('clear-chat-button').addEventListener('click', clearChatHistory); |
|
|
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); |
|
|
}); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
''' |
|
|
|
|
|
PRODUCT_DETAIL_TEMPLATE = ''' |
|
|
<div style="padding: 10px;"> |
|
|
<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="text-align:center; margin-top:20px; padding: 0 10px;"> |
|
|
<p style="font-size: 1.5rem; font-weight: bold; color: #135D66; margin-bottom: 15px;"><strong>Цена:</strong> {{ "%.2f"|format(product.price) }} {{ currency_code }}</p> |
|
|
<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> |
|
|
{% set colors = product.get('colors', []) %} |
|
|
{% if colors and colors|select('ne', '')|list|length > 0 %} |
|
|
<p><strong>Доступные цвета/варианты:</strong> {{ colors|select('ne', '')|join(', ') }}</p> |
|
|
{% endif %} |
|
|
</div> |
|
|
</div> |
|
|
''' |
|
|
|
|
|
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 }} - Gippo312</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 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 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 { 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; 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; text-align: right; 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;} |
|
|
</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') }}" 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) => ` |
|
|
<div class="order-item"> |
|
|
<img src="${item.photo_url}" alt="${item.name}"> |
|
|
<div class="item-details"> |
|
|
<strong>${item.name} ${item.color !== 'N/A' ? `(${item.color})` : ''}</strong> |
|
|
<span>${item.price.toFixed(2)} {{ currency_code }}</span> |
|
|
</div> |
|
|
<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> |
|
|
`).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 }}"; |
|
|
let message = `Здравствуйте! Хочу подтвердить или изменить свой заказ на Gippo312:%0A%0A`; |
|
|
message += `*Номер заказа:* ${orderId}%0A%0A`; |
|
|
|
|
|
order.cart.forEach(item => { |
|
|
message += `*${item.name}* ${item.color !== 'N/A' ? `(${item.color})` : ''}%0A`; |
|
|
message += ` - Количество: ${item.quantity}%0A`; |
|
|
message += ` - Цена: ${item.price.toFixed(2)} {{ currency_code }}%0A`; |
|
|
}); |
|
|
|
|
|
message += `%0A*Итоговая сумма:* ${order.total_price.toFixed(2)} {{ currency_code }}%0A%0A`; |
|
|
message += `Пожалуйста, свяжитесь со мной для уточнения деталей.`; |
|
|
|
|
|
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') }}" 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>Админ-панель - Gippo312</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; border-bottom: 1px solid #e0e0e0; list-style: none; position: relative; } |
|
|
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; } |
|
|
.color-input-group { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } |
|
|
.color-input-group input { flex-grow: 1; margin: 0; } |
|
|
.remove-color-btn { background-color: var(--danger); color: white; padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; } |
|
|
.remove-color-btn:hover { background-color: var(--danger-hover); } |
|
|
.add-color-btn { background-color: #B2DFDB; color: var(--bg-medium); border: 1px solid #e0e0e0; } |
|
|
.add-color-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;} |
|
|
.ai-generate-button { background-color: #8D6EC8; color: white; margin-top: 5px; margin-bottom: 10px; } |
|
|
.ai-generate-button:hover { background-color: #7B4DB5; } |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="container"> |
|
|
<div class="header"> |
|
|
<div class="logo-title-container" style="display: flex; align-items: center; gap: 15px;"> |
|
|
<img src="https://huggingface.co/spaces/gippo312/admin/resolve/main/Picsart_25-11-04_12-02-21-390.png" alt="Gippo312 Logo"> |
|
|
<h1><i class="fas fa-tools"></i> Админ-панель Gippo312</h1> |
|
|
</div> |
|
|
<a href="{{ url_for('catalog') }}" 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-sync-alt"></i> Синхронизация с Датацентром</h2> |
|
|
<div class="sync-buttons"> |
|
|
<form method="POST" action="{{ url_for('force_upload') }}" 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') }}" 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="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> |
|
|
<label for="add_price">Цена ({{ currency_code }}) *:</label> |
|
|
<input type="number" id="add_price" name="price" step="0.01" min="0" required> |
|
|
<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"> |
|
|
<div class="color-input-group"> |
|
|
<input type="text" name="colors" placeholder="Например: Розовый"> |
|
|
<button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> |
|
|
</div> |
|
|
</div> |
|
|
<button type="button" class="button add-color-btn" style="margin-top: 5px;" onclick="addColorInput('add-color-inputs')"><i class="fas fa-palette"></i> Добавить поле</button> |
|
|
<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> |
|
|
<p><strong>Цена:</strong> {{ "%.2f"|format(product.price) }} {{ currency_code }}</p> |
|
|
<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', []) %} |
|
|
<p><strong>Цвета/Вар-ты:</strong> {{ colors|select('ne', '')|join(', ') if colors|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> |
|
|
<label>Цена ({{ currency_code }}) *:</label> |
|
|
<input type="number" name="price" step="0.01" min="0" value="{{ product['price'] }}" required> |
|
|
<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 }}"> |
|
|
{% 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="color-input-group"> |
|
|
<input type="text" name="colors" value="{{ color }}"> |
|
|
<button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> |
|
|
</div> |
|
|
{% endif %} |
|
|
{% endfor %} |
|
|
{% else %} |
|
|
<div class="color-input-group"> |
|
|
<input type="text" name="colors" placeholder="Например: Цвет"> |
|
|
<button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> |
|
|
</div> |
|
|
{% endif %} |
|
|
</div> |
|
|
<button type="button" class="button add-color-btn" style="margin-top: 5px;" onclick="addColorInput('edit-color-inputs-{{ loop.index0 }}')"><i class="fas fa-palette"></i> Добавить поле</button> |
|
|
<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> |
|
|
|
|
|
<script> |
|
|
function toggleEditForm(formId) { |
|
|
const formContainer = document.getElementById(formId); |
|
|
if (formContainer) { |
|
|
formContainer.style.display = formContainer.style.display === 'none' || formContainer.style.display === '' ? 'block' : 'none'; |
|
|
} |
|
|
} |
|
|
|
|
|
function addColorInput(containerId) { |
|
|
const container = document.getElementById(containerId); |
|
|
if (container) { |
|
|
const newInputGroup = document.createElement('div'); |
|
|
newInputGroup.className = 'color-input-group'; |
|
|
newInputGroup.innerHTML = ` |
|
|
<input type="text" name="colors" placeholder="Новый цвет/вариант"> |
|
|
<button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> |
|
|
`; |
|
|
container.appendChild(newInputGroup); |
|
|
const newInput = newInputGroup.querySelector('input[name="colors"]'); |
|
|
if (newInput) { |
|
|
newInput.focus(); |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
function removeColorInput(button) { |
|
|
const group = button.closest('.color-input-group'); |
|
|
if (group) { |
|
|
const container = group.parentNode; |
|
|
group.remove(); |
|
|
if (container && container.children.length === 0) { |
|
|
const placeholderGroup = document.createElement('div'); |
|
|
placeholderGroup.className = 'color-input-group'; |
|
|
placeholderGroup.innerHTML = ` |
|
|
<input type="text" name="colors" placeholder="Например: Цвет"> |
|
|
<button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> |
|
|
`; |
|
|
container.appendChild(placeholderGroup); |
|
|
} |
|
|
} else { |
|
|
console.warn("Could not find parent .color-input-group for remove button"); |
|
|
} |
|
|
} |
|
|
|
|
|
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); |
|
|
} |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
''' |
|
|
|
|
|
@app.route('/') |
|
|
def catalog(): |
|
|
data = load_data() |
|
|
all_products_raw = data.get('products', []) |
|
|
|
|
|
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)] |
|
|
|
|
|
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, |
|
|
store_address=STORE_ADDRESS, |
|
|
currency_code=CURRENCY_CODE |
|
|
) |
|
|
|
|
|
|
|
|
@app.route('/product/<int:index>') |
|
|
def product_detail(index): |
|
|
data = load_data() |
|
|
all_products_raw = data.get('products', []) |
|
|
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=CURRENCY_CODE |
|
|
) |
|
|
|
|
|
@app.route('/create_order', methods=['POST']) |
|
|
def create_order(): |
|
|
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'), |
|
|
"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 = load_data() |
|
|
if 'orders' not in data or not isinstance(data.get('orders'), dict): |
|
|
data['orders'] = {} |
|
|
|
|
|
data['orders'][order_id] = new_order |
|
|
save_data(data) |
|
|
return jsonify({"order_id": order_id}), 201 |
|
|
|
|
|
except Exception as e: |
|
|
return jsonify({"error": "Ошибка сервера при сохранении заказа."}), 500 |
|
|
|
|
|
|
|
|
@app.route('/order/<order_id>') |
|
|
def view_order(order_id): |
|
|
data = load_data() |
|
|
order = data.get('orders', {}).get(order_id) |
|
|
|
|
|
return render_template_string(ORDER_TEMPLATE, |
|
|
order=order, |
|
|
repo_id=REPO_ID, |
|
|
currency_code=CURRENCY_CODE, |
|
|
whatsapp_number=WHATSAPP_NUMBER) |
|
|
|
|
|
|
|
|
@app.route('/admin', methods=['GET', 'POST']) |
|
|
def admin(): |
|
|
data = load_data() |
|
|
products = data.get('products', []) |
|
|
categories = data.get('categories', []) |
|
|
organization_info = data.get('organization_info', {}) |
|
|
|
|
|
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_data(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_data(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_data(data) |
|
|
flash("Информация о магазине успешно обновлена.", 'success') |
|
|
|
|
|
elif action == 'add_product': |
|
|
name = request.form.get('name', '').strip() |
|
|
price_str = request.form.get('price', '').replace(',', '.') |
|
|
description = request.form.get('description', '').strip() |
|
|
category = request.form.get('category') |
|
|
photos_files = request.files.getlist('photos') |
|
|
colors = [c.strip() for c in request.form.getlist('colors') if c.strip()] |
|
|
in_stock = 'in_stock' in request.form |
|
|
is_top = 'is_top' in request.form |
|
|
|
|
|
if not name or not price_str: |
|
|
flash("Название и цена товара обязательны.", 'error') |
|
|
return redirect(url_for('admin')) |
|
|
|
|
|
try: |
|
|
price = round(float(price_str), 2) |
|
|
if price < 0: price = 0 |
|
|
except ValueError: |
|
|
flash("Неверный формат цены.", 'error') |
|
|
return redirect(url_for('admin')) |
|
|
|
|
|
photos_list = [] |
|
|
if photos_files and HF_TOKEN_WRITE: |
|
|
uploads_dir = 'uploads_temp' |
|
|
os.makedirs(uploads_dir, exist_ok=True) |
|
|
api = HfApi() |
|
|
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(name.replace(' ', '_'))[:50] |
|
|
photo_filename = f"{safe_name}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{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, |
|
|
commit_message=f"Add photo for product {name}" |
|
|
) |
|
|
photos_list.append(photo_filename) |
|
|
os.remove(temp_path) |
|
|
uploaded_count += 1 |
|
|
except Exception as e: |
|
|
flash(f"Ошибка при загрузке фото {photo.filename}.", 'error') |
|
|
if os.path.exists(temp_path): |
|
|
try: os.remove(temp_path) |
|
|
except OSError: pass |
|
|
elif photo and not photo.filename: |
|
|
pass |
|
|
try: |
|
|
if os.path.exists(uploads_dir) and not os.listdir(uploads_dir): |
|
|
os.rmdir(uploads_dir) |
|
|
except OSError as e: |
|
|
pass |
|
|
elif not HF_TOKEN_WRITE and photos_files and any(f.filename for f in photos_files): |
|
|
flash("HF_TOKEN (write) не настроен. Фотографии не были загружены.", "warning") |
|
|
|
|
|
|
|
|
new_product = { |
|
|
'product_id': uuid4().hex, |
|
|
'name': name, 'price': price, 'description': description, |
|
|
'category': category if category in categories else 'Без категории', |
|
|
'photos': photos_list, 'colors': colors, |
|
|
'in_stock': in_stock, 'is_top': is_top |
|
|
} |
|
|
products.append(new_product) |
|
|
data['products'] = products |
|
|
save_data(data) |
|
|
flash(f"Товар '{name}' успешно добавлен.", 'success') |
|
|
|
|
|
elif action == 'edit_product': |
|
|
product_id = request.form.get('product_id') |
|
|
product_to_edit = next((p for p in products if p.get('product_id') == product_id), None) |
|
|
|
|
|
if product_to_edit is None: |
|
|
flash(f"Ошибка редактирования: товар с ID '{product_id}' не найден.", 'error') |
|
|
return redirect(url_for('admin')) |
|
|
|
|
|
original_name = product_to_edit.get('name', 'N/A') |
|
|
|
|
|
product_to_edit['name'] = request.form.get('name', product_to_edit['name']).strip() |
|
|
price_str = request.form.get('price', str(product_to_edit['price'])).replace(',', '.') |
|
|
product_to_edit['description'] = request.form.get('description', product_to_edit.get('description', '')).strip() |
|
|
category = request.form.get('category') |
|
|
product_to_edit['category'] = category if category in categories else 'Без категории' |
|
|
product_to_edit['colors'] = [c.strip() for c in request.form.getlist('colors') if c.strip()] |
|
|
product_to_edit['in_stock'] = 'in_stock' in request.form |
|
|
product_to_edit['is_top'] = 'is_top' in request.form |
|
|
|
|
|
try: |
|
|
price = round(float(price_str), 2) |
|
|
if price < 0: price = 0 |
|
|
product_to_edit['price'] = price |
|
|
except ValueError: |
|
|
flash(f"Неверный формат цены для товара '{original_name}'. Цена не изменена.", 'warning') |
|
|
|
|
|
photos_files = request.files.getlist('photos') |
|
|
if photos_files and any(f.filename for f in photos_files) and 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_to_edit['name'].replace(' ', '_'))[:50] |
|
|
photo_filename = f"{safe_name}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{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, |
|
|
commit_message=f"Update photo for product {product_to_edit['name']}") |
|
|
new_photos_list.append(photo_filename) |
|
|
os.remove(temp_path) |
|
|
uploaded_count += 1 |
|
|
except Exception as e: |
|
|
flash(f"Ошибка при загрузке нового фото {photo.filename}.", 'error') |
|
|
if os.path.exists(temp_path): |
|
|
try: os.remove(temp_path) |
|
|
except OSError: pass |
|
|
try: |
|
|
if os.path.exists(uploads_dir) and not os.listdir(uploads_dir): |
|
|
os.rmdir(uploads_dir) |
|
|
except OSError as e: |
|
|
pass |
|
|
|
|
|
if new_photos_list: |
|
|
old_photos = product_to_edit.get('photos', []) |
|
|
if old_photos: |
|
|
try: |
|
|
api = HfApi() |
|
|
api.delete_files( |
|
|
repo_id=REPO_ID, |
|
|
paths_in_repo=[f"photos/{p}" for p in old_photos], |
|
|
repo_type="dataset", |
|
|
token=HF_TOKEN_WRITE, |
|
|
commit_message=f"Delete old photos for product {product_to_edit['name']}" |
|
|
) |
|
|
except Exception as e: |
|
|
flash("Не удалось удалить старые фотографии с сервера. Новые фото загружены.", "warning") |
|
|
product_to_edit['photos'] = new_photos_list |
|
|
flash("Фотографии товара успешно обновлены.", "success") |
|
|
elif uploaded_count == 0 and any(f.filename for f in photos_files): |
|
|
flash("Не удалось загрузить новые фотографии (возможно, неверный формат).", "error") |
|
|
elif not HF_TOKEN_WRITE and photos_files and any(f.filename for f in photos_files): |
|
|
flash("HF_TOKEN (write) не настроен. Фотографии не были обновлены.", "warning") |
|
|
|
|
|
save_data(data) |
|
|
flash(f"Товар '{product_to_edit['name']}' успешно обновлен.", 'success') |
|
|
|
|
|
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')) |
|
|
|
|
|
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_data(data) |
|
|
flash(f"Товар '{product_name}' удален.", 'success') |
|
|
|
|
|
else: |
|
|
flash(f"Неизвестное действие: {action}", 'warning') |
|
|
|
|
|
return redirect(url_for('admin')) |
|
|
|
|
|
except Exception as e: |
|
|
flash(f"Произошла внутренняя ошибка при выполнении действия '{action}'. Подробности в логе сервера.", 'error') |
|
|
return redirect(url_for('admin')) |
|
|
|
|
|
current_data = load_data() |
|
|
display_products = sorted(current_data.get('products', []), key=lambda p: p.get('name', '').lower()) |
|
|
display_categories = sorted(current_data.get('categories', [])) |
|
|
display_organization_info = current_data.get('organization_info', {}) |
|
|
|
|
|
return render_template_string( |
|
|
ADMIN_TEMPLATE, |
|
|
products=display_products, |
|
|
categories=display_categories, |
|
|
organization_info=display_organization_info, |
|
|
repo_id=REPO_ID, |
|
|
currency_code=CURRENCY_CODE |
|
|
) |
|
|
|
|
|
@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('/chat_with_ai', methods=['POST']) |
|
|
def handle_chat_with_ai(): |
|
|
request_data = request.get_json() |
|
|
user_message = request_data.get('message') |
|
|
chat_history_from_client = request_data.get('history', []) |
|
|
|
|
|
if not user_message: |
|
|
return jsonify({"error": "Сообщение не может быть пустым."}), 400 |
|
|
|
|
|
try: |
|
|
ai_response_text = generate_chat_response(user_message, chat_history_from_client) |
|
|
return jsonify({"text": ai_response_text}) |
|
|
except Exception as e: |
|
|
return jsonify({"error": f"Ошибка чата: {e}"}), 500 |
|
|
|
|
|
@app.route('/force_upload', methods=['POST']) |
|
|
def force_upload(): |
|
|
try: |
|
|
upload_db_to_hf() |
|
|
flash("Данные успешно загружены на Hugging Face.", 'success') |
|
|
except Exception as e: |
|
|
flash(f"Ошибка при загрузке на Hugging Face: {e}", 'error') |
|
|
return redirect(url_for('admin')) |
|
|
|
|
|
@app.route('/force_download', methods=['POST']) |
|
|
def force_download(): |
|
|
try: |
|
|
if download_db_from_hf(): |
|
|
flash("Данные успешно скачаны с Hugging Face. Локальные файлы обновлены.", 'success') |
|
|
load_data() |
|
|
else: |
|
|
flash("Не удалось скачать данные с Hugging Face после нескольких попыток. Проверьте логи.", 'error') |
|
|
except Exception as e: |
|
|
flash(f"Ошибка при скачивании с Hugging Face: {e}", 'error') |
|
|
return redirect(url_for('admin')) |
|
|
|
|
|
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) |
|
|
|
