Replace Pico CSS with custom design: dark sidebar layout, Golos Text + JetBrains Mono fonts, orange accent (#FF5500), new component classes (cards, tables, buttons, tags, toggles, alerts, tabs, login split-panel). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
103 lines
4.9 KiB
HTML
103 lines
4.9 KiB
HTML
{% extends "base.html" %}
|
||
{% block title %}Синхронизация — Мои Товары{% endblock %}
|
||
{% block page_title %}Синхронизация{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="pg-title">Синхронизация</div>
|
||
<div class="pg-sub">Настройка и управление синхронизацией товаров Эвотор → VK Market</div>
|
||
|
||
{% if saved %}
|
||
<div class="alert alert-gr">
|
||
<span><i class="bi bi-check-circle"></i></span>
|
||
<div>Настройки сохранены.</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<form method="post" action="/sync/settings">
|
||
|
||
<div class="g2" style="align-items:start; margin-bottom:16px;">
|
||
|
||
<div class="card">
|
||
<div class="card-hd">
|
||
<div>
|
||
<div class="card-title">Фоновые задачи</div>
|
||
<div class="card-sub">Включайте поочерёдно: сначала Эвотор, затем ВК, затем синхронизацию</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="display:flex;flex-direction:column;gap:0;">
|
||
|
||
<div style="display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #E4E6EE;">
|
||
<div>
|
||
<div style="font-size:13px;font-weight:600;color:#1C1F2E;">Зеркало Эвотор</div>
|
||
<div style="font-size:12px;color:#9EA8BE;margin-top:2px;">Импортирует товары, группы и магазины из Эвотор в локальную базу</div>
|
||
</div>
|
||
<label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;">
|
||
<input type="hidden" name="evo_mirror_enabled" value="0">
|
||
<input type="checkbox" name="evo_mirror_enabled" value="1"
|
||
{% if config and config.evo_mirror_enabled %}checked{% endif %}
|
||
id="evo_mirror_cb" style="display:none;">
|
||
<div class="tog {% if config and config.evo_mirror_enabled %}on{% endif %}"
|
||
onclick="this.previousElementSibling.click(); this.classList.toggle('on')"
|
||
id="evo_mirror_tog"></div>
|
||
</label>
|
||
</div>
|
||
|
||
<div style="display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #E4E6EE;">
|
||
<div>
|
||
<div style="font-size:13px;font-weight:600;color:#1C1F2E;">Зеркало ВК</div>
|
||
<div style="font-size:12px;color:#9EA8BE;margin-top:2px;">Импортирует альбомы и товары из VK Market в локальный кэш</div>
|
||
</div>
|
||
<label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;">
|
||
<input type="hidden" name="vk_mirror_enabled" value="0">
|
||
<input type="checkbox" name="vk_mirror_enabled" value="1"
|
||
{% if config and config.vk_mirror_enabled %}checked{% endif %}
|
||
id="vk_mirror_cb" style="display:none;">
|
||
<div class="tog {% if config and config.vk_mirror_enabled %}on{% endif %}"
|
||
onclick="this.previousElementSibling.click(); this.classList.toggle('on')"></div>
|
||
</label>
|
||
</div>
|
||
|
||
<div style="display:flex;align-items:center;justify-content:space-between;padding:12px 0;">
|
||
<div>
|
||
<div style="font-size:13px;font-weight:600;color:#1C1F2E;">Синхронизация</div>
|
||
<div style="font-size:12px;color:#9EA8BE;margin-top:2px;">Зеркалит каталог Эвотор в VK Market: создаёт, обновляет и удаляет товары</div>
|
||
</div>
|
||
<label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;">
|
||
<input type="hidden" name="is_enabled" value="0">
|
||
<input type="checkbox" name="is_enabled" value="1"
|
||
{% if config and config.is_enabled %}checked{% endif %}
|
||
id="sync_cb" style="display:none;">
|
||
<div class="tog {% if config and config.is_enabled %}on{% endif %}"
|
||
onclick="this.previousElementSibling.click(); this.classList.toggle('on')"></div>
|
||
</label>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-hd">
|
||
<div>
|
||
<div class="card-title">Настройки цены</div>
|
||
<div class="card-sub">Трансформация цен при передаче в VK Market</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<label class="form-lbl">Множитель цены</label>
|
||
<input class="inp" type="number" name="price_multiplier" step="0.0001" min="0.0001"
|
||
value="{{ config.price_multiplier if config else '1' }}"
|
||
placeholder="1" style="max-width:160px;">
|
||
<div style="font-size:11px;color:#9EA8BE;margin-top:5px;">Цена из Эвотор умножается на это значение перед отправкой в ВК. По умолчанию: 1.</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<button type="submit" class="btn btn-primary">
|
||
<i class="bi bi-save"></i> Сохранить настройки
|
||
</button>
|
||
|
||
</form>
|
||
{% endblock %}
|