Spaces:
Sleeping
Sleeping
| from flask import Flask, render_template_string, request, redirect, url_for, send_file, flash, jsonify, session | |
| import json | |
| import os | |
| import logging | |
| import threading | |
| import time | |
| from datetime import datetime | |
| 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 | |
| import uuid | |
| load_dotenv() | |
| app = Flask(__name__) | |
| app.secret_key = os.getenv("FLASK_SECRET_KEY", 'your_unique_secret_key_integrity_shop_67890_no_login') | |
| DATA_FILE = 'data.json' | |
| SYNC_FILES = [DATA_FILE] | |
| REPO_ID = "Kgshop/integrity" | |
| HF_TOKEN_WRITE = os.getenv("HF_TOKEN") | |
| HF_TOKEN_READ = os.getenv("HF_TOKEN_READ") | |
| CURRENCY_CODE = 'KGS' | |
| ADMIN_CURRENCY_CODE = 'USD' | |
| DOWNLOAD_RETRIES = 3 | |
| DOWNLOAD_DELAY = 5 | |
| logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s') | |
| translations = { | |
| 'ru': { | |
| 'site_name': 'Integrity', | |
| 'catalog_title': 'Integrity - Каталог', | |
| 'admin_title': 'Админ-панель - Integrity', | |
| 'order_title': 'Заказ №{order_id} - Integrity', | |
| 'all_categories': 'Все категории', | |
| 'all_suppliers': 'Все поставщики', | |
| 'search_placeholder': 'Поиск по названию или описанию...', | |
| 'no_products_yet': 'Товары пока не добавлены.', | |
| 'details': 'Подробнее', | |
| 'add_to_cart': 'В корзину', | |
| 'loading': 'Загрузка...', | |
| 'specify_quantity_color': 'Укажите количество и цвет', | |
| 'quantity': 'Количество:', | |
| 'color_variant': 'Цвет/Вариант:', | |
| 'confirm_add_to_cart': 'Добавить в корзину', | |
| 'your_cart': 'Ваша корзина', | |
| 'cart_empty': 'Ваша корзина пуста.', | |
| 'total': 'Итого:', | |
| 'clear_cart': 'Очистить корзину', | |
| 'formulate_order': 'Сформировать заказ', | |
| 'open_cart_aria': 'Открыть корзину', | |
| 'error_product_not_found': 'Ошибка: товар не найден.', | |
| 'error_invalid_quantity': 'Пожалуйста, укажите корректное количество (больше 0).', | |
| 'error_adding_product_not_found': 'Ошибка добавления: товар не найден.', | |
| 'product_added_to_cart': '{product_name} добавлен в корзину!', | |
| 'cart_item_color_prefix': ' (Цвет: ', | |
| 'cart_item_color_suffix': ')', | |
| 'remove_item_title': 'Удалить товар', | |
| 'confirm_clear_cart': 'Вы уверены, что хотите очистить корзину?', | |
| 'cart_empty_for_order': 'Корзина пуста! Добавьте товары перед формированием заказа.', | |
| 'formulating_order': 'Формируем заказ...', | |
| 'failed_to_create_order': 'Не удалось создать заказ', | |
| 'order_id_not_received': 'Не получен ID заказа от сервера.', | |
| 'error_generic': 'Ошибка: {error_message}', | |
| 'no_products_found_for_query': 'По вашему запросу товары не найдены.', | |
| 'product_detail_photo_alt': '{product_name} - фото {loop_index}', | |
| 'no_image_alt': 'Изображение отсутствует', | |
| 'category': 'Категория:', | |
| 'supplier': 'Поставщик:', | |
| 'no_category': 'Без категории', | |
| 'no_supplier': 'Без поставщика', | |
| 'price': 'Цена:', | |
| 'description': 'Описание:', | |
| 'description_absent': 'Описание отсутствует.', | |
| 'available_colors_variants': 'Доступные цвета/варианты:', | |
| 'order_page_title': 'Ваш Заказ №{order_id}', | |
| 'creation_date': 'Дата создания:', | |
| 'products_in_order': 'Товары в заказе', | |
| 'total_products_sum': 'Общая сумма товаров:', | |
| 'total_to_pay': 'ИТОГО К ОПЛАТЕ:', | |
| 'order_status': 'Статус заказа', | |
| 'anonymous_order_notice': 'Этот заказ был оформлен без входа в систему.', | |
| 'contact_whatsapp_notice': 'Пожалуйста, свяжитесь с нами по WhatsApp для подтверждения и уточнения деталей.', | |
| 'send_order_button': 'Отправить в WhatsApp', | |
| 'back_to_catalog': '← Вернуться в каталог', | |
| 'error_page_title': 'Ошибка', | |
| 'order_not_found_by_id': 'Заказ с таким ID не найден.', | |
| 'whatsapp_greeting': 'Здравствуйте! Хочу подтвердить свой заказ на Integrity:', | |
| 'whatsapp_order_number': 'Номер заказа:', | |
| 'whatsapp_order_link': 'Ссылка на заказ:', | |
| 'whatsapp_contact_request': 'Пожалуйста, свяжитесь со мной для уточнения деталей оплаты и доставки.', | |
| 'whatsapp_request_price_calculation': 'Пожалуйста, рассчитайте стоимость заказа.', | |
| 'admin_panel_h1': 'Админ-панель Integrity', | |
| 'go_to_catalog': 'Перейти в каталог', | |
| 'sync_with_dc': 'Синхронизация с Датацентром', | |
| 'upload_db': 'Загрузить БД', | |
| 'download_db': 'Скачать БД', | |
| 'confirm_force_upload': 'Вы уверены, что хотите принудительно загрузить локальные данные на сервер? Это перезапишет данные на сервере.', | |
| 'confirm_force_download': 'Вы уверены, что хотите принудительно скачать данные с сервера? Это перезапишет ваши локальные файлы.', | |
| 'sync_info_text': 'Резервное копирование происходит автоматически каждые 30 минут, а также после каждого сохранения данных. Используйте эти кнопки для немедленной синхронизации.', | |
| 'manage_categories': 'Управление категориями', | |
| 'add_new_category': 'Добавить новую категорию', | |
| 'new_category_name_label': 'Название новой категории:', | |
| 'add_button': 'Добавить', | |
| 'existing_categories': 'Существующие категории:', | |
| 'confirm_delete_category': "Вы уверены, что хотите удалить категорию '{category_name}'? Товары этой категории будут помечены как 'Без категории'.", | |
| 'no_categories_yet': 'Категорий пока нет.', | |
| 'manage_suppliers': 'Управление поставщиками', | |
| 'add_new_supplier': 'Добавить нового поставщика', | |
| 'new_supplier_name_label': 'Название нового поставщика:', | |
| 'existing_suppliers': 'Существующие поставщики:', | |
| 'confirm_delete_supplier': "Вы уверены, что хотите удалить поставщика '{supplier_name}'? Товары этого поставщика будут помечены как 'Без поставщика'.", | |
| 'no_suppliers_yet': 'Поставщиков пока нет.', | |
| 'information_section_title': 'Информация', | |
| 'user_management_disabled_info': 'Управление пользователями отключено, так как сайт не требует входа.', | |
| 'anonymous_orders_whatsapp_info': 'Заказы создаются анонимно и должны быть подтверждены через WhatsApp.', | |
| 'manage_products': 'Управление товарами', | |
| 'add_new_product': 'Добавить новый товар', | |
| 'product_name_label': 'Название товара *:', | |
| 'product_price_usd_label': 'Цена (USD) *:', | |
| 'product_discount_percent_label': 'Скидка (%):', | |
| 'product_description_label': 'Описание:', | |
| 'product_category_label': 'Категория:', | |
| 'product_supplier_label': 'Поставщик:', | |
| 'no_category_option': 'Без категории', | |
| 'no_supplier_option': 'Без поставщика', | |
| 'photos_label': 'Фотографии (до 10 шт.):', | |
| 'colors_variants_label': 'Цвета/Варианты (оставьте пустым, если нет):', | |
| 'color_placeholder_example': 'Например: Синий', | |
| 'add_color_field_button': 'Добавить поле для цвета/варианта', | |
| 'in_stock_label': 'В наличии', | |
| 'top_product_label': 'Топ товар (показывать наверху)', | |
| 'add_product_button': 'Добавить товар', | |
| 'product_list_title': 'Список товаров:', | |
| 'view_first_photo_title': 'Посмотреть первое фото', | |
| 'photo_alt': 'Фото', | |
| 'no_photo_alt': 'Нет фото', | |
| 'status_in_stock': 'В наличии', | |
| 'status_out_of_stock': 'Нет в наличии', | |
| 'status_top_product': 'Топ', | |
| 'description_label_item': 'Описание:', | |
| 'description_not_available': 'Отсутствует', | |
| 'colors_variants_item_label': 'Цвета/Вар-ты:', | |
| 'colors_not_available': 'Нет', | |
| 'discount_label_item': 'Скидка:', | |
| 'discount_badge_text': 'Скидка {discount}%', | |
| 'total_photos_count': '(Всего фото: {count})', | |
| 'edit_button': 'Редактировать', | |
| 'confirm_delete_product': "Вы уверены, что хотите удалить товар '{product_name}'?", | |
| 'delete_button': 'Удалить', | |
| 'editing_product_title': 'Редактирование: {product_name}', | |
| 'product_name_edit_label': 'Название *:', | |
| 'product_price_usd_edit_label': 'Цена (USD) *:', | |
| 'product_discount_percent_edit_label': 'Скидка (%):', | |
| 'product_description_edit_label': 'Описание:', | |
| 'product_category_edit_label': 'Категория:', | |
| 'product_supplier_edit_label': 'Поставщик:', | |
| 'replace_photos_label': 'Заменить фотографии (выберите новые файлы, до 10 шт.):', | |
| 'current_photos_label': 'Текущие фото:', | |
| 'photo_alt_indexed': 'Фото {loop_index}', | |
| 'colors_variants_edit_label': 'Цвета/Варианты:', | |
| 'color_placeholder_generic': 'Например: Цвет', | |
| 'add_color_field_edit_button': 'Добавить поле для цвета', | |
| 'in_stock_edit_label': 'В наличии', | |
| 'top_product_edit_label': 'Топ товар', | |
| 'save_changes_button': 'Сохранить изменения', | |
| 'no_products_yet_admin': 'Товаров пока нет.', | |
| 'js_new_color_variant_placeholder': 'Новый цвет/вариант', | |
| 'flash_category_added_success': "Категория '{category_name}' успешно добавлена.", | |
| 'flash_category_name_empty': 'Название категории не может быть пустым.', | |
| 'flash_category_already_exists': "Категория '{category_name}' уже существует.", | |
| 'flash_category_delete_success': "Категория '{category_name}' удалена. {updated_count} товаров обновлено.", | |
| 'flash_category_delete_failed': "Не удалось удалить категорию '{category_name}'.", | |
| 'flash_supplier_added_success': "Поставщик '{supplier_name}' успешно добавлен.", | |
| 'flash_supplier_name_empty': 'Имя поставщика не может быть пустым.', | |
| 'flash_supplier_already_exists': "Поставщик '{supplier_name}' уже существует.", | |
| 'flash_supplier_delete_success': "Поставщик '{supplier_name}' удален. {updated_count} товаров обновлено.", | |
| 'flash_supplier_delete_failed': "Не удалось удалить поставщика '{supplier_name}'.", | |
| 'flash_product_name_price_required': 'Название и цена товара обязательны.', | |
| 'flash_invalid_price_format': 'Неверный формат цены.', | |
| 'flash_invalid_discount_format': 'Неверный формат скидки (0-100).', | |
| 'flash_photo_limit_reached': 'Загружено только первые {photo_limit} фото.', | |
| 'flash_file_not_image_skipped': 'Файл {filename} не является изображением и был пропущен.', | |
| 'flash_photo_upload_error': 'Ошибка при загрузке фото {filename}.', | |
| 'flash_hf_token_write_not_set_photos_not_uploaded': 'HF_TOKEN (write) не настроен. Фотографии не были загружены.', | |
| 'flash_product_added_success': "Товар '{product_name}' успешно добавлен.", | |
| 'flash_edit_error_no_id': 'Ошибка редактирования: ID товара не передан.', | |
| 'flash_edit_error_not_found': "Ошибка редактирования: товар с ID '{product_id}' не найден.", | |
| 'flash_invalid_price_format_edit_warning': "Неверный формат цены для товара '{product_name}'. Цена не изменена.", | |
| 'flash_invalid_discount_format_edit_warning': "Неверный формат скидки для товара '{product_name}'. Скидка не изменена.", | |
| 'flash_photos_updated_success': 'Фотографии товара успешно обновлены.', | |
| 'flash_failed_to_upload_new_photos_format_error': 'Не удалось загрузить новые фотографии (возможно, неверный формат).', | |
| 'flash_hf_token_write_not_set_photos_not_updated': 'HF_TOKEN (write) не настроен. Фотографии не были обновлены.', | |
| 'flash_product_updated_success': "Товар '{product_name}' успешно обновлен.", | |
| 'flash_delete_error_no_id': 'Ошибка удаления: ID товара не передан.', | |
| 'flash_delete_error_not_found': "Ошибка удаления: товар с ID '{product_id}' не найден.", | |
| 'flash_failed_delete_hf_photos_warning': "Не удалось удалить фото для товара '{product_name}' с сервера. Товар удален локально.", | |
| 'flash_hf_token_write_not_set_photos_not_deleted_warning': "Товар '{product_name}' удален локально, но фото не удалены с сервера (токен не задан).", | |
| 'flash_product_deleted_success': "Товар '{product_name}' удален.", | |
| 'flash_unknown_action': 'Неизвестное действие: {action}', | |
| 'flash_internal_error': "Произошла внутренняя ошибка при выполнении действия '{action}'. Подробности в логе сервера.", | |
| 'flash_data_uploaded_hf_success': 'Данные успешно загружены на Hugging Face.', | |
| 'flash_data_upload_hf_error': 'Ошибка при загрузке на Hugging Face: {error}', | |
| 'flash_data_downloaded_hf_success': 'Данные успешно скачаны с Hugging Face. Локальные файлы обновлены.', | |
| 'flash_data_download_hf_error_retries': 'Не удалось скачать данные с Hugging Face после нескольких попыток. Проверьте логи.', | |
| 'flash_data_download_hf_error': 'Ошибка при скачивании с Hugging Face: {error}', | |
| 'currency_name': 'Кыргызский сом', | |
| 'close_button_aria': 'Закрыть', | |
| 'admin_settings_title': 'Настройки магазина', | |
| 'admin_usd_to_kgs_rate_label': 'Курс USD к KGS (например: 87.50):', | |
| 'admin_prices_visibility_label': 'Видимость цен на сайте:', | |
| 'admin_prices_enabled_checkbox_label': 'Цены включены', | |
| 'save_settings_button': 'Сохранить настройки', | |
| 'flash_settings_updated': 'Настройки успешно обновлены.', | |
| 'prices_disabled_notice_catalog': 'Цены временно не отображаются. Добавьте товары в корзину для запроса стоимости.', | |
| 'prices_disabled_notice_cart': 'Цены не отображаются. Стоимость будет рассчитана после оформления заказа.', | |
| 'request_price_calculation_button': 'Запросить расчет стоимости', | |
| 'price_on_request': 'Цена по запросу', | |
| } | |
| } | |
| def get_translation(key, **kwargs): | |
| translation_template = translations['ru'].get(key, f"MISSING_TRANSLATION: {key}") | |
| return translation_template.format(**kwargs) if kwargs else translation_template | |
| 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 | |
| logging.info(f"Attempting download for {files_to_download} from {REPO_ID}...") | |
| all_successful = True | |
| for file_name in files_to_download: | |
| success = False | |
| for attempt in range(retries + 1): | |
| try: | |
| logging.info(f"Downloading {file_name} (Attempt {attempt + 1}/{retries + 1})...") | |
| 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 | |
| ) | |
| logging.info(f"Successfully downloaded {file_name} to {local_path}.") | |
| success = True | |
| break | |
| except RepositoryNotFoundError: | |
| logging.error(f"Repository {REPO_ID} not found. Download cancelled for all files.") | |
| return False | |
| except HfHubHTTPError as e: | |
| if e.response.status_code == 404: | |
| logging.warning(f"File {file_name} not found in repo {REPO_ID} (404). Skipping this file.") | |
| 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': [], 'suppliers': [], 'orders': {}, 'config': {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}}, f) | |
| logging.info(f"Created empty local file {file_name} because it was not found on HF.") | |
| except Exception as create_e: | |
| logging.error(f"Failed to create empty local file {file_name}: {create_e}") | |
| success = False | |
| break | |
| else: | |
| logging.error(f"HTTP error downloading {file_name} (Attempt {attempt + 1}): {e}. Retrying in {delay}s...") | |
| except requests.exceptions.RequestException as e: | |
| logging.error(f"Network error downloading {file_name} (Attempt {attempt + 1}): {e}. Retrying in {delay}s...") | |
| except Exception as e: | |
| logging.error(f"Unexpected error downloading {file_name} (Attempt {attempt + 1}): {e}. Retrying in {delay}s...", exc_info=True) | |
| if attempt < retries: | |
| time.sleep(delay) | |
| if not success and file_name == DATA_FILE: | |
| logging.error(f"Failed to download critical file {file_name} after {retries + 1} attempts.") | |
| all_successful = False | |
| elif not success: | |
| logging.warning(f"Failed to download non-critical file {file_name} after {retries + 1} attempts.") | |
| logging.info(f"Download process finished. Overall success for critical files: {all_successful}") | |
| return all_successful | |
| def upload_db_to_hf(specific_file=None): | |
| if not HF_TOKEN_WRITE: | |
| logging.warning("HF_TOKEN (for writing) not set. Skipping upload to Hugging Face.") | |
| return | |
| try: | |
| api = HfApi() | |
| files_to_upload = [specific_file] if specific_file else SYNC_FILES | |
| logging.info(f"Starting upload of {files_to_upload} to HF repo {REPO_ID}...") | |
| 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')}" | |
| ) | |
| logging.info(f"File {file_name} successfully uploaded to Hugging Face.") | |
| except Exception as e: | |
| logging.error(f"Error uploading file {file_name} to Hugging Face: {e}") | |
| else: | |
| logging.warning(f"File {file_name} not found locally, skipping upload.") | |
| logging.info("Finished uploading files to HF.") | |
| except Exception as e: | |
| logging.error(f"General error during Hugging Face upload initialization or process: {e}", exc_info=True) | |
| def periodic_backup(): | |
| backup_interval = 1800 | |
| logging.info(f"Setting up periodic backup every {backup_interval} seconds.") | |
| while True: | |
| time.sleep(backup_interval) | |
| logging.info("Starting periodic backup...") | |
| upload_db_to_hf() | |
| logging.info("Periodic backup finished.") | |
| def load_data(): | |
| default_data = {'products': [], 'categories': [], 'suppliers': [], 'orders': {}, 'config': {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}} | |
| # --- Function to process and clean data --- | |
| def process_data(data, source="local"): | |
| if not isinstance(data, dict): | |
| logging.warning(f"Data from {source} source is not a dictionary. Using default.") | |
| return default_data, False | |
| data.setdefault('products', []) | |
| data.setdefault('categories', []) | |
| data.setdefault('suppliers', []) | |
| data.setdefault('orders', {}) | |
| if 'config' not in data: | |
| data['config'] = default_data['config'] | |
| else: | |
| data['config'].setdefault('usd_to_kgs_rate', default_data['config'].get('usd_to_kgs_rate', 87.0)) | |
| if 'usd_to_uzs_rate' in data['config']: # Legacy currency code migration | |
| data['config']['usd_to_kgs_rate'] = data['config'].pop('usd_to_uzs_rate') | |
| try: | |
| data['config']['usd_to_kgs_rate'] = float(data['config']['usd_to_kgs_rate']) | |
| except (ValueError, TypeError): | |
| data['config']['usd_to_kgs_rate'] = default_data['config']['usd_to_kgs_rate'] | |
| data['config'].setdefault('prices_enabled', default_data['config']['prices_enabled']) | |
| needs_resave = False | |
| for prod in data.get('products', []): | |
| # *** FIX: Data Migration - Add unique ID to products that don't have one *** | |
| if 'id' not in prod or not prod['id']: | |
| prod['id'] = uuid.uuid4().hex | |
| needs_resave = True | |
| logging.info(f"Assigned new unique ID {prod['id']} to product '{prod.get('name', 'N/A')}'.") | |
| prod.setdefault('supplier', 'Без поставщика') | |
| # Price migration and validation | |
| if 'price' in prod and 'price_usd' not in prod: | |
| try: | |
| prod['price_usd'] = float(prod.pop('price')) | |
| except (ValueError, TypeError): | |
| prod['price_usd'] = 0.0 | |
| prod.setdefault('price_usd', 0.0) | |
| # Discount validation | |
| prod.setdefault('discount_percent', 0) | |
| try: | |
| prod['discount_percent'] = int(prod['discount_percent']) | |
| if not (0 <= prod['discount_percent'] <= 100): | |
| prod['discount_percent'] = 0 | |
| except (ValueError, TypeError): | |
| prod['discount_percent'] = 0 | |
| return data, needs_resave | |
| # --- Main loading logic --- | |
| try: | |
| with open(DATA_FILE, 'r', encoding='utf-8') as file: | |
| data = json.load(file) | |
| logging.info(f"Local data loaded successfully from {DATA_FILE}") | |
| processed_data, needs_save = process_data(data, "local") | |
| if needs_save: | |
| logging.info("Data migration performed on local file. Saving changes.") | |
| save_data(processed_data) # Save back the migrated data | |
| return processed_data | |
| except (FileNotFoundError, json.JSONDecodeError) as e: | |
| logging.warning(f"Could not load local file {DATA_FILE} ({e}). Attempting download from HF.") | |
| if download_db_from_hf(specific_file=DATA_FILE): | |
| try: | |
| with open(DATA_FILE, 'r', encoding='utf-8') as file: | |
| data = json.load(file) | |
| logging.info(f"Data loaded successfully from {DATA_FILE} after download.") | |
| processed_data, needs_save = process_data(data, "downloaded") | |
| if needs_save: | |
| logging.info("Data migration performed on downloaded file. Saving changes locally and re-uploading.") | |
| save_data(processed_data) # Save and re-upload migrated data | |
| return processed_data | |
| except (FileNotFoundError, json.JSONDecodeError, Exception) as e: | |
| logging.error(f"Error processing downloaded {DATA_FILE}: {e}. Using default.", exc_info=True) | |
| return default_data | |
| else: | |
| logging.error(f"Failed to download {DATA_FILE} from HF after retries. Using empty default data structure.") | |
| if not os.path.exists(DATA_FILE): | |
| try: | |
| with open(DATA_FILE, 'w', encoding='utf-8') as f: | |
| json.dump(default_data, f) | |
| logging.info(f"Created empty local file {DATA_FILE} after failed download.") | |
| except Exception as create_e: | |
| logging.error(f"Failed to create empty local file {DATA_FILE}: {create_e}") | |
| return default_data | |
| def save_data(data): | |
| try: | |
| if not isinstance(data, dict): | |
| logging.error("Attempted to save invalid data structure (not a dict). Aborting save.") | |
| return | |
| default_config = {'usd_to_kgs_rate': 87.0, 'prices_enabled': True} | |
| data.setdefault('products', []) | |
| data.setdefault('categories', []) | |
| data.setdefault('suppliers', []) | |
| data.setdefault('orders', {}) | |
| if 'config' not in data: | |
| data['config'] = default_config | |
| else: | |
| data['config'].setdefault('usd_to_kgs_rate', default_config['usd_to_kgs_rate']) | |
| if 'usd_to_uzs_rate' in data['config']: | |
| data['config']['usd_to_kgs_rate'] = data['config'].pop('usd_to_uzs_rate') | |
| try: | |
| data['config']['usd_to_kgs_rate'] = float(data['config']['usd_to_kgs_rate']) | |
| except (ValueError, TypeError): | |
| data['config']['usd_to_kgs_rate'] = default_config['usd_to_kgs_rate'] | |
| data['config'].setdefault('prices_enabled', default_config['prices_enabled']) | |
| for prod in data.get('products', []): | |
| # *** FIX: Data Integrity - Ensure every product has an ID before saving *** | |
| if 'id' not in prod or not prod['id']: | |
| prod['id'] = uuid.uuid4().hex | |
| logging.warning(f"Product '{prod.get('name')}' was missing an ID during save. Assigned new ID: {prod['id']}") | |
| prod.setdefault('supplier', 'Без поставщика') | |
| if 'price' in prod and 'price_usd' not in prod: # Legacy field migration | |
| try: | |
| prod['price_usd'] = float(prod.pop('price')) | |
| except (ValueError, TypeError): | |
| prod['price_usd'] = 0.0 | |
| prod.setdefault('price_usd', 0.0) | |
| try: | |
| prod['price_usd'] = float(prod['price_usd']) | |
| except (ValueError, TypeError): | |
| prod['price_usd'] = 0.0 | |
| prod.setdefault('discount_percent', 0) | |
| try: | |
| prod['discount_percent'] = int(prod['discount_percent']) | |
| if not (0 <= prod['discount_percent'] <= 100): | |
| prod['discount_percent'] = 0 | |
| except (ValueError, TypeError): | |
| prod['discount_percent'] = 0 | |
| with open(DATA_FILE, 'w', encoding='utf-8') as file: | |
| json.dump(data, file, ensure_ascii=False, indent=4) | |
| logging.info(f"Data successfully saved to {DATA_FILE}") | |
| upload_db_to_hf(specific_file=DATA_FILE) | |
| except Exception as e: | |
| logging.error(f"Error saving data to {DATA_FILE}: {e}", exc_info=True) | |
| def inject_global_vars(): | |
| lang_translations = translations['ru'] | |
| app_config = load_data().get('config', {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}) | |
| js_trans_keys = [ | |
| 'error_product_not_found', 'error_invalid_quantity', 'error_adding_product_not_found', | |
| 'product_added_to_cart', 'cart_item_color_prefix', 'cart_item_color_suffix', | |
| 'remove_item_title', 'confirm_clear_cart', 'cart_empty_for_order', 'formulating_order', | |
| 'failed_to_create_order', 'order_id_not_received', 'error_generic', | |
| 'no_products_found_for_query', 'cart_empty', 'loading', 'no_products_yet', | |
| 'js_new_color_variant_placeholder', 'prices_disabled_notice_cart', 'price_on_request' | |
| ] | |
| js_translations_dict = {key: lang_translations.get(key, key) for key in js_trans_keys} | |
| return dict( | |
| get_translation=get_translation, | |
| js_translations=js_translations_dict, | |
| app_config=app_config | |
| ) | |
| CATALOG_TEMPLATE = ''' | |
| <!DOCTYPE html> | |
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{{ get_translation('catalog_title') }}</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=Poppins:wght@300;400;600&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css"> | |
| <style> | |
| :root { | |
| --black: #000000; | |
| --anthracite: #222222; | |
| --anthracite-border: #444444; | |
| --red-primary: #FF3333; | |
| --red-hover: #D50000; | |
| --text-primary: #E0E0E0; | |
| --text-secondary: #AAAAAA; | |
| } | |
| * { margin: 0; padding: 0; box-sizing: border-box; } | |
| body { font-family: 'Poppins', sans-serif; background: var(--black); color: var(--text-primary); line-height: 1.6; } | |
| .container { max-width: 1300px; margin: 0 auto; padding: 20px; } | |
| .header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--anthracite-border); } | |
| .header h1 { font-size: 1.8rem; font-weight: 600; color: var(--red-primary); } | |
| .filters-section { margin-bottom: 20px; } | |
| .filters-section h3 { text-align: center; color: var(--red-primary); margin-bottom: 10px; font-size: 1.2rem; } | |
| .filters-container { margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } | |
| .search-container { margin: 20px 0; text-align: center; } | |
| #search-input { width: 90%; max-width: 600px; padding: 12px 18px; font-size: 1rem; border: 1px solid var(--anthracite-border); border-radius: 25px; outline: none; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.3s ease; background: #101010; color: var(--text-primary); } | |
| #search-input:focus { border-color: var(--red-primary); box-shadow: 0 0 0 3px rgba(255, 51, 51, 0.25); } | |
| .filter-button { padding: 8px 16px; border: 1px solid var(--anthracite-border); border-radius: 20px; background-color: #101010; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.9rem; font-weight: 400; color: var(--red-primary); } | |
| .filter-button.active, .filter-button:hover { background-color: var(--red-primary); color: #FFFFFF; border-color: var(--red-primary); box-shadow: 0 2px 10px rgba(255, 51, 51, 0.3); } | |
| .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; padding: 10px; } | |
| @media (min-width: 600px) { .products-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } } | |
| @media (min-width: 900px) { .products-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } } | |
| .product { background: #1A1A1A; border-radius: 15px; padding: 0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #2A2A2A;} | |
| .product:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 6px 20px rgba(255, 51, 51, 0.2); } | |
| .product-image { width: 100%; aspect-ratio: 1 / 1; background-color: #101010; border-radius: 10px 10px 0 0; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 0; position:relative; } | |
| .product-image img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease; } | |
| .product-info { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } | |
| .product h2 { font-size: 1.1rem; font-weight: 600; margin: 0 0 8px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-primary); } | |
| .product-price-container { text-align: center; margin: 5px 0; min-height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;} | |
| .original-price { font-size: 0.9rem; color: var(--text-secondary); text-decoration: line-through; } | |
| .product-price { font-size: 1.2rem; color: var(--red-primary); font-weight: 700; } | |
| .product-price.discounted { font-size: 1.2rem; color: var(--red-primary); font-weight: 700; } | |
| .product-price.on-request { font-size: 1rem; color: var(--text-secondary); } | |
| .discount-badge { background-color: #E53935; color: white; padding: 3px 8px; border-radius: 5px; font-size: 0.8rem; font-weight: bold; margin-top: 4px; display: inline-block; } | |
| .product-description { font-size: 0.85rem; color: var(--text-secondary); text-align: center; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } | |
| .product-actions { padding: 0 15px 15px 15px; display: flex; flex-direction: column; gap: 8px; } | |
| .product-button { display: block; width: 100%; padding: 10px; border: none; border-radius: 8px; background-color: var(--anthracite-border); color: var(--text-primary); font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-align: center; text-decoration: none; } | |
| .product-button:hover { background-color: #555555; box-shadow: 0 4px 15px rgba(85, 85, 85, 0.4); transform: translateY(-2px); color: var(--text-primary); } | |
| .product-button i { margin-right: 5px; } | |
| .add-to-cart { background-color: var(--red-primary); color: #FFFFFF;} | |
| .add-to-cart:hover { background-color: var(--red-hover); box-shadow: 0 4px 15px rgba(213, 0, 0, 0.5); } | |
| #cart-button { position: fixed; bottom: 25px; right: 25px; background-color: var(--red-primary); color: #FFFFFF; border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(255, 51, 51, 0.5); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; } | |
| #cart-button:hover { background-color: var(--red-hover); box-shadow: 0 6px 20px rgba(213, 0, 0, 0.6); } | |
| #cart-button .fa-shopping-cart { margin-right: 0; } | |
| #cart-button span { position: absolute; top: -5px; right: -5px; background-color: var(--red-hover); color: #FFFFFF; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; } | |
| .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(5px); overflow-y: auto; } | |
| .modal-content { background: #1A1A1A; margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); animation: slideIn 0.3s ease-out; position: relative; border: 1px solid var(--anthracite-border);} | |
| @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: var(--text-secondary); cursor: pointer; transition: color 0.3s; line-height: 1; } | |
| .close:hover { color: var(--red-primary); } | |
| .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: var(--red-primary); display: flex; align-items: center; gap: 10px;} | |
| .cart-item { display: grid; grid-template-columns: auto 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--anthracite-border); } | |
| .cart-item:last-child { border-bottom: none; } | |
| .cart-item img { width: 60px; height: 60px; object-fit: contain; border-radius: 8px; background-color: #101010; padding: 5px; grid-column: 1; border: 1px solid var(--anthracite-border);} | |
| .cart-item-details { grid-column: 2; } | |
| .cart-item-details strong { display: block; margin-bottom: 5px; font-size: 1rem; color: var(--text-primary);} | |
| .cart-item-price, .cart-item-quantity-info { font-size: 0.9rem; color: var(--text-secondary); } | |
| .cart-item-total { font-weight: bold; text-align: right; grid-column: 3; font-size: 1rem; color: var(--red-primary);} | |
| .cart-item-remove { grid-column: 4; background:none; border:none; color:#FF6B6B; cursor:pointer; font-size: 1.3em; padding: 5px; line-height: 1; } | |
| .cart-item-remove:hover { color: #E55050; } | |
| .quantity-input, .color-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid var(--anthracite-border); border-radius: 8px; font-size: 1rem; margin: 10px 0; box-sizing: border-box; background: #101010; color: var(--text-primary);} | |
| .quantity-input:focus, .color-select:focus { border-color: var(--red-primary); outline: none; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.15); } | |
| .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid var(--anthracite-border); padding-top: 15px; } | |
| .cart-summary strong { font-size: 1.2rem; color: var(--red-primary);} | |
| .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; } | |
| .cart-actions .product-button { width: auto; flex-grow: 1; } | |
| .clear-cart { background-color: #555555; color: var(--text-primary);} | |
| .clear-cart:hover { background-color: var(--anthracite-border); box-shadow: 0 4px 15px rgba(80, 80, 80, 0.4); } | |
| .formulate-order-button { background-color: var(--red-primary); color: #FFFFFF;} | |
| .formulate-order-button:hover { background-color: var(--red-hover); box-shadow: 0 4px 15px rgba(213, 0, 0, 0.5); } | |
| .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: var(--red-primary); color: #FFFFFF; padding: 10px 20px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4); z-index: 1002; opacity: 0; transition: opacity 0.5s ease; font-size: 0.9rem;} | |
| .notification.show { opacity: 1;} | |
| .no-results-message { grid-column: 1 / -1; text-align: center; padding: 40px; font-size: 1.1rem; color: var(--text-secondary); } | |
| .top-product-indicator { position: absolute; top: 8px; right: 8px; background-color: rgba(255, 51, 51, 0.85); color: #FFFFFF; padding: 2px 6px; font-size: 0.7rem; border-radius: 4px; font-weight: bold; z-index: 10; backdrop-filter: blur(2px); } | |
| .product { position: relative; } | |
| .prices-disabled-info-banner { background-color: var(--anthracite); color: var(--red-primary); padding: 10px; text-align: center; margin-bottom: 15px; border-radius: 5px; font-size: 0.9em;} | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <div class="logo-title-container" style="display: flex; align-items: center; gap: 15px;"> | |
| <h1>{{ get_translation('site_name') }}</h1> | |
| </div> | |
| </div> | |
| {% if not app_config.prices_enabled %} | |
| <div class="prices-disabled-info-banner"> | |
| {{ get_translation('prices_disabled_notice_catalog') }} | |
| </div> | |
| {% endif %} | |
| <div class="filters-section"> | |
| <h3>{{ get_translation('supplier') }}</h3> | |
| <div class="filters-container"> | |
| <button class="filter-button supplier-filter active" data-supplier="all">{{ get_translation('all_suppliers') }}</button> | |
| {% for supplier_name in suppliers %} | |
| <button class="filter-button supplier-filter" data-supplier="{{ supplier_name }}">{{ supplier_name }}</button> | |
| {% endfor %} | |
| </div> | |
| <h3>{{ get_translation('category') }}</h3> | |
| <div class="filters-container"> | |
| <button class="filter-button category-filter active" data-category="all">{{ get_translation('all_categories') }}</button> | |
| {% for category_name_orig in categories %} | |
| <button class="filter-button category-filter" data-category="{{ category_name_orig }}">{{ get_translation(category_name_orig) if category_name_orig == 'Без категории' else category_name_orig }}</button> | |
| {% endfor %} | |
| </div> | |
| </div> | |
| <div class="search-container"> | |
| <input type="text" id="search-input" placeholder="{{ get_translation('search_placeholder') }}"> | |
| </div> | |
| <div class="products-grid" id="products-grid"> | |
| {% for product in products %} | |
| <div class="product" | |
| data-name="{{ product['name']|lower }}" | |
| data-description="{{ product.get('description', '')|lower }}" | |
| data-category="{{ product.get('category', get_translation('no_category')) }}" | |
| data-supplier="{{ product.get('supplier', get_translation('no_supplier')) }}"> | |
| {% if product.get('is_top', False) %} | |
| <span class="top-product-indicator"><i class="fas fa-star"></i> {{ get_translation('status_top_product') }}</span> | |
| {% endif %} | |
| <div class="product-image"> | |
| {% 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/250x250.png?text={{ get_translation('no_image_alt')|urlencode }}" alt="{{ get_translation('no_image_alt') }}" loading="lazy" style="filter: invert(1) hue-rotate(180deg) contrast(0.8) brightness(0.8);"> | |
| {% endif %} | |
| </div> | |
| <div class="product-info"> | |
| <h2>{{ product['name'] }}</h2> | |
| <div class="product-price-container"> | |
| {% set discount = product.get('discount_percent', 0) %} | |
| {% set original_price_kgs = product.price_usd * app_config.usd_to_kgs_rate %} | |
| {% if app_config.prices_enabled %} | |
| {% if discount > 0 %} | |
| {% set discounted_price_kgs = original_price_kgs * (100 - discount) / 100 %} | |
| <span class="original-price">{{ "%.2f"|format(original_price_kgs) }} {{ currency_code }}</span> | |
| <div class="product-price discounted">{{ "%.2f"|format(discounted_price_kgs) }} {{ currency_code }}</div> | |
| <span class="discount-badge">{{ get_translation('discount_badge_text', discount=discount) }}</span> | |
| {% else %} | |
| <div class="product-price">{{ "%.2f"|format(original_price_kgs) }} {{ currency_code }}</div> | |
| {% endif %} | |
| {% else %} | |
| <div class="product-price on-request">{{ get_translation('price_on_request') }}</div> | |
| {% endif %} | |
| </div> | |
| <p class="product-description">{{ product.get('description', '')[:50] }}{% if product.get('description', '')|length > 50 %}...{% endif %}</p> | |
| </div> | |
| <div class="product-actions"> | |
| <button class="product-button" onclick="openModal({{ loop.index0 }})">{{ get_translation('details') }}</button> | |
| <button class="product-button add-to-cart" onclick="openQuantityModal({{ loop.index0 }})"> | |
| <i class="fas fa-cart-plus"></i> {{ get_translation('add_to_cart') }} | |
| </button> | |
| </div> | |
| </div> | |
| {% endfor %} | |
| {% if not products %} | |
| <p class="no-results-message" id="initial-no-products-message">{{ get_translation('no_products_yet') }}</p> | |
| {% endif %} | |
| </div> | |
| </div> | |
| <div id="productModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close" onclick="closeModal('productModal')" aria-label="{{ get_translation('close_button_aria') }}">×</span> | |
| <div id="modalContent">{{ get_translation('loading') }}</div> | |
| </div> | |
| </div> | |
| <div id="quantityModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close" onclick="closeModal('quantityModal')" aria-label="{{ get_translation('close_button_aria') }}">×</span> | |
| <h2>{{ get_translation('specify_quantity_color') }}</h2> | |
| <label for="quantityInput">{{ get_translation('quantity') }}</label> | |
| <input type="number" id="quantityInput" class="quantity-input" min="1" value="1"> | |
| <label for="colorSelect">{{ get_translation('color_variant') }}</label> | |
| <select id="colorSelect" class="color-select"></select> | |
| <button class="product-button add-to-cart" onclick="confirmAddToCart()"><i class="fas fa-check"></i> {{ get_translation('confirm_add_to_cart') }}</button> | |
| </div> | |
| </div> | |
| <div id="cartModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close" onclick="closeModal('cartModal')" aria-label="{{ get_translation('close_button_aria') }}">×</span> | |
| <h2><i class="fas fa-shopping-cart"></i> {{ get_translation('your_cart') }}</h2> | |
| <div id="cartContent"><p style="text-align: center; padding: 20px;">{{ get_translation('cart_empty') }}</p></div> | |
| {% if app_config.prices_enabled %} | |
| <div class="cart-summary"> | |
| <strong>{{ get_translation('total') }} <span id="cartTotal">0.00</span> {{ currency_code }}</strong> | |
| </div> | |
| {% else %} | |
| <div class="cart-summary prices-disabled-info-banner" style="text-align:center; margin-top:10px;"> | |
| {{ get_translation('prices_disabled_notice_cart') }} | |
| </div> | |
| {% endif %} | |
| <div class="cart-actions"> | |
| <button class="product-button clear-cart" onclick="clearCart()"> | |
| <i class="fas fa-trash"></i> {{ get_translation('clear_cart') }} | |
| </button> | |
| <button class="product-button formulate-order-button" onclick="formulateOrder()"> | |
| <i class="fas fa-file-alt"></i> | |
| {% if app_config.prices_enabled %} | |
| {{ get_translation('formulate_order') }} | |
| {% else %} | |
| {{ get_translation('request_price_calculation_button') }} | |
| {% endif %} | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <button id="cart-button" onclick="openCartModal()" aria-label="{{ get_translation('open_cart_aria') }}"> | |
| <i class="fas fa-shopping-cart"></i> | |
| <span id="cart-count">0</span> | |
| </button> | |
| <div id="notification-placeholder"></div> | |
| <input type="hidden" id="usd_rate_for_js" value="{{ app_config.usd_to_kgs_rate }}"> | |
| <input type="hidden" id="prices_enabled_for_js" value="{{ app_config.prices_enabled|tojson }}"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script> | |
| <script> | |
| const products = {{ products|tojson }}; | |
| const repoId = '{{ repo_id }}'; | |
| const currencyCode = '{{ currency_code }}'; | |
| let selectedProductIndex = null; | |
| let cart = JSON.parse(localStorage.getItem('integrityShopCart') || '[]'); | |
| const jsTranslations = {{ js_translations|tojson }}; | |
| const usdToKgsRate = parseFloat(document.getElementById('usd_rate_for_js').value) || 87.0; | |
| const pricesEnabled = JSON.parse(document.getElementById('prices_enabled_for_js').value); | |
| function _(key, params = {}) { | |
| let text = jsTranslations[key] || `MISSING_JS_TRANSLATION: ${key}`; | |
| for (const pKey in params) { | |
| text = text.replace(new RegExp(`{${pKey}}`, 'g'), params[pKey]); | |
| } | |
| return text; | |
| } | |
| function openModal(index) { | |
| loadProductDetails(index); | |
| 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;">${_('loading')}</p>`; | |
| fetch('/product/' + index) | |
| .then(response => { | |
| if (!response.ok) throw new Error(`Error ${response.status}: ${response.statusText}`); | |
| return response.text(); | |
| }) | |
| .then(data => { | |
| modalContent.innerHTML = data; | |
| initializeSwiper(); | |
| }) | |
| .catch(error => { | |
| console.error('Error loading product details:', error); | |
| modalContent.innerHTML = `<p style="color: #FF6B6B; text-align:center; padding: 40px;">Failed to load product info. ${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 openQuantityModal(index) { | |
| selectedProductIndex = index; | |
| const product = products[index]; | |
| if (!product) { | |
| console.error("Product not found for index:", index); | |
| alert(_('error_product_not_found')); | |
| 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 (selectedProductIndex === 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(_('error_invalid_quantity')); | |
| quantityInput.focus(); | |
| return; | |
| } | |
| const product = products[selectedProductIndex]; | |
| if (!product) { | |
| alert(_('error_adding_product_not_found')); | |
| return; | |
| } | |
| const cartItemId = `${product.name}-${color}`; | |
| const existingItemIndex = cart.findIndex(item => item.id === cartItemId); | |
| let priceToAdd = product.price_usd; | |
| if (product.discount_percent && product.discount_percent > 0) { | |
| priceToAdd = product.price_usd * (100 - product.discount_percent) / 100; | |
| } | |
| if (existingItemIndex > -1) { | |
| cart[existingItemIndex].quantity += quantity; | |
| } else { | |
| cart.push({ | |
| id: cartItemId, | |
| name: product.name, | |
| price_usd: priceToAdd, | |
| original_price_usd: product.price_usd, | |
| discount_percent: product.discount_percent || 0, | |
| photo: product.photos && product.photos.length > 0 ? product.photos[0] : null, | |
| quantity: quantity, | |
| color: color | |
| }); | |
| } | |
| localStorage.setItem('integrityShopCart', JSON.stringify(cart)); | |
| closeModal('quantityModal'); | |
| updateCartButton(); | |
| showNotification(_('product_added_to_cart', {product_name: 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; | |
| cartButton.style.display = 'flex'; | |
| } else { | |
| cartCountElement.textContent = '0'; | |
| cartButton.style.display = 'none'; | |
| } | |
| } | |
| function openCartModal() { | |
| const cartContent = document.getElementById('cartContent'); | |
| const cartTotalElement = document.getElementById('cartTotal'); | |
| if (!cartContent || !cartTotalElement) return; | |
| let totalKGS = 0; | |
| if (cart.length === 0) { | |
| cartContent.innerHTML = `<p style="text-align: center; padding: 20px;">${_('cart_empty')}</p>`; | |
| if (pricesEnabled) cartTotalElement.textContent = '0.00'; | |
| } else { | |
| cartContent.innerHTML = cart.map(item => { | |
| const itemPriceKGS = item.price_usd * usdToKgsRate; | |
| const itemTotalKGS = itemPriceKGS * item.quantity; | |
| if (pricesEnabled) totalKGS += itemTotalKGS; | |
| const photoUrl = item.photo | |
| ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}` | |
| : 'https://via.placeholder.com/60x60.png?text=N%2FA'; | |
| const colorText = item.color !== 'N/A' ? `${_('cart_item_color_prefix')}${item.color}${_('cart_item_color_suffix')}` : ''; | |
| let priceDisplayHtml = ''; | |
| let itemTotalHtml = ''; | |
| if (pricesEnabled) { | |
| priceDisplayHtml = `<p class="cart-item-price">${itemPriceKGS.toFixed(2)} ${currencyCode} × ${item.quantity}</p>`; | |
| itemTotalHtml = `<span class="cart-item-total">${itemTotalKGS.toFixed(2)} ${currencyCode}</span>`; | |
| } else { | |
| priceDisplayHtml = `<p class="cart-item-quantity-info">${_('quantity')} ${item.quantity}</p>`; | |
| itemTotalHtml = `<span class="cart-item-total">${_('price_on_request')}</span>`; | |
| } | |
| return ` | |
| <div class="cart-item"> | |
| <img src="${photoUrl}" alt="${item.name}" ${!item.photo ? 'style="filter: invert(1) hue-rotate(180deg) contrast(0.8) brightness(0.8);"' : ''}> | |
| <div class="cart-item-details"> | |
| <strong>${item.name}${colorText}</strong> | |
| ${priceDisplayHtml} | |
| </div> | |
| ${itemTotalHtml} | |
| <button class="cart-item-remove" onclick="removeFromCart('${item.id}')" title="${_('remove_item_title')}">×</button> | |
| </div> | |
| `; | |
| }).join(''); | |
| if (pricesEnabled) cartTotalElement.textContent = totalKGS.toFixed(2); | |
| } | |
| const modal = document.getElementById('cartModal'); | |
| if (modal) { | |
| modal.style.display = 'block'; | |
| document.body.style.overflow = 'hidden'; | |
| } | |
| } | |
| function removeFromCart(itemId) { | |
| cart = cart.filter(item => item.id !== itemId); | |
| localStorage.setItem('integrityShopCart', JSON.stringify(cart)); | |
| openCartModal(); | |
| updateCartButton(); | |
| } | |
| function clearCart() { | |
| if (confirm(_('confirm_clear_cart'))) { | |
| cart = []; | |
| localStorage.removeItem('integrityShopCart'); | |
| openCartModal(); | |
| updateCartButton(); | |
| } | |
| } | |
| function formulateOrder() { | |
| if (cart.length === 0) { | |
| alert(_('cart_empty_for_order')); | |
| return; | |
| } | |
| const orderData = { cart: cart }; | |
| const formulateButton = document.querySelector('.formulate-order-button'); | |
| if (formulateButton) formulateButton.disabled = true; | |
| showNotification(_('formulating_order'), 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 || _('failed_to_create_order')); }); | |
| } | |
| return response.json(); | |
| }) | |
| .then(data => { | |
| if (data.order_id) { | |
| localStorage.removeItem('integrityShopCart'); | |
| cart = []; | |
| updateCartButton(); | |
| closeModal('cartModal'); | |
| window.location.href = `/order/${data.order_id}`; | |
| } else { | |
| throw new Error(_('order_id_not_received')); | |
| } | |
| }) | |
| .catch(error => { | |
| console.error('Error formulating order:', error); | |
| alert(_('error_generic', {error_message: error.message})); | |
| if (formulateButton) formulateButton.disabled = false; | |
| }); | |
| } | |
| function filterProducts() { | |
| const searchTerm = document.getElementById('search-input').value.toLowerCase().trim(); | |
| const activeCategoryButton = document.querySelector('.category-filter.active'); | |
| const activeCategory = activeCategoryButton ? activeCategoryButton.dataset.category : 'all'; | |
| const activeSupplierButton = document.querySelector('.supplier-filter.active'); | |
| const activeSupplier = activeSupplierButton ? activeSupplierButton.dataset.supplier : 'all'; | |
| const grid = document.getElementById('products-grid'); | |
| let visibleProducts = 0; | |
| const existingNoResults = grid.querySelector('.no-results-message'); | |
| if (existingNoResults) existingNoResults.remove(); | |
| const initialNoProducts = document.getElementById('initial-no-products-message'); | |
| if (initialNoProducts) initialNoProducts.style.display = 'none'; | |
| document.querySelectorAll('.products-grid .product').forEach(productElement => { | |
| const name = productElement.getAttribute('data-name'); | |
| const description = productElement.getAttribute('data-description'); | |
| const category = productElement.getAttribute('data-category'); | |
| const supplier = productElement.getAttribute('data-supplier'); | |
| const matchesSearch = !searchTerm || name.includes(searchTerm) || description.includes(searchTerm); | |
| const matchesCategory = activeCategory === 'all' || category === activeCategory; | |
| const matchesSupplier = activeSupplier === 'all' || supplier === activeSupplier; | |
| if (matchesSearch && matchesCategory && matchesSupplier) { | |
| productElement.style.display = 'flex'; | |
| visibleProducts++; | |
| } else { | |
| productElement.style.display = 'none'; | |
| } | |
| }); | |
| if (visibleProducts === 0 && products.length > 0) { | |
| const p = document.createElement('p'); | |
| p.className = 'no-results-message'; | |
| p.textContent = _('no_products_found_for_query'); | |
| grid.appendChild(p); | |
| } else if (products.length === 0 && !grid.querySelector('.no-results-message') && !initialNoProducts) { | |
| const p = document.createElement('p'); | |
| p.className = 'no-results-message'; | |
| p.textContent = _('no_products_yet'); | |
| grid.appendChild(p); | |
| } else if (products.length === 0 && initialNoProducts) { | |
| initialNoProducts.style.display = 'block'; | |
| } | |
| } | |
| function setupFilters() { | |
| const searchInput = document.getElementById('search-input'); | |
| const categoryFilters = document.querySelectorAll('.category-filter'); | |
| const supplierFilters = document.querySelectorAll('.supplier-filter'); | |
| if(searchInput) searchInput.addEventListener('input', filterProducts); | |
| categoryFilters.forEach(filter => { | |
| filter.addEventListener('click', function() { | |
| categoryFilters.forEach(f => f.classList.remove('active')); | |
| this.classList.add('active'); | |
| filterProducts(); | |
| }); | |
| }); | |
| supplierFilters.forEach(filter => { | |
| filter.addEventListener('click', function() { | |
| supplierFilters.forEach(f => f.classList.remove('active')); | |
| this.classList.add('active'); | |
| filterProducts(); | |
| }); | |
| }); | |
| filterProducts(); | |
| } | |
| function showNotification(message, duration = 3000) { | |
| const placeholder = document.getElementById('notification-placeholder'); | |
| if (!placeholder) { | |
| const newPlaceholder = document.createElement('div'); | |
| newPlaceholder.id = 'notification-placeholder'; | |
| newPlaceholder.style.position = 'fixed'; | |
| newPlaceholder.style.bottom = '80px'; | |
| newPlaceholder.style.left = '50%'; | |
| newPlaceholder.style.transform = 'translateX(-50%)'; | |
| newPlaceholder.style.zIndex = '1002'; | |
| document.body.appendChild(newPlaceholder); | |
| } | |
| const notification = document.createElement('div'); | |
| notification.className = 'notification'; | |
| notification.textContent = message; | |
| (placeholder || document.getElementById('notification-placeholder')).appendChild(notification); | |
| void notification.offsetWidth; | |
| notification.classList.add('show'); | |
| setTimeout(() => { | |
| notification.classList.remove('show'); | |
| notification.addEventListener('transitionend', () => notification.remove()); | |
| }, duration); | |
| } | |
| document.addEventListener('DOMContentLoaded', () => { | |
| updateCartButton(); | |
| setupFilters(); | |
| 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: #FF3333;">{{ product['name'] }}</h2> | |
| <div class="swiper-container" style="max-width: 450px; margin: 0 auto 20px; border-radius: 10px; overflow: hidden; background-color: #101010; border: 1px solid #444444;"> | |
| <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="{{ get_translation('product_detail_photo_alt', product_name=product['name'], loop_index=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={{ get_translation('no_image_alt')|urlencode }}" alt="{{ get_translation('no_image_alt') }}" style="max-width: 100%; max-height: 400px; object-fit: contain; filter: invert(1) hue-rotate(180deg) contrast(0.8) brightness(0.8);"> | |
| </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: #FF3333;"></div> | |
| <div class="swiper-button-prev" style="color: #FF3333;"></div> | |
| {% endif %} | |
| </div> | |
| <div style="margin-top: 20px; font-size: 1rem; line-height: 1.7; color: #E0E0E0;"> | |
| <p><strong>{{ get_translation('supplier') }}</strong> {{ product.get('supplier', get_translation('no_supplier')) }}</p> | |
| <p><strong>{{ get_translation('category') }}</strong> {{ get_translation(product.get('category')) if product.get('category') == 'Без категории' else product.get('category', get_translation('no_category')) }}</p> | |
| {% set discount = product.get('discount_percent', 0) %} | |
| {% set original_price_kgs = product.price_usd * app_config.usd_to_kgs_rate %} | |
| {% if app_config.prices_enabled %} | |
| {% if discount > 0 %} | |
| {% set discounted_price_kgs = original_price_kgs * (100 - discount) / 100 %} | |
| <p style="font-size: 1.2rem; font-weight: bold; color: #FF3333;"> | |
| <strong>{{ get_translation('price') }}</strong> | |
| <span style="text-decoration: line-through; color: #AAAAAA; font-size: 1rem; margin-right: 10px;">{{ "%.2f"|format(original_price_kgs) }} {{ currency_code }}</span> | |
| {{ "%.2f"|format(discounted_price_kgs) }} {{ currency_code }} | |
| <span style="background-color: #E53935; color: white; padding: 3px 7px; border-radius: 5px; font-size: 0.9rem; margin-left: 10px; vertical-align: middle;">{{ get_translation('discount_badge_text', discount=discount) }}</span> | |
| </p> | |
| {% else %} | |
| <p style="font-size: 1.2rem; font-weight: bold; color: #FF3333;"><strong>{{ get_translation('price') }}</strong> {{ "%.2f"|format(original_price_kgs) }} {{ currency_code }}</p> | |
| {% endif %} | |
| {% else %} | |
| <p style="font-size: 1.2rem; font-weight: bold; color: #AAAAAA;"><strong>{{ get_translation('price') }}</strong> {{ get_translation('price_on_request') }}</p> | |
| {% endif %} | |
| <p><strong>{{ get_translation('description') }}</strong><br> {{ product.get('description', get_translation('description_absent'))|replace('\\n', '<br>')|safe }}</p> | |
| {% set colors = product.get('colors', []) %} | |
| {% if colors and colors|select('ne', '')|list|length > 0 %} | |
| <p><strong>{{ get_translation('available_colors_variants') }}</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>{{ get_translation('order_title', order_id=order.id if order else 'N/A') }}</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Poppins: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> | |
| body { font-family: 'Poppins', sans-serif; background: #000000; color: #E0E0E0; line-height: 1.6; padding: 20px; } | |
| .container { max-width: 800px; margin: 20px auto; padding: 30px; background: #1A1A1A; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.25); border: 1px solid #444444; } | |
| h1 { text-align: center; color: #FF3333; margin-bottom: 25px; font-size: 1.8rem; font-weight: 600; } | |
| h2 { color: #FF3333; margin-top: 30px; margin-bottom: 15px; font-size: 1.4rem; border-bottom: 1px solid #444444; padding-bottom: 8px;} | |
| .order-meta { font-size: 0.9rem; color: #AAAAAA; margin-bottom: 20px; text-align: center; } | |
| .order-item { display: grid; grid-template-columns: 60px 1fr auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #333333; } | |
| .order-item:last-child { border-bottom: none; } | |
| .order-item img { width: 60px; height: 60px; object-fit: contain; border-radius: 8px; background-color: #101010; padding: 5px; border: 1px solid #444444;} | |
| .item-details strong { display: block; margin-bottom: 5px; font-size: 1.05rem; color: #E0E0E0;} | |
| .item-details span { font-size: 0.9rem; color: #AAAAAA; display: block;} | |
| .item-total { font-weight: bold; text-align: right; font-size: 1rem; color: #FF3333;} | |
| .order-summary { margin-top: 30px; padding-top: 20px; border-top: 2px solid #FF3333; text-align: right; } | |
| .order-summary p { margin-bottom: 10px; font-size: 1.1rem; } | |
| .order-summary strong { font-size: 1.3rem; color: #FF3333; } | |
| .customer-info { margin-top: 30px; background-color: #222222; padding: 20px; border-radius: 8px; border: 1px solid #444444;} | |
| .customer-info p { margin-bottom: 8px; font-size: 0.95rem; } | |
| .customer-info strong { color: #FF3333; } | |
| .actions { margin-top: 30px; text-align: center; } | |
| .button { padding: 12px 25px; border: none; border-radius: 8px; background-color: #25D366; color: #FFFFFF; font-weight: 600; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease, color 0.3s ease; font-size: 1rem; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; } | |
| .button:hover { background-color: #1DA851; } | |
| .button:active { transform: scale(0.98); } | |
| .button i { font-size: 1.2rem; } | |
| .catalog-link { display: block; text-align: center; margin-top: 25px; color: #FF3333; text-decoration: none; font-size: 0.9rem; } | |
| .catalog-link:hover { text-decoration: underline; } | |
| .not-found { text-align: center; color: #FF6B6B; font-size: 1.2rem; padding: 40px 0;} | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| {% if order %} | |
| <h1><i class="fas fa-receipt"></i> {{ get_translation('order_page_title', order_id=order.id) }}</h1> | |
| <p class="order-meta">{{ get_translation('creation_date') }} {{ order.created_at }}</p> | |
| <h2><i class="fas fa-shopping-bag"></i> {{ get_translation('products_in_order') }}</h2> | |
| <div id="orderItems"> | |
| {% for item in order.cart %} | |
| <div class="order-item"> | |
| <img src="{{ item.photo_url }}" alt="{{ item.name }}" {% if not item.photo %}style="filter: invert(1) hue-rotate(180deg) contrast(0.8) brightness(0.8);"{% endif %}> | |
| <div class="item-details"> | |
| <strong>{{ item.name }} {% if item.color != 'N/A' %}({{ item.color }}){% endif %}</strong> | |
| {% if order.prices_were_enabled_at_order %} | |
| <span>{{ "%.2f"|format(item.price_kgs_at_order) }} {{ currency_code }} × {{ item.quantity }}</span> | |
| {% else %} | |
| <span>{{ get_translation('quantity') }} {{ item.quantity }}</span> | |
| {% endif %} | |
| </div> | |
| {% if order.prices_were_enabled_at_order %} | |
| <div class="item-total"> | |
| {{ "%.2f"|format(item.price_kgs_at_order * item.quantity) }} {{ currency_code }} | |
| </div> | |
| {% else %} | |
| <div class="item-total"> | |
| {{ get_translation('price_on_request') }} | |
| </div> | |
| {% endif %} | |
| </div> | |
| {% endfor %} | |
| </div> | |
| {% if order.prices_were_enabled_at_order %} | |
| <div class="order-summary"> | |
| <p>{{ get_translation('total_products_sum') }} <strong>{{ "%.2f"|format(order.total_price_kgs) }} {{ currency_code }}</strong></p> | |
| <p><strong>{{ get_translation('total_to_pay') }} {{ "%.2f"|format(order.total_price_kgs) }} {{ currency_code }}</strong></p> | |
| </div> | |
| {% else %} | |
| <div class="order-summary" style="text-align:center;"> | |
| <p>{{ get_translation('prices_disabled_notice_cart') }}</p> | |
| </div> | |
| {% endif %} | |
| <div class="customer-info"> | |
| <h2><i class="fas fa-info-circle"></i> {{ get_translation('order_status') }}</h2> | |
| <p>{{ get_translation('anonymous_order_notice') }}</p> | |
| <p>{{ get_translation('contact_whatsapp_notice') }}</p> | |
| </div> | |
| <div class="actions"> | |
| <button class="button" onclick="sendOrderViaWhatsApp()"><i class="fab fa-whatsapp"></i> {{ get_translation('send_order_button') }}</button> | |
| </div> | |
| <a href="{{ url_for('catalog') }}" class="catalog-link">{{ get_translation('back_to_catalog') }}</a> | |
| <script> | |
| function sendOrderViaWhatsApp() { | |
| const orderId = '{{ order.id }}'; | |
| const rawOrderUrl = String('{{ request.url }}'); | |
| const encodedOrderUrl = encodeURIComponent(rawOrderUrl); | |
| const phoneNumber = "996777679190"; | |
| let message = `{{ get_translation('whatsapp_greeting') | replace("'", "\\'") }}` + "%0A%0A"; | |
| message += `*{{ get_translation('whatsapp_order_number') | replace("'", "\\'") }}* ${orderId}` + "%0A"; | |
| message += `*{{ get_translation('whatsapp_order_link') | replace("'", "\\'") }}* ${encodedOrderUrl}` + "%0A%0A"; | |
| {% if not order.prices_were_enabled_at_order %} | |
| message += `{{ get_translation('whatsapp_request_price_calculation') | replace("'", "\\'") }}` + "%0A%0A"; | |
| {% endif %} | |
| message += `{{ get_translation('whatsapp_contact_request') | replace("'", "\\'") }}`; | |
| const whatsappUrl = `https://wa.me/${phoneNumber}?text=${message}`; | |
| window.open(whatsappUrl, '_blank'); | |
| } | |
| </script> | |
| {% else %} | |
| <h1 style="color: #FF6B6B;"><i class="fas fa-exclamation-triangle"></i> {{ get_translation('error_page_title') }}</h1> | |
| <p class="not-found">{{ get_translation('order_not_found_by_id') }}</p> | |
| <a href="{{ url_for('catalog') }}" class="catalog-link">{{ get_translation('back_to_catalog') }}</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>{{ get_translation('admin_title') }}</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Poppins: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 { | |
| --black: #000000; | |
| --anthracite: #222222; | |
| --anthracite-border: #444444; | |
| --red-primary: #FF3333; | |
| --red-hover: #D50000; | |
| --red-danger: #dc3545; | |
| --text-primary: #E0E0E0; | |
| --text-secondary: #AAAAAA; | |
| } | |
| body { font-family: 'Poppins', sans-serif; background-color: var(--black); color: var(--text-primary); padding: 20px; line-height: 1.6; } | |
| .container { max-width: 1200px; margin: 0 auto; background-color: #1A1A1A; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.15); } | |
| .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid var(--anthracite-border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;} | |
| h1, h2 { font-weight: 600; color: var(--red-primary); 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: var(--red-primary); margin-top: 20px; margin-bottom: 10px; } | |
| .section { margin-bottom: 30px; padding: 20px; background-color: var(--anthracite); border: 1px solid var(--anthracite-border); border-radius: 8px; } | |
| form { margin-bottom: 20px; } | |
| label { font-weight: 500; margin-top: 10px; display: block; color: var(--text-secondary); 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 var(--anthracite-border); border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; background-color: #101010; color: var(--text-primary); } | |
| input:focus, textarea:focus, select:focus { border-color: var(--red-primary); outline: none; box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); } | |
| textarea { min-height: 80px; resize: vertical; } | |
| input[type="file"] { padding: 8px; background-color: #101010; cursor: pointer; border: 1px solid var(--anthracite-border);} | |
| input[type="file"]::file-selector-button { padding: 5px 10px; border-radius: 4px; background-color: #333333; border: 1px solid var(--anthracite-border); cursor: pointer; margin-right: 10px; color: var(--text-primary);} | |
| input[type="checkbox"] { margin-right: 5px; vertical-align: middle; accent-color: var(--red-primary); } | |
| 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(--anthracite-border); color: var(--text-primary); font-weight: 500; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease, color 0.3s 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: #555555; } | |
| button:active, .button:active { transform: scale(0.98); } | |
| button[type="submit"] { min-width: 120px; justify-content: center; background-color: var(--red-primary); color: #FFFFFF; } | |
| button[type="submit"]:hover { background-color: var(--red-hover); } | |
| .delete-button { background-color: var(--red-danger); color: #FFFFFF;} | |
| .delete-button:hover { background-color: #c82333; color: #FFFFFF;} | |
| .item-list { display: grid; gap: 20px; } | |
| .item { background: #101010; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border: 1px solid #333333; } | |
| .item p { margin: 5px 0; font-size: 0.9rem; color: var(--text-secondary); } | |
| .item strong { color: var(--text-primary); } | |
| .item .description { font-size: 0.85rem; color: #888888; max-height: 60px; overflow: hidden; text-overflow: ellipsis; } | |
| .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } | |
| .item-actions button:not(.delete-button) { background-color: var(--anthracite-border); } | |
| .item-actions button:not(.delete-button):hover { background-color: #555555; } | |
| .edit-form-container { margin-top: 15px; padding: 20px; background: #252525; border: 1px dashed var(--anthracite-border); border-radius: 6px; display: none; } | |
| details { background-color: var(--anthracite); border: 1px solid var(--anthracite-border); border-radius: 8px; margin-bottom: 20px; } | |
| details > summary { cursor: pointer; font-weight: 600; color: var(--red-primary); display: block; padding: 15px; border-bottom: 1px solid transparent; list-style: none; position: relative; } | |
| details[open] > summary { border-bottom: 1px solid var(--anthracite-border); } | |
| 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(--red-primary); } | |
| details[open] > summary::after { transform: translateY(-50%) rotate(180deg); } | |
| 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(--red-danger); padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; } | |
| .remove-color-btn:hover { background-color: #c82333; } | |
| .add-color-btn { background-color: #333333; color: var(--red-primary); border: 1px solid var(--anthracite-border); } | |
| .add-color-btn:hover { background-color: var(--red-primary); color: #FFFFFF; border-color: var(--red-primary); } | |
| .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; border: 1px solid var(--anthracite-border); object-fit: cover;} | |
| .sync-buttons { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; } | |
| .download-hf-button { background-color: #555555; } | |
| .download-hf-button:hover { background-color: var(--anthracite-border); color: var(--text-primary);} | |
| .flex-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; } | |
| .message { padding: 10px 15px; border-radius: 6px; margin-bottom: 15px; font-size: 0.9rem;} | |
| .message.success { background-color: #1E4620; color: #A6D7A2; border: 1px solid #3C8C4A;} | |
| .message.error { background-color: #5A2022; color: #F8D7DA; border: 1px solid #A54954;} | |
| .message.warning { background-color: #613500; color: #FFD180; border: 1px solid #b37400; } | |
| .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: #1E4620; color: #A6D7A2; } | |
| .status-indicator.out-of-stock { background-color: #5A2022; color: #F8D7DA; } | |
| .status-indicator.top-product { background-color: var(--red-primary); color: #FFFFFF; margin-left: 5px;} | |
| .discount-info { color: var(--red-danger); font-weight: bold; } | |
| .header .button { background-color: var(--red-primary); color: #FFFFFF; } | |
| .header .button:hover { background-color: var(--red-hover); } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <div class="logo-title-container" style="display: flex; align-items: center; gap: 15px;"> | |
| <h1><i class="fas fa-tools"></i> {{ get_translation('admin_panel_h1') }}</h1> | |
| </div> | |
| <a href="{{ url_for('catalog') }}" class="button"><i class="fas fa-store"></i> {{ get_translation('go_to_catalog') }}</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-cog"></i> {{ get_translation('admin_settings_title') }}</h2> | |
| <form method="POST"> | |
| <input type="hidden" name="action" value="update_settings"> | |
| <label for="usd_to_kgs_rate">{{ get_translation('admin_usd_to_kgs_rate_label') }}</label> | |
| <input type="number" step="0.01" id="usd_to_kgs_rate" name="usd_to_kgs_rate" value="{{ app_config.usd_to_kgs_rate }}" required> | |
| <div style="margin-top: 15px;"> | |
| <label for="prices_enabled" class="inline-label" style="margin-right: 10px;">{{ get_translation('admin_prices_visibility_label') }}</label> | |
| <input type="checkbox" id="prices_enabled" name="prices_enabled" {% if app_config.prices_enabled %}checked{% endif %}> | |
| <label for="prices_enabled" class="inline-label">{{ get_translation('admin_prices_enabled_checkbox_label') }}</label> | |
| </div> | |
| <button type="submit" style="margin-top: 20px;"><i class="fas fa-save"></i> {{ get_translation('save_settings_button') }}</button> | |
| </form> | |
| </div> | |
| <div class="section"> | |
| <h2><i class="fas fa-sync-alt"></i> {{ get_translation('sync_with_dc') }}</h2> | |
| <div class="sync-buttons"> | |
| <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;" onsubmit="return confirm('{{ get_translation('confirm_force_upload') }}');"> | |
| <button type="submit" class="button" title="{{ get_translation('upload_db') }}"><i class="fas fa-upload"></i> {{ get_translation('upload_db') }}</button> | |
| </form> | |
| <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;" onsubmit="return confirm('{{ get_translation('confirm_force_download') }}');"> | |
| <button type="submit" class="button download-hf-button" title="{{ get_translation('download_db') }}"><i class="fas fa-download"></i> {{ get_translation('download_db') }}</button> | |
| </form> | |
| </div> | |
| <p style="font-size: 0.85rem; color: #888888;">{{ get_translation('sync_info_text') }}</p> | |
| </div> | |
| <div class="flex-container"> | |
| <div class="section"> | |
| <h2><i class="fas fa-truck"></i> {{ get_translation('manage_suppliers') }}</h2> | |
| <details> | |
| <summary><i class="fas fa-plus-circle"></i> {{ get_translation('add_new_supplier') }}</summary> | |
| <div class="form-content"> | |
| <form method="POST"> | |
| <input type="hidden" name="action" value="add_supplier"> | |
| <label for="add_supplier_name">{{ get_translation('new_supplier_name_label') }}</label> | |
| <input type="text" id="add_supplier_name" name="supplier_name" required> | |
| <button type="submit"><i class="fas fa-plus"></i> {{ get_translation('add_button') }}</button> | |
| </form> | |
| </div> | |
| </details> | |
| <h3>{{ get_translation('existing_suppliers') }}</h3> | |
| {% if suppliers %} | |
| <div class="item-list"> | |
| {% for supplier_name in suppliers %} | |
| <div class="item" style="display: flex; justify-content: space-between; align-items: center;"> | |
| <span>{{ supplier_name }}</span> | |
| <form method="POST" style="margin: 0;" onsubmit="return confirm('{{ get_translation('confirm_delete_supplier', supplier_name=supplier_name) }}');"> | |
| <input type="hidden" name="action" value="delete_supplier"> | |
| <input type="hidden" name="supplier_name" value="{{ supplier_name }}"> | |
| <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>{{ get_translation('no_suppliers_yet') }}</p> | |
| {% endif %} | |
| </div> | |
| <div class="section"> | |
| <h2><i class="fas fa-tags"></i> {{ get_translation('manage_categories') }}</h2> | |
| <details> | |
| <summary><i class="fas fa-plus-circle"></i> {{ get_translation('add_new_category') }}</summary> | |
| <div class="form-content"> | |
| <form method="POST"> | |
| <input type="hidden" name="action" value="add_category"> | |
| <label for="add_category_name">{{ get_translation('new_category_name_label') }}</label> | |
| <input type="text" id="add_category_name" name="category_name" required> | |
| <button type="submit"><i class="fas fa-plus"></i> {{ get_translation('add_button') }}</button> | |
| </form> | |
| </div> | |
| </details> | |
| <h3>{{ get_translation('existing_categories') }}</h3> | |
| {% if categories %} | |
| <div class="item-list"> | |
| {% for category_name_orig in categories %} | |
| <div class="item" style="display: flex; justify-content: space-between; align-items: center;"> | |
| <span>{{ category_name_orig }}</span> | |
| <form method="POST" style="margin: 0;" onsubmit="return confirm('{{ get_translation('confirm_delete_category', category_name=category_name_orig) }}');"> | |
| <input type="hidden" name="action" value="delete_category"> | |
| <input type="hidden" name="category_name" value="{{ category_name_orig }}"> | |
| <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>{{ get_translation('no_categories_yet') }}</p> | |
| {% endif %} | |
| </div> | |
| <div class="section"> | |
| <h2><i class="fas fa-info-circle"></i> {{ get_translation('information_section_title') }}</h2> | |
| <p>{{ get_translation('user_management_disabled_info') }}</p> | |
| <p>{{ get_translation('anonymous_orders_whatsapp_info') }}</p> | |
| </div> | |
| </div> | |
| <div class="section"> | |
| <h2><i class="fas fa-box-open"></i> {{ get_translation('manage_products') }}</h2> | |
| <details> | |
| <summary><i class="fas fa-plus-circle"></i> {{ get_translation('add_new_product') }}</summary> | |
| <div class="form-content"> | |
| <form method="POST" enctype="multipart/form-data"> | |
| <input type="hidden" name="action" value="add_product"> | |
| <label for="add_name">{{ get_translation('product_name_label') }}</label> | |
| <input type="text" id="add_name" name="name" required> | |
| <label for="add_price_usd">{{ get_translation('product_price_usd_label') }}</label> | |
| <input type="number" id="add_price_usd" name="price_usd" step="0.01" min="0" required> | |
| <label for="add_discount_percent">{{ get_translation('product_discount_percent_label') }}</label> | |
| <input type="number" id="add_discount_percent" name="discount_percent" step="1" min="0" max="100" value="0"> | |
| <label for="add_description">{{ get_translation('product_description_label') }}</label> | |
| <textarea id="add_description" name="description" rows="4"></textarea> | |
| <label for="add_supplier">{{ get_translation('product_supplier_label') }}</label> | |
| <select id="add_supplier" name="supplier"> | |
| <option value="Без поставщика">{{ get_translation('no_supplier_option') }}</option> | |
| {% for supplier_name in suppliers %} | |
| <option value="{{ supplier_name }}">{{ supplier_name }}</option> | |
| {% endfor %} | |
| </select> | |
| <label for="add_category">{{ get_translation('product_category_label') }}</label> | |
| <select id="add_category" name="category"> | |
| <option value="Без категории">{{ get_translation('no_category_option') }}</option> | |
| {% for category_name_orig in categories %} | |
| <option value="{{ category_name_orig }}">{{ category_name_orig }}</option> | |
| {% endfor %} | |
| </select> | |
| <label for="add_photos">{{ get_translation('photos_label') }}</label> | |
| <input type="file" id="add_photos" name="photos" accept="image/*" multiple> | |
| <label>{{ get_translation('colors_variants_label') }}</label> | |
| <div id="add-color-inputs"> | |
| <div class="color-input-group"> | |
| <input type="text" name="colors" placeholder="{{ get_translation('color_placeholder_example') }}"> | |
| <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> {{ get_translation('add_color_field_button') }}</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">{{ get_translation('in_stock_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">{{ get_translation('top_product_label') }}</label> | |
| </div> | |
| <br> | |
| <button type="submit" style="margin-top: 20px;"><i class="fas fa-save"></i> {{ get_translation('add_product_button') }}</button> | |
| </form> | |
| </div> | |
| </details> | |
| <h3>{{ get_translation('product_list_title') }}</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="{{ get_translation('view_first_photo_title') }}"> | |
| <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" alt="{{ get_translation('photo_alt') }}"> | |
| </a> | |
| {% else %} | |
| <img src="https://via.placeholder.com/70x70.png?text=N%2FA" alt="{{ get_translation('no_photo_alt') }}" style="filter: invert(1) hue-rotate(180deg) contrast(0.8) brightness(0.8);"> | |
| {% endif %} | |
| </div> | |
| <div style="flex-grow: 1;"> | |
| <h3 style="margin-top: 0; margin-bottom: 5px; color: #E0E0E0;"> | |
| {{ product['name'] }} | |
| {% if product.get('in_stock', True) %} | |
| <span class="status-indicator in-stock">{{ get_translation('status_in_stock') }}</span> | |
| {% else %} | |
| <span class="status-indicator out-of-stock">{{ get_translation('status_out_of_stock') }}</span> | |
| {% endif %} | |
| {% if product.get('is_top', False) %} | |
| <span class="status-indicator top-product"><i class="fas fa-star"></i> {{ get_translation('status_top_product') }}</span> | |
| {% endif %} | |
| </h3> | |
| <p><strong>{{ get_translation('supplier') }}</strong> {{ product.get('supplier', get_translation('no_supplier')) }}</p> | |
| <p><strong>{{ get_translation('category') }}</strong> {{ product.get('category', get_translation('no_category')) }}</p> | |
| <p><strong>{{ get_translation('price') }}</strong> {{ "%.2f"|format(product.price_usd) }} {{ admin_currency_code }} | |
| <span style="color: #AAAAAA; font-size:0.9em;"> ({{ "%.2f"|format(product.price_usd * app_config.usd_to_kgs_rate) }} {{ currency_code }})</span> | |
| </p> | |
| {% if product.get('discount_percent', 0) > 0 %} | |
| <p><strong class="discount-info">{{ get_translation('discount_label_item') }} {{ product.discount_percent }}%</strong></p> | |
| {% endif %} | |
| <p class="description" title="{{ product.get('description', '') }}"><strong>{{ get_translation('description_label_item') }}</strong> {{ product.get('description', get_translation('description_not_available'))[:150] }}{% if product.get('description', '')|length > 150 %}...{% endif %}</p> | |
| {% set colors = product.get('colors', []) %} | |
| <p><strong>{{ get_translation('colors_variants_item_label') }}</strong> {{ colors|select('ne', '')|join(', ') if colors|select('ne', '')|list|length > 0 else get_translation('colors_not_available') }}</p> | |
| {% if product.get('photos') and product['photos']|length > 1 %} | |
| <p style="font-size: 0.8rem; color: #888888;">{{ get_translation('total_photos_count', count=product['photos']|length ) }}</p> | |
| {% endif %} | |
| </div> | |
| </div> | |
| <div class="item-actions"> | |
| {# *** FIX: Use product.id to identify the form to toggle *** #} | |
| <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ product.id }}')"><i class="fas fa-edit"></i> {{ get_translation('edit_button') }}</button> | |
| <form method="POST" style="margin:0;" onsubmit="return confirm('{{ get_translation('confirm_delete_product', product_name=product['name']) }}');"> | |
| <input type="hidden" name="action" value="delete_product"> | |
| {# *** FIX: Send product.id instead of loop.index0 *** #} | |
| <input type="hidden" name="product_id" value="{{ product.id }}"> | |
| <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> {{ get_translation('delete_button') }}</button> | |
| </form> | |
| </div> | |
| {# *** FIX: Use product.id to give the form a unique ID *** #} | |
| <div id="edit-form-{{ product.id }}" class="edit-form-container"> | |
| <h4 style="color: var(--red-primary);"><i class="fas fa-edit"></i> {{ get_translation('editing_product_title', product_name=product['name']) }}</h4> | |
| <form method="POST" enctype="multipart/form-data"> | |
| <input type="hidden" name="action" value="edit_product"> | |
| {# *** FIX: Send product.id instead of loop.index0 *** #} | |
| <input type="hidden" name="product_id" value="{{ product.id }}"> | |
| <label>{{ get_translation('product_name_edit_label') }}</label> | |
| <input type="text" name="name" value="{{ product['name'] }}" required> | |
| <label>{{ get_translation('product_price_usd_edit_label', currency_code=admin_currency_code) }}</label> | |
| <input type="number" name="price_usd" step="0.01" min="0" value="{{ product.price_usd }}" required> | |
| <label>{{ get_translation('product_discount_percent_edit_label') }}</label> | |
| <input type="number" name="discount_percent" step="1" min="0" max="100" value="{{ product.get('discount_percent', 0) }}"> | |
| <label>{{ get_translation('product_description_edit_label') }}</label> | |
| <textarea name="description" rows="4">{{ product.get('description', '') }}</textarea> | |
| <label>{{ get_translation('product_supplier_edit_label') }}</label> | |
| <select name="supplier"> | |
| <option value="Без поставщика" {% if product.get('supplier', 'Без поставщика') == 'Без поставщика' %}selected{% endif %}>{{ get_translation('no_supplier_option') }}</option> | |
| {% for supplier_name in suppliers %} | |
| <option value="{{ supplier_name }}" {% if product.get('supplier') == supplier_name %}selected{% endif %}>{{ supplier_name }}</option> | |
| {% endfor %} | |
| </select> | |
| <label>{{ get_translation('product_category_edit_label') }}</label> | |
| <select name="category"> | |
| <option value="Без категории" {% if product.get('category', 'Без категории') == 'Без категории' %}selected{% endif %}>{{ get_translation('no_category_option') }}</option> | |
| {% for category_name_orig in categories %} | |
| <option value="{{ category_name_orig }}" {% if product.get('category') == category_name_orig %}selected{% endif %}>{{ category_name_orig }}</option> | |
| {% endfor %} | |
| </select> | |
| <label>{{ get_translation('replace_photos_label') }}</label> | |
| <input type="file" name="photos" accept="image/*" multiple> | |
| {% if product.get('photos') %} | |
| <p style="font-size: 0.85rem; margin-top: 5px;">{{ get_translation('current_photos_label') }}</p> | |
| <div class="photo-preview"> | |
| {% for photo in product['photos'] %} | |
| <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}" alt="{{ get_translation('photo_alt_indexed', loop_index=loop.index) }}"> | |
| {% endfor %} | |
| </div> | |
| {% endif %} | |
| <label>{{ get_translation('colors_variants_edit_label') }}</label> | |
| <div id="edit-color-inputs-{{ product.id }}"> | |
| {% 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="{{ get_translation('color_placeholder_generic') }}"> | |
| <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-{{ product.id }}')"><i class="fas fa-palette"></i> {{ get_translation('add_color_field_edit_button') }}</button> | |
| <br> | |
| <div style="margin-top: 15px;"> | |
| <input type="checkbox" id="edit_in_stock_{{ product.id }}" name="in_stock" {% if product.get('in_stock', True) %}checked{% endif %}> | |
| <label for="edit_in_stock_{{ product.id }}" class="inline-label">{{ get_translation('in_stock_edit_label') }}</label> | |
| </div> | |
| <div style="margin-top: 5px;"> | |
| <input type="checkbox" id="edit_is_top_{{ product.id }}" name="is_top" {% if product.get('is_top', False) %}checked{% endif %}> | |
| <label for="edit_is_top_{{ product.id }}" class="inline-label">{{ get_translation('top_product_edit_label') }}</label> | |
| </div> | |
| <br> | |
| <button type="submit" style="margin-top: 20px;"><i class="fas fa-save"></i> {{ get_translation('save_changes_button') }}</button> | |
| </form> | |
| </div> | |
| </div> | |
| {% endfor %} | |
| </div> | |
| {% else %} | |
| <p>{{ get_translation('no_products_yet_admin') }}</p> | |
| {% endif %} | |
| </div> | |
| </div> | |
| <script> | |
| const jsAdminTranslations = {{ js_translations|tojson }}; | |
| function _admin(key, params = {}) { | |
| let text = jsAdminTranslations[key] || `MISSING_JS_ADMIN_TRANSLATION: ${key}`; | |
| for (const pKey in params) { | |
| text = text.replace(new RegExp(`{${pKey}}`, 'g'), params[pKey]); | |
| } | |
| return text; | |
| } | |
| 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="${_admin('js_new_color_variant_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.id.startsWith('add-color-inputs') && container.children.length === 0) { | |
| const placeholderGroup = document.createElement('div'); | |
| placeholderGroup.className = 'color-input-group'; | |
| placeholderGroup.innerHTML = ` | |
| <input type="text" name="colors" placeholder="${"{{ get_translation('color_placeholder_example') }}" }"> | |
| <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> | |
| `; | |
| container.appendChild(placeholderGroup); | |
| } else if (container && container.id.startsWith('edit-color-inputs') && container.children.length === 0) { | |
| const placeholderGroup = document.createElement('div'); | |
| placeholderGroup.className = 'color-input-group'; | |
| placeholderGroup.innerHTML = ` | |
| <input type="text" name="colors" placeholder="${"{{ get_translation('color_placeholder_generic') }}" }"> | |
| <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"); | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> | |
| ''' | |
| def catalog(): | |
| data = load_data() | |
| all_products = data.get('products', []) | |
| categories_orig = sorted(data.get('categories', [])) | |
| suppliers_orig = sorted(data.get('suppliers', [])) | |
| app_config = data.get('config', {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}) | |
| products_in_stock = [p for p in all_products 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())) | |
| return render_template_string( | |
| CATALOG_TEMPLATE, | |
| products=products_sorted, | |
| categories=categories_orig, | |
| suppliers=suppliers_orig, | |
| repo_id=REPO_ID, | |
| currency_code=CURRENCY_CODE, | |
| app_config=app_config | |
| ) | |
| def product_detail(index): | |
| data = load_data() | |
| all_products = data.get('products', []) | |
| app_config = data.get('config', {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}) | |
| products_in_stock = [p for p in all_products 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: | |
| logging.warning(f"Attempted access to non-existent or out-of-stock product with index {index}") | |
| return get_translation('error_product_not_found'), 404 | |
| return render_template_string( | |
| PRODUCT_DETAIL_TEMPLATE, | |
| product=product, | |
| repo_id=REPO_ID, | |
| currency_code=CURRENCY_CODE, | |
| app_config=app_config | |
| ) | |
| def create_order(): | |
| order_data = request.get_json() | |
| current_data_full = load_data() | |
| app_config = current_data_full.get('config', {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}) | |
| current_rate = float(app_config.get('usd_to_kgs_rate', 87.0)) | |
| prices_currently_enabled = app_config.get('prices_enabled', True) | |
| if not order_data or 'cart' not in order_data or not order_data['cart']: | |
| logging.warning("Create order request missing cart data or cart is empty.") | |
| return jsonify({"error": get_translation('cart_empty_for_order')}), 400 | |
| cart_items = order_data['cart'] | |
| total_price_kgs = 0 | |
| processed_cart = [] | |
| for item in cart_items: | |
| if not all(k in item for k in ('name', 'price_usd', 'quantity')): | |
| logging.error(f"Invalid cart item structure received: {item}") | |
| return jsonify({"error": "Invalid cart item format."}), 400 | |
| try: | |
| price_usd_in_cart = float(item['price_usd']) | |
| original_price_usd = float(item.get('original_price_usd', price_usd_in_cart)) | |
| discount_percent = int(item.get('discount_percent', 0)) | |
| quantity = int(item['quantity']) | |
| if price_usd_in_cart < 0 or quantity <= 0: | |
| raise ValueError("Invalid price or quantity") | |
| price_kgs_at_order = round(price_usd_in_cart * current_rate, 2) | |
| original_price_kgs_at_order = round(original_price_usd * current_rate, 2) | |
| if prices_currently_enabled: | |
| total_price_kgs += price_kgs_at_order * quantity | |
| processed_cart.append({ | |
| "name": item['name'], | |
| "price_usd_final": price_usd_in_cart, | |
| "original_price_usd": original_price_usd, | |
| "discount_percent_at_order": discount_percent, | |
| "price_kgs_at_order": price_kgs_at_order, | |
| "original_price_kgs_at_order": original_price_kgs_at_order, | |
| "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%2FA" | |
| }) | |
| except (ValueError, TypeError) as e: | |
| logging.error(f"Invalid price/quantity/discount in cart item: {item}. Error: {e}") | |
| return jsonify({"error": "Invalid price, quantity, or discount in item."}), 400 | |
| order_id = f"{datetime.now().strftime('%Y%m%d%H%M%S')}-{uuid.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_kgs": round(total_price_kgs, 2) if prices_currently_enabled else 0, | |
| "usd_to_kgs_rate_at_order": current_rate, | |
| "prices_were_enabled_at_order": prices_currently_enabled, | |
| "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) | |
| logging.info(f"Order {order_id} created successfully. Prices enabled at creation: {prices_currently_enabled}") | |
| return jsonify({"order_id": order_id}), 201 | |
| except Exception as e: | |
| logging.error(f"Failed to save order {order_id}: {e}", exc_info=True) | |
| return jsonify({"error": "Server error while saving order."}), 500 | |
| def view_order(order_id): | |
| data = load_data() | |
| order = data.get('orders', {}).get(order_id) | |
| app_config = data.get('config', {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}) | |
| if order: | |
| logging.info(f"Displaying order {order_id}") | |
| else: | |
| logging.warning(f"Order {order_id} not found.") | |
| return render_template_string(ORDER_TEMPLATE, | |
| order=order, | |
| repo_id=REPO_ID, | |
| currency_code=CURRENCY_CODE, | |
| app_config=app_config) | |
| def admin(): | |
| data = load_data() | |
| products = data.get('products', []) | |
| categories = data.get('categories', []) | |
| suppliers = data.get('suppliers', []) | |
| app_config = data.get('config', {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}) | |
| if 'orders' not in data or not isinstance(data.get('orders'), dict): | |
| data['orders'] = {} | |
| if request.method == 'POST': | |
| action = request.form.get('action') | |
| logging.info(f"Admin action received: {action}") | |
| try: | |
| if action == 'update_settings': | |
| new_rate_str = request.form.get('usd_to_kgs_rate', str(app_config['usd_to_kgs_rate'])) | |
| prices_enabled_form = 'prices_enabled' in request.form | |
| try: | |
| new_rate = float(new_rate_str) | |
| if new_rate <=0: raise ValueError("Rate must be positive") | |
| data['config']['usd_to_kgs_rate'] = new_rate | |
| except ValueError: | |
| flash(get_translation('flash_invalid_price_format'), 'error') | |
| data['config']['prices_enabled'] = prices_enabled_form | |
| save_data(data) | |
| flash(get_translation('flash_settings_updated'), 'success') | |
| elif 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) | |
| logging.info(f"Category '{category_name}' added.") | |
| flash(get_translation('flash_category_added_success', category_name=category_name), 'success') | |
| elif not category_name: | |
| logging.warning("Attempted to add empty category.") | |
| flash(get_translation('flash_category_name_empty'), 'error') | |
| else: | |
| logging.warning(f"Category '{category_name}' already exists.") | |
| flash(get_translation('flash_category_already_exists', category_name=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) | |
| logging.info(f"Category '{category_to_delete}' deleted. Updated products: {updated_count}.") | |
| flash(get_translation('flash_category_delete_success', category_name=category_to_delete, updated_count=updated_count), 'success') | |
| else: | |
| logging.warning(f"Attempted to delete non-existent or empty category: {category_to_delete}") | |
| flash(get_translation('flash_category_delete_failed', category_name=category_to_delete), 'error') | |
| elif action == 'add_supplier': | |
| supplier_name = request.form.get('supplier_name', '').strip() | |
| if supplier_name and supplier_name not in suppliers: | |
| suppliers.append(supplier_name) | |
| data['suppliers'] = suppliers | |
| save_data(data) | |
| logging.info(f"Supplier '{supplier_name}' added.") | |
| flash(get_translation('flash_supplier_added_success', supplier_name=supplier_name), 'success') | |
| elif not supplier_name: | |
| logging.warning("Attempted to add empty supplier.") | |
| flash(get_translation('flash_supplier_name_empty'), 'error') | |
| else: | |
| logging.warning(f"Supplier '{supplier_name}' already exists.") | |
| flash(get_translation('flash_supplier_already_exists', supplier_name=supplier_name), 'error') | |
| elif action == 'delete_supplier': | |
| supplier_to_delete = request.form.get('supplier_name') | |
| if supplier_to_delete and supplier_to_delete in suppliers: | |
| suppliers.remove(supplier_to_delete) | |
| updated_count = 0 | |
| for product in products: | |
| if product.get('supplier') == supplier_to_delete: | |
| product['supplier'] = 'Без поставщика' | |
| updated_count += 1 | |
| data['suppliers'] = suppliers | |
| data['products'] = products | |
| save_data(data) | |
| logging.info(f"Supplier '{supplier_to_delete}' deleted. Updated products: {updated_count}.") | |
| flash(get_translation('flash_supplier_delete_success', supplier_name=supplier_to_delete, updated_count=updated_count), 'success') | |
| else: | |
| logging.warning(f"Attempted to delete non-existent or empty supplier: {supplier_to_delete}") | |
| flash(get_translation('flash_supplier_delete_failed', supplier_name=supplier_to_delete), 'error') | |
| elif action == 'add_product': | |
| name = request.form.get('name', '').strip() | |
| price_usd_str = request.form.get('price_usd', '').replace(',', '.') | |
| discount_percent_str = request.form.get('discount_percent', '0') | |
| description = request.form.get('description', '').strip() | |
| category = request.form.get('category') | |
| supplier = request.form.get('supplier') | |
| 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_usd_str: | |
| flash(get_translation('flash_product_name_price_required'), 'error') | |
| return redirect(url_for('admin')) | |
| try: | |
| price_usd = round(float(price_usd_str), 2) | |
| if price_usd < 0: price_usd = 0 | |
| except ValueError: | |
| flash(get_translation('flash_invalid_price_format'), 'error') | |
| return redirect(url_for('admin')) | |
| try: | |
| discount_percent = int(discount_percent_str) | |
| if not (0 <= discount_percent <= 100): | |
| discount_percent = 0 | |
| flash(get_translation('flash_invalid_discount_format'), 'warning') | |
| except ValueError: | |
| discount_percent = 0 | |
| flash(get_translation('flash_invalid_discount_format'), 'warning') | |
| 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_idx, photo in enumerate(photos_files): | |
| if uploaded_count >= photo_limit: | |
| logging.warning(f"Photo limit ({photo_limit}) reached, ignoring remaining photos.") | |
| flash(get_translation('flash_photo_limit_reached', photo_limit=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']: | |
| logging.warning(f"Skipping non-image file upload: {photo.filename}") | |
| flash(get_translation('flash_file_not_image_skipped', filename=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')}_{photo_idx}{ext}" | |
| temp_path = os.path.join(uploads_dir, photo_filename) | |
| photo.save(temp_path) | |
| logging.info(f"Uploading photo {photo_filename} to HF for product {name}...") | |
| 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) | |
| logging.info(f"Photo {photo_filename} uploaded successfully.") | |
| os.remove(temp_path) | |
| uploaded_count += 1 | |
| except Exception as e: | |
| logging.error(f"Error uploading photo {photo.filename} to HF: {e}", exc_info=True) | |
| flash(get_translation('flash_photo_upload_error', filename=photo.filename), 'error') | |
| if os.path.exists(temp_path): | |
| try: os.remove(temp_path) | |
| except OSError: pass | |
| elif photo and not photo.filename: | |
| logging.warning("Received an empty photo file object when adding product.") | |
| try: | |
| if os.path.exists(uploads_dir) and not os.listdir(uploads_dir): | |
| os.rmdir(uploads_dir) | |
| except OSError as e: | |
| logging.warning(f"Could not remove temporary upload directory {uploads_dir}: {e}") | |
| elif not HF_TOKEN_WRITE and photos_files and any(f.filename for f in photos_files): | |
| flash(get_translation('flash_hf_token_write_not_set_photos_not_uploaded'), "warning") | |
| # *** FIX: Assign a unique ID to the new product *** | |
| new_product = { | |
| 'id': uuid.uuid4().hex, | |
| 'name': name, 'price_usd': price_usd, 'discount_percent': discount_percent, | |
| 'description': description, | |
| 'category': category if category in categories or category == 'Без категории' else 'Без категории', | |
| 'supplier': supplier if supplier in suppliers or supplier == 'Без поставщика' else 'Без поставщика', | |
| 'photos': photos_list, 'colors': colors, | |
| 'in_stock': in_stock, 'is_top': is_top | |
| } | |
| products.append(new_product) | |
| data['products'] = products | |
| save_data(data) | |
| logging.info(f"Product '{name}' added with ID {new_product['id']}.") | |
| flash(get_translation('flash_product_added_success', product_name=name), 'success') | |
| elif action == 'edit_product': | |
| # *** FIX: Find product by ID, not by index *** | |
| product_id = request.form.get('product_id') | |
| if not product_id: | |
| flash(get_translation('flash_edit_error_no_id'), 'error') | |
| return redirect(url_for('admin')) | |
| product_to_edit = None | |
| product_index = -1 | |
| for i, p in enumerate(products): | |
| if p.get('id') == product_id: | |
| product_to_edit = p | |
| product_index = i | |
| break | |
| if product_to_edit is None: | |
| flash(get_translation('flash_edit_error_not_found', product_id=product_id), 'error') | |
| logging.error(f"Could not find product with ID '{product_id}' for editing.") | |
| 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_usd_str = request.form.get('price_usd', str(product_to_edit.get('price_usd',0.0))).replace(',', '.') | |
| discount_percent_str = request.form.get('discount_percent', str(product_to_edit.get('discount_percent',0))) | |
| product_to_edit['description'] = request.form.get('description', product_to_edit.get('description', '')).strip() | |
| category = request.form.get('category') | |
| supplier = request.form.get('supplier') | |
| product_to_edit['category'] = category if category in categories or category == 'Без категории' else 'Без категории' | |
| product_to_edit['supplier'] = supplier if supplier in suppliers or supplier == 'Без поставщика' 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_usd = round(float(price_usd_str), 2) | |
| if price_usd < 0: price_usd = 0 | |
| product_to_edit['price_usd'] = price_usd | |
| except ValueError: | |
| logging.warning(f"Invalid price format '{price_usd_str}' during edit of product {original_name}. Price not changed.") | |
| flash(get_translation('flash_invalid_price_format_edit_warning', product_name=original_name), 'warning') | |
| try: | |
| discount_percent = int(discount_percent_str) | |
| if not (0 <= discount_percent <= 100): | |
| discount_percent = product_to_edit.get('discount_percent', 0) | |
| flash(get_translation('flash_invalid_discount_format_edit_warning', product_name=original_name), 'warning') | |
| product_to_edit['discount_percent'] = discount_percent | |
| except ValueError: | |
| flash(get_translation('flash_invalid_discount_format_edit_warning', product_name=original_name), 'warning') | |
| photos_files = request.files.getlist('photos') | |
| if photos_files and any(f.filename for f in photos_files): | |
| if HF_TOKEN_WRITE: | |
| uploads_dir = 'uploads_temp' | |
| os.makedirs(uploads_dir, exist_ok=True) | |
| api = HfApi() | |
| new_photos_list = [] | |
| photo_limit = 10 | |
| uploaded_count = 0 | |
| logging.info(f"Uploading new photos for product {product_to_edit['name']}...") | |
| for photo_idx, photo in enumerate(photos_files): | |
| if uploaded_count >= photo_limit: | |
| flash(get_translation('flash_photo_limit_reached', photo_limit=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(get_translation('flash_file_not_image_skipped', filename=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')}_{photo_idx}{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: | |
| logging.error(f"Error uploading new photo {photo.filename}: {e}", exc_info=True) | |
| flash(get_translation('flash_photo_upload_error', filename=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: | |
| logging.warning(f"Could not remove temporary upload directory {uploads_dir}: {e}") | |
| if new_photos_list: | |
| old_photos = product_to_edit.get('photos', []) | |
| if old_photos: | |
| try: | |
| 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']}") | |
| logging.info(f"Old photos for product {product_to_edit['name']} deleted from HF.") | |
| except Exception as e: | |
| logging.error(f"Error deleting old photos {old_photos} from HF: {e}", exc_info=True) | |
| flash(get_translation('flash_failed_delete_hf_photos_warning', product_name=product_to_edit['name']), "warning") | |
| product_to_edit['photos'] = new_photos_list | |
| flash(get_translation('flash_photos_updated_success'), "success") | |
| elif uploaded_count == 0: | |
| flash(get_translation('flash_failed_to_upload_new_photos_format_error'), "error") | |
| else: | |
| flash(get_translation('flash_hf_token_write_not_set_photos_not_updated'), "warning") | |
| products[product_index] = product_to_edit | |
| data['products'] = products | |
| save_data(data) | |
| logging.info(f"Product '{original_name}' (ID {product_id}) updated to '{product_to_edit['name']}'.") | |
| flash(get_translation('flash_product_updated_success', product_name=product_to_edit['name']), 'success') | |
| elif action == 'delete_product': | |
| # *** FIX: Find product by ID, not by index *** | |
| product_id = request.form.get('product_id') | |
| if not product_id: | |
| flash(get_translation('flash_delete_error_no_id'), 'error') | |
| return redirect(url_for('admin')) | |
| product_to_delete = None | |
| product_index = -1 | |
| for i, p in enumerate(products): | |
| if p.get('id') == product_id: | |
| product_to_delete = p | |
| product_index = i | |
| break | |
| if product_to_delete is None: | |
| flash(get_translation('flash_delete_error_not_found', product_id=product_id), 'error') | |
| logging.error(f"Could not find product with ID '{product_id}' for deletion.") | |
| return redirect(url_for('admin')) | |
| deleted_product_name = product_to_delete.get('name', 'N/A') | |
| photos_to_delete = product_to_delete.get('photos', []) | |
| products.pop(product_index) | |
| if photos_to_delete: | |
| if HF_TOKEN_WRITE: | |
| logging.info(f"Attempting to delete photos for product '{deleted_product_name}' from HF: {photos_to_delete}") | |
| 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 {deleted_product_name}") | |
| logging.info(f"Photos for product '{deleted_product_name}' deleted from HF.") | |
| except Exception as e: | |
| logging.error(f"Error deleting photos {photos_to_delete} for product '{deleted_product_name}' from HF: {e}", exc_info=True) | |
| flash(get_translation('flash_failed_delete_hf_photos_warning', product_name=deleted_product_name), "warning") | |
| else: | |
| flash(get_translation('flash_hf_token_write_not_set_photos_not_deleted_warning', product_name=deleted_product_name), "warning") | |
| data['products'] = products | |
| save_data(data) | |
| logging.info(f"Product '{deleted_product_name}' (ID {product_id}) deleted.") | |
| flash(get_translation('flash_product_deleted_success', product_name=deleted_product_name), 'success') | |
| else: | |
| logging.warning(f"Received unknown admin action: {action}") | |
| flash(get_translation('flash_unknown_action', action=action), 'warning') | |
| return redirect(url_for('admin')) | |
| except Exception as e: | |
| logging.error(f"An internal error occurred while performing action '{action}': {e}", exc_info=True) | |
| flash(get_translation('flash_internal_error', action=action), 'error') | |
| return redirect(url_for('admin')) | |
| current_data = load_data() | |
| # Sort products for display | |
| display_products = sorted(current_data.get('products', []), key=lambda p: p.get('name', '').lower()) | |
| display_categories_orig = sorted(current_data.get('categories', [])) | |
| display_suppliers_orig = sorted(current_data.get('suppliers', [])) | |
| current_app_config = current_data.get('config', {'usd_to_kgs_rate': 87.0, 'prices_enabled': True}) | |
| return render_template_string( | |
| ADMIN_TEMPLATE, | |
| products=display_products, | |
| categories=display_categories_orig, | |
| suppliers=display_suppliers_orig, | |
| repo_id=REPO_ID, | |
| currency_code=CURRENCY_CODE, | |
| admin_currency_code=ADMIN_CURRENCY_CODE, | |
| app_config=current_app_config | |
| ) | |
| def force_upload(): | |
| logging.info("Forcing upload to Hugging Face...") | |
| try: | |
| upload_db_to_hf() | |
| flash(get_translation('flash_data_uploaded_hf_success'), 'success') | |
| except Exception as e: | |
| logging.error(f"Error during forced upload: {e}", exc_info=True) | |
| flash(get_translation('flash_data_upload_hf_error', error=str(e)), 'error') | |
| return redirect(url_for('admin')) | |
| def force_download(): | |
| logging.info("Forcing download from Hugging Face...") | |
| try: | |
| if download_db_from_hf(): | |
| flash(get_translation('flash_data_downloaded_hf_success'), 'success') | |
| load_data() # Reload data into memory after download | |
| else: | |
| flash(get_translation('flash_data_download_hf_error_retries'), 'error') | |
| except Exception as e: | |
| logging.error(f"Error during forced download: {e}", exc_info=True) | |
| flash(get_translation('flash_data_download_hf_error', error=str(e)), 'error') | |
| return redirect(url_for('admin')) | |
| if __name__ == '__main__': | |
| logging.info("Application starting up. Performing initial data load/download...") | |
| if not os.path.exists(DATA_FILE): | |
| download_db_from_hf() | |
| load_data() # This will also handle initial migration if necessary | |
| logging.info("Initial data load complete.") | |
| if HF_TOKEN_WRITE: | |
| backup_thread = threading.Thread(target=periodic_backup, daemon=True) | |
| backup_thread.start() | |
| logging.info("Periodic backup thread started.") | |
| else: | |
| logging.warning("Periodic backup will NOT run (HF_TOKEN for writing not set).") | |
| port = int(os.environ.get('PORT', 7860)) | |
| logging.info(f"Starting Flask app on host 0.0.0.0 and port {port}") | |
| app.run(debug=False, host='0.0.0.0', port=port) | |