Update app.py

app.py

@@ -12,47 +12,43 @@ from werkzeug.utils import secure_filename
 app = Flask(__name__)
 DATA_FILE = 'products.json'
 
-# --- Настройки Hugging Face ---
-REPO_ID = "flpolprojects/Clients"  # Замените на ваш репозиторий
-HF_TOKEN_WRITE = os.getenv("HF_TOKEN")  # Токен для записи (загрузки)
-HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")  # Токен для чтения (скачивания)
+# Hugging Face settings
+REPO_ID = "flpolprojects/Clients"
+HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
+HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
 
-# Настройка логирования
+# Logging setup
 logging.basicConfig(level=logging.DEBUG)
 
-# --- Функции для работы с JSON ---
+# Functions for JSON data handling
 def load_data():
-    """Загружает данные из JSON-файла или скачивает их из репозитория Hugging Face."""
     try:
-        # Пытаемся скачать базу данных из Hugging Face
         download_db_from_hf()
         with open(DATA_FILE, 'r', encoding='utf-8') as file:
             return json.load(file)
     except FileNotFoundError:
-        logging.warning("Локальный файл базы данных не найден после скачивания.")
+        logging.warning("Database file not found after download.")
         return []
     except json.JSONDecodeError:
-        logging.error("Ошибка: Невозможно декодировать JSON файл.")
+        logging.error("Error decoding JSON file.")
         return []
     except RepositoryNotFoundError:
-        logging.error("Репозиторий не найден. Создание локальной базы данных.")
-        return []  # Возвращаем пустой список, чтобы начать с пустой базы
+        logging.error("Repository not found. Creating local database.")
+        return []
     except Exception as e:
-        logging.error(f"Произошла ошибка при загрузке данных: {e}")
+        logging.error(f"Error loading data: {e}")
         return []
 
 def save_data(data):
-    """Сохраняет данные в JSON-файл."""
     try:
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
     except Exception as e:
-        logging.error(f"Ошибка при сохранении данных: {e}")
+        logging.error(f"Error saving data: {e}")
         raise
 
-# --- Функции для резервного копирования ---
+# Functions for backup
 def upload_db_to_hf():
-    """Загружает JSON-файл базы данных в репозиторий Hugging Face."""
     try:
         api = HfApi()
         api.upload_file(
@@ -61,14 +57,13 @@ def upload_db_to_hf():
             repo_id=REPO_ID,
             repo_type="dataset",
             token=HF_TOKEN_WRITE,
-            commit_message=f"Автоматическое резервное копирование базы данных {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
+            commit_message=f"Automatic backup {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
         )
-        logging.info("Резервная копия JSON базы успешно загружена на Hugging Face.")
+        logging.info("Backup successfully uploaded to Hugging Face.")
     except Exception as e:
-        logging.error(f"Ошибка при загрузке резервной копии: {e}")
+        logging.error(f"Error uploading backup: {e}")
 
 def download_db_from_hf():
-    """Скачивает JSON-файл базы данных из репозитория Hugging Face."""
     try:
         hf_hub_download(
             repo_id=REPO_ID,
@@ -78,112 +73,112 @@ def download_db_from_hf():
             local_dir=".",
             local_dir_use_symlinks=False
         )
-        logging.info("JSON база успешно скачана из Hugging Face.")
+        logging.info("Database successfully downloaded from Hugging Face.")
     except RepositoryNotFoundError as e:
-        logging.error(f"Репозиторий не найден: {e}")
-        raise  # Прокидываем исключение выше, чтобы load_data обработал его
+        logging.error(f"Repository not found: {e}")
+        raise
     except Exception as e:
-        logging.error(f"Ошибка при скачивании JSON базы: {e}")
+        logging.error(f"Error downloading database: {e}")
         raise
 
 def periodic_backup():
-    """Периодически вызывает функцию upload_db_to_hf() каждые 15 секунд."""
     while True:
         upload_db_to_hf()
         time.sleep(15)
 
