Update app.py

app.py

@@ -503,13 +503,13 @@ CATALOG_TEMPLATE = '''
                         <div class="product-info">
                             <h2>{{ product['name'] }}</h2>
                             <div class="price-container">
-                                <span class="product-price-line">{{ "%.2f"|format(product['price']) }} {{ currency_code }}</span>
-                                <span class="product-price-piece">
-                                    {% if product.get('items_per_line', 0) > 1 %}
-                                        {{ "%.2f"|format(product['price'] / product.get('items_per_line')) }} {{ currency_code }} / {{ _('price_per_piece') }}
-                                        ({{ product.get('items_per_line') }} {{ _('items_in_line') }})
-                                    {% endif %}
-                                </span>
+                                {% if product.get('items_per_line', 1) > 1 %}
+                                    <span class="product-price-line">{{ "%.2f"|format(product['price'] / product.get('items_per_line')) }} {{ currency_code }}</span>
+                                    <span class="product-price-piece">{{ _('price_per_piece') }} / {{ "%.2f"|format(product['price']) }} {{ _('price_per_line') }}</span>
+                                {% else %}
+                                     <span class="product-price-line">{{ "%.2f"|format(product['price']) }} {{ currency_code }}</span>
+                                     <span class="product-price-piece">{{ _('price_per_piece') }}</span>
+                                {% endif %}
                             </div>
                             <div class="product-colors">
                                 {% set colors = product.get('colors', [])|select('ne', '')|list %}
@@ -1072,12 +1072,16 @@ PRODUCT_DETAIL_TEMPLATE = '''
 
         <div style="margin-top: 20px; font-size: 1rem; line-height: 1.8;">
             <p><strong>{{ _('category') }}</strong> {{ product.get('category', _('no_category')) }}</p>
-            <p style="font-size: 1.4rem; font-weight: bold; color: var(--primary-accent);">
-                <strong>{{ _('price') }}</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}
-            </p>
-            {% if product.get('items_per_line', 0) > 1 %}
+            {% if product.get('items_per_line', 1) > 1 %}
+                <p style="font-size: 1.4rem; font-weight: bold; color: var(--primary-accent);">
+                    <strong>{{ _('price_per_piece') }}:</strong> {{ "%.2f"|format(product['price'] / product.get('items_per_line')) }} {{ currency_code }}
+                </p>
                 <p style="font-size: 1rem; color: var(--text-muted); margin-top: -10px; margin-bottom: 15px;">
-                    {{ "%.2f"|format(product['price'] / product.get('items_per_line')) }} {{ currency_code }} / {{ _('price_per_piece') }} ({{ product.get('items_per_line') }} {{ _('items_in_line') }})
+                    ({{ _('price_per_line') }}: {{ "%.2f"|format(product['price']) }} {{ currency_code }} - {{ product.get('items_per_line') }} {{ _('items_in_line') }})
+                </p>
+            {% else %}
+                <p style="font-size: 1.4rem; font-weight: bold; color: var(--primary-accent);">
+                    <strong>{{ _('price') }}</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}
                 </p>
             {% endif %}
             <p><strong>{{ _('description') }}</strong><br> {{ product.get('description', _('no_description'))|replace('\\n', '<br>')|safe }}</p>
@@ -1377,6 +1381,10 @@ ADMIN_TEMPLATE = '''
 
             <div class="section">
                 <h2><i class="fas fa-box-open"></i> Управление товарами</h2>
+                 <div style="margin-bottom: 20px;">
+                    <label for="admin-product-search" style="font-weight: 600;">Поиск по товарам:</label>
+                    <input type="text" id="admin-product-search" placeholder="Введите название товара для поиска..." onkeyup="filterAdminProducts()">
+                </div>
                  <details>
                      <summary><i class="fas fa-plus-circle"></i> Добавить новый товар</summary>
                      <div class="form-content">
@@ -1424,9 +1432,9 @@ ADMIN_TEMPLATE = '''
 
                 <h3>Список товаров:</h3>
                 {% if products %}
-                <div class="item-list">
+                <div class="item-list" id="admin-product-list">
                     {% for product in products %}
-                    <div class="item">
+                    <div class="item" data-product-name="{{ product.name|lower }}">
                         <div style="display: flex; gap: 15px; align-items: flex-start;">
                              <div class="photo-preview" style="flex-shrink: 0;">
                                 {% if product.get('photos') %}
@@ -1582,6 +1590,20 @@ ADMIN_TEMPLATE = '''
                      console.warn("Could not find parent .color-input-group for remove button");
                 }
             }
+            function filterAdminProducts() {
+                const searchTerm = document.getElementById('admin-product-search').value.toLowerCase().trim();
+                const productItems = document.querySelectorAll('#admin-product-list .item');
+                let visibleCount = 0;
+                productItems.forEach(item => {
+                    const productName = item.getAttribute('data-product-name');
+                    if (productName.includes(searchTerm)) {
+                        item.style.display = 'block';
+                        visibleCount++;
+                    } else {
+                        item.style.display = 'none';
+                    }
+                });
+            }
         </script>
     </body>
     </html>