-# --- Маршруты приложения ---
+# Application routes
 @app.route('/')
 def catalog():
     products = load_data()
     catalog_html = '''
-    <!DOCTYPE html>
-    <html lang="ru">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Каталог товаров</title>
-        <style>
-            body {
-                font-family: Arial, sans-serif;
-                margin: 0;
-                padding: 0;
-                background-color: #f9f9f9;
-            }
-            header {
-                background-color: #4CAF50;
-                color: white;
-                padding: 15px;
-                text-align: center;
-            }
-            .container {
-                padding: 20px;
-            }
-            .catalog-container {
-                display: grid;
-                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-                grid-gap: 20px;
-            }
-            .product-card {
-                background-color: #fff;
-                border: 1px solid #ddd;
-                padding: 15px;
-                border-radius: 8px;
-                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-                transition: transform 0.2s, box-shadow 0.2s;
-            }
-            .product-card:hover {
-                transform: scale(1.02);
-                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
-            }
-            .product-card h2 {
-                margin-top: 0;
-                font-size: 1.2em;
-                color: #333;
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Каталог</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+            background-color: #f9f9f9;
+            color: #333;
+        }
+
+        h1 {
+            color: #333;
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        .catalog {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+            padding: 20px;
+        }
+
+        .product {
+            background-color: #fff;
+            border: 1px solid #ddd;
+            padding: 15px;
+            border-radius: 8px;
+            transition: transform 0.2s ease-in-out;
+        }
+
+        .product:hover {
+            transform: scale(1.05);
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        }
+
+        .product h2 {
+            margin-top: 0;
+            color: #555;
+            font-size: 1.2em;
+        }
+
+        .product p {
+            color: #777;
+            font-size: 0.9em;
+        }
+
+        .product img {
+            max-width: 100%;
+            height: auto;
+            margin-top: 10px;
+            border-radius: 4px;
+            border: 1px solid #eee;
+        }
+
+        /* Responsive adjustments */
+        @media (max-width: 600px) {
+            .catalog {
+                grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); /* One column on small screens */
             }
-            .product-card p {
-                font-size: 0.95em;
-                color: #555;
-            }
-            .product-card img {
-                width: 100%;
-                height: auto;
-                margin-top: 10px;
-                border-radius: 5px;
-            }
-            @media (max-width: 600px) {
-                .catalog-container {
-                    grid-template-columns: 1fr;
-                }
-            }
-        </style>
-    </head>
-    <body>
-        <header>
-            <h1>Каталог товаров</h1>
-        </header>
-        <div class="container">
-            <div class="catalog-container">
-                {% for product in products %}
-                <div class="product-card">
-                    <h2>{{ product['name'] }}</h2>
-                    <p><strong>Цена:</strong> {{ product['price'] }} руб.</p>
-                    <p><strong>Описание:</strong> {{ product['description'] }}</p>
-                    {% if product.get('photo') %}
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photo'] }}" alt="{{ product['name'] }}">
-                    {% endif %}
-                </div>
-                {% endfor %}
-            </div>
+        }
+    </style>
+</head>
+<body>
+    <h1>Каталог товаров</h1>
+    <div class="catalog">
+        {% for product in products %}
+        <div class="product">
+            <h2>{{ product['name'] }}</h2>
+            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photo'] }}" alt="{{ product['name'] }}">
+            <p><strong>Цена:</strong> {{ product['price'] }} руб.</p>
+            <p><strong>Описание:</strong> {{ product['description'] }}</p>
         </div>
-    </body>
-    </html>
-    '''
+        {% endfor %}
+    </div>
+</body>
+</html>
+'''
     return render_template_string(catalog_html, products=products, repo_id=REPO_ID)
 
 @app.route('/admin', methods=['GET', 'POST'])
 def admin():
     products = load_data()
+
     if request.method == 'POST':
         action = request.form.get('action')
 
@@ -193,18 +188,14 @@ def admin():
             description = request.form.get('description')
             photo = request.files.get('photo')
 
-            logging.debug(f"Полученные данные из формы: name={name}, price={price}, description={description}")
-
             photo_filename = None
             if photo and photo.filename:
                 photo_filename = secure_filename(photo.filename)
-                # Сохраняем файл временно в папку uploads
                 uploads_dir = 'uploads'
                 os.makedirs(uploads_dir, exist_ok=True)
                 temp_path = os.path.join(uploads_dir, photo_filename)
                 photo.save(temp_path)
 
-                # Загружаем фото в репозиторий в папку "photos"
                 try:
                     api = HfApi()
                     api.upload_file(
@@ -220,7 +211,6 @@ def admin():
                     logging.error(f"Ошибка при загрузке фото: {e}")
                     return f"Ошибка при загрузке фото: {e}", 500
                 finally:
-                    # Удаляем временный файл
                     os.remove(temp_path)
 
             if name and price and description:
@@ -230,11 +220,7 @@ def admin():
                     logging.error("Ошибка: Цена должна быть числом.")
                     return "Ошибка: Цена должна быть числом.", 400
 
-                product_entry = {
-                    'name': name,
-                    'price': price,
-                    'description': description
-                }
+                product_entry = {'name': name, 'price': price, 'description': description}
                 if photo_filename:
                     product_entry['photo'] = photo_filename
 
@@ -249,7 +235,6 @@ def admin():
             description = request.form.get('description')
             photo = request.files.get('photo')
 
-            # Логика обновления фотографии
             if photo:
                 photo_filename = secure_filename(photo.filename)
                 uploads_dir = 'uploads'
@@ -268,20 +253,20 @@ def admin():
                         commit_message=f"Обновлено фото для товара {name} {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
                     )
                     logging.info("Фото успешно обновлено в репозитории.")
-                    products[index]['photo'] = photo_filename  # Обновляем имя файла
+                    products[index]['photo'] = photo_filename
                 except Exception as e:
                     logging.error(f"Ошибка при загрузке фото: {e}")
                     return f"Ошибка при загрузке фото: {e}", 500
                 finally:
                     os.remove(temp_path)
-            
-            # Обновление остальных полей
+
             products[index]['name'] = name
             try:
                 price = float(price.replace(',', '.'))
             except ValueError:
                 logging.error("Ошибка: Цена должна быть числом.")
                 return "Ошибка: Цена должна быть числом.", 400
+
             products[index]['price'] = price
             products[index]['description'] = description
 
@@ -295,171 +280,177 @@ def admin():
             return redirect(url_for('admin'))
 
     admin_html = '''
-    <!DOCTYPE html>
-    <html lang="ru">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Админ-панель</title>
-        <style>
-            body {
-                font-family: Arial, sans-serif;
-                margin: 20px;
-                background-color: #f9f9f9;
-            }
-            h1 {
-                color: #333;
-            }
-            form {
-                background-color: #fff;
-                padding: 20px;
-                border: 1px solid #ddd;
-                border-radius: 5px;
-                max-width: 400px;
-                margin-bottom: 20px;
-            }
-            label {
-                display: block;
-                margin-top: 10px;
-                color: #555;
-            }
-            input, textarea {
-                width: 100%;
-                padding: 8px;
-                margin-top: 5px;
-                border: 1px solid #ddd;
-                border-radius: 4px;
-            }
-            button {
-                margin-top: 15px;
-                padding: 10px 15px;
-                background-color: #28a745;
-                color: white;
-                border: none;
-                border-radius: 4px;
-                cursor: pointer;
-            }
-            button:hover {
-                background-color: #218838;
-            }
-            .product-list {
-                margin-top: 20px;
-            }
-            .product-item {
-                background-color: #fff;
-                border: 1px solid #ddd;
-                padding: 15px;
-                margin-bottom: 10px;
-                border-radius: 5px;
-            }
-            .edit-form {
-                margin-top: 10px;
-                padding: 10px;
-                border: 1px solid #ddd;
-                border-radius: 5px;
-                background-color: #f9f9f9;
-            }
-        </style>
-    </head>
-    <body>
-        <h1>Добавление товара</h1>
-        <form method="POST" enctype="multipart/form-data">
-            <input type="hidden" name="action" value="add">
-            <label for="name">Название товара:</label>
-            <input type="text" id="name" name="name" required>
-
-            <label for="price">Цена:</label>
-            <input type="number" id="price" name="price" step="0.01" required>
-
-            <label for="description">Описание:</label>
-            <textarea id="description" name="description" rows="4" required></textarea>
-
-            <label for="photo">Фотография товара (необязательно):</label>
-            <input type="file" id="photo" name="photo" accept="image/*">
-
-            <button type="submit">Добавить товар</button>
-        </form>
-
-        <h2>Управление базой данных</h2>
-        
-        <!-- Кнопки для резервной копии и скачивания -->
-        <form method="POST" action="{{ url_for('backup') }}">
-          <button type="submit">Создать резервную копию</button>
-        </form>
-
-        <form method="GET" action="{{ url_for('download') }}">
-          <button type="submit">Скачать базу данных</button>
-        </form>
-
-        <h2>Список товаров</h2>
-        <div class="product-list">
-            {% for product in products %}
-            <div class="product-item">
-                <h3>{{ product['name'] }}</h3>
-                <p><strong>Цена:</strong> {{ product['price'] }} руб.</p>
-                <p><strong>Описание:</strong> {{ product['description'] }}</p>
-                {% if product.get('photo') %}
-                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photo'] }}" alt="{{ product['name'] }}" style="max-width: 100px;">
-                {% endif %}
-
-                <details>
-                    <summary>Редактировать</summary>
-                    <form method="POST" enctype="multipart/form-data" class="edit-form">
-                        <input type="hidden" name="action" value="edit">
-                        <input type="hidden" name="index" value="{{ loop.index0 }}">
-                        <label for="name">Название товара:</label>
-                        <input type="text" id="name" name="name" value="{{ product['name'] }}" required>
-
-                        <label for="price">Цена:</label>
-                        <input type="number" id="price" name="price" step="0.01" value="{{ product['price'] }}" required>
-
-                        <label for="description">Описание:</label>
-                        <textarea id="description" name="description" rows="4" required>{{ product['description'] }}</textarea>
-
-                        <label for="photo">Фотография товара (необязательно):</label>
-                        <input type="file" id="photo" name="photo" accept="image/*">
-
-                        <button type="submit">Сохранить изменения</button>
-                    </form>
-                </details>
-
-                <form method="POST">
-                    <input type="hidden" name="action" value="delete">
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Админ-панель</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+            background-color: #f9f9f9;
+            color: #333;
+        }
+
+        h1 {
+            color: #333;
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        form {
+            background-color: #fff;
+            padding: 20px;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            max-width: 500px;
+            margin: 20px auto;
+        }
+
+        label {
+            display: block;
+            margin-top: 10px;
+            color: #555;
+        }
+
+        input[type="text"],
+        input[type="number"],
+        textarea {
+            width: 100%;
+            padding: 8px;
+            margin-top: 5px;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            box-sizing: border-box;
+        }
+
+        button {
+            margin-top: 15px;
+            padding: 10px 15px;
+            background-color: #28a745;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+
+        button:hover {
+            background-color: #218838;
+        }
+
+        .product-list {
+            margin-top: 20px;
+        }
+
+        .product-item {
+            background-color: #fff;
+            border: 1px solid #ddd;
+            padding: 15px;
+            margin-bottom: 10px;
+            border-radius: 8px;
+        }
+
+        .edit-form {
+            margin-top: 10px;
+            padding: 10px;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            background-color: #f9f9f9;
+        }
+    </style>
+</head>
+<body>
+    <h1>Админ-панель</h1>
+
+    <form method="POST" enctype="multipart/form-data">
+        <input type="hidden" name="action" value="add">
+        <label for="name">Название товара:</label>
+        <input type="text" id="name" name="name" required>
+
+        <label for="price">Цена:</label>
+        <input type="number" id="price" name="price" step="0.01" required>
+
+        <label for="description">Описание:</label>
+        <textarea id="description" name="description" rows="4" required></textarea>
+
+        <label for="photo">Фотография товара (необязательно):</label>
+        <input type="file" id="photo" name="photo" accept="image/*">
+
+        <button type="submit">Добавить товар</button>
+    </form>
+
+    <h2>Список товаров</h2>
+    <div class="product-list">
+        {% for product in products %}
+        <div class="product-item">
+            <h3>{{ product['name'] }}</h3>
+            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photo'] }}" alt="{{ product['name'] }}" style="max-width: 100%;">
+            <p><strong>Цена:</strong> {{ product['price'] }} руб.</p>
+            <p><strong>Описание:</strong> {{ product['description'] }}</p>
+
+            <details>
+                <summary>Редактировать</summary>
+                <form method="POST" enctype="multipart/form-data" class="edit-form">
+                    <input type="hidden" name="action" value="edit">
                     <input type="hidden" name="index" value="{{ loop.index0 }}">
-                    <button type="submit">Удалить</button>
+                    <label for="name">Название товара:</label>
+                    <input type="text" id="name" name="name" value="{{ product['name'] }}" required>
+
+                    <label for="price">Цена:</label>
+                    <input type="number" id="price" name="price" step="0.01" value="{{ product['price'] }}" required>
+
+                    <label for="description">Описание:</label>
+                    <textarea id="description" name="description" rows="4" required>{{ product['description'] }}</textarea>
+
+                    <label for="photo">Фотография товара (необязательно):</label>
+                    <input type="file" id="photo" name="photo" accept="image/*">
+
+                    <button type="submit">Сохранить изменения</button>
                 </form>
-            </div>
-            {% endfor %}
+            </details>
+
+            <form method="POST">
+                <input type="hidden" name="action" value="delete">
+                <input type="hidden" name="index" value="{{ loop.index0 }}">
+                <button type="submit">Удалить</button>
+            </form>
         </div>
+        {% endfor %}
+    </div>
+
+    <h2>Управление базой данных</h2>
+
+    <form method="POST" action="{{ url_for('backup') }}">
+      <button type="submit">Создать резервную копию</button>
+    </form>
 
-    </body>
-    </html>
-    '''
+    <form method="GET" action="{{ url_for('download') }}">
+      <button type="submit">Скачать базу данных</button>
+    </form>
+</body>
+</html>
+'''
     return render_template_string(admin_html, products=products, repo_id=REPO_ID)
 
 @app.route('/backup', methods=['POST'])
 def backup():
-    """Маршрут для создания резервной копии."""
     upload_db_to_hf()
     return "Резервная копия успешно создана.", 200
 
 @app.route('/download', methods=['GET'])
 def download():
-    """Маршрут для скачивания базы данных."""
     download_db_from_hf()
     return "База данных успешно скачана.", 200
 
 if __name__ == '__main__':
-    # Запуск фонового потока для периодического резервного копирования
     backup_thread = threading.Thread(target=periodic_backup, daemon=True)
     backup_thread.start()
 
-    # Попытка загрузить базу данных из репозитория перед запуском приложения
     try:
         load_data()
     except Exception as e:
         logging.error(f"Не удалось загрузить базу данных при запуске: {e}")
-        # Здесь можно добавить логику для создания пустой базы данных, если это необходимо
-        # Например: save_data([])
 
-    app.run(debug=True, host='0.0.0.0', port=7860)
+    app.run(debug=True, host='0.0.0.0', port=7860)