eb4165e48b
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>
156 lines
6.6 KiB
HTML
156 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{% block title %}Мои Товары{% endblock %}</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||
<link rel="stylesheet" href="/static/style.css">
|
||
</head>
|
||
<body>
|
||
{% block body %}
|
||
<div class="shell">
|
||
|
||
<!-- ── Sidebar ── -->
|
||
<aside class="sidebar">
|
||
<div class="sb-logo">
|
||
<div class="sb-logo-icon">
|
||
<svg width="22" height="22" viewBox="0 0 28 28" fill="none">
|
||
<path d="M9 11h10l-1.5 9H10.5L9 11Z" fill="white" opacity="0.95"/>
|
||
<path d="M11.5 11V9a2.5 2.5 0 015 0v2" stroke="white" stroke-width="1.6" stroke-linecap="round" fill="none"/>
|
||
<line x1="12" y1="15" x2="16" y2="15" stroke="#FF5500" stroke-width="1.3" stroke-linecap="round"/>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<div class="sb-logo-name">Мои Товары</div>
|
||
<div class="sb-logo-sub">мои-товары.рф</div>
|
||
</div>
|
||
</div>
|
||
|
||
<nav class="sb-nav">
|
||
{% if user %}
|
||
{% if user.role in ('admin', 'system') %}
|
||
<div class="sb-section">Управление</div>
|
||
<a href="/admin/users" class="sb-item {% if request.url.path.startswith('/admin/users') %}active{% endif %}">
|
||
<span class="sb-icon"><i class="bi bi-people"></i></span>
|
||
<span>Пользователи</span>
|
||
</a>
|
||
{% if user.role == 'system' %}
|
||
<a href="/admin/logs" class="sb-item {% if request.url.path.startswith('/admin/logs') %}active{% endif %}">
|
||
<span class="sb-icon"><i class="bi bi-journal-text"></i></span>
|
||
<span>Логи</span>
|
||
</a>
|
||
{% endif %}
|
||
{% else %}
|
||
<div class="sb-section">Главное</div>
|
||
<a href="/connections" class="sb-item {% if request.url.path == '/connections' %}active{% endif %}">
|
||
<span class="sb-icon"><i class="bi bi-plug"></i></span>
|
||
<span>Подключения</span>
|
||
</a>
|
||
<a href="/catalog/stores" class="sb-item {% if request.url.path.startswith('/catalog') %}active{% endif %}">
|
||
<span class="sb-icon"><i class="bi bi-shop"></i></span>
|
||
<span>Каталог Эвотор</span>
|
||
</a>
|
||
<a href="/vk-catalog/albums" class="sb-item {% if request.url.path.startswith('/vk-catalog') %}active{% endif %}">
|
||
<span class="sb-icon"><i class="bi bi-bag"></i></span>
|
||
<span>Каталог ВК</span>
|
||
</a>
|
||
<a href="/sync" class="sb-item {% if request.url.path == '/sync' %}active{% endif %}">
|
||
<span class="sb-icon"><i class="bi bi-arrow-repeat"></i></span>
|
||
<span>Синхронизация</span>
|
||
</a>
|
||
<div class="sb-section" style="margin-top:6px;">Аккаунт</div>
|
||
<a href="/profile" class="sb-item {% if request.url.path.startswith('/profile') %}active{% endif %}">
|
||
<span class="sb-icon"><i class="bi bi-person"></i></span>
|
||
<span>Профиль</span>
|
||
</a>
|
||
{% endif %}
|
||
{% endif %}
|
||
</nav>
|
||
|
||
{% if user %}
|
||
<a href="/profile" class="sb-user">
|
||
<div class="avatar {% if user.role in ('admin','system') %}admin{% endif %}">
|
||
{{ user.first_name[0] if user.first_name else '?' }}{{ user.last_name[0] if user.last_name else '' }}
|
||
</div>
|
||
<div style="flex:1; min-width:0;">
|
||
<div class="sb-user-name">{{ user.first_name }} {{ user.last_name }}</div>
|
||
<div class="sb-user-role">
|
||
<span class="role-chip {% if user.role in ('admin','system') %}admin{% else %}user{% endif %}">
|
||
{% if user.role == 'system' %}SYSTEM{% elif user.role == 'admin' %}ADMIN{% else %}USER{% endif %}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
{% endif %}
|
||
</aside>
|
||
|
||
<!-- ── Main ── -->
|
||
<div class="main">
|
||
|
||
<!-- Topbar -->
|
||
<div class="topbar">
|
||
<div class="topbar-title">{% block page_title %}{% endblock %}</div>
|
||
{% block topbar_extras %}{% endblock %}
|
||
{% if user %}
|
||
<a href="/logout" class="btn btn-ghost btn-sm" style="margin-left:auto;" title="Выйти">
|
||
<i class="bi bi-box-arrow-right"></i>
|
||
</a>
|
||
{% endif %}
|
||
</div>
|
||
|
||
{% if viewed_user %}
|
||
<div class="view-as-bar">
|
||
<i class="bi bi-eye"></i> Просмотр от имени: <strong>{{ viewed_user.first_name }} {{ viewed_user.last_name }}</strong> ({{ viewed_user.email }})
|
||
<form method="post" action="/admin/view-as/stop" style="display:inline;margin-left:1rem;">
|
||
<button type="submit" style="background:none;border:1px solid rgba(255,255,255,0.6);color:#fff;padding:2px 10px;font-size:12px;cursor:pointer;border-radius:4px;font-family:inherit;">Выйти</button>
|
||
</form>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<div class="content">
|
||
{% if errors %}
|
||
<div class="alert alert-rd" style="margin-bottom:16px;">
|
||
<span><i class="bi bi-x-circle"></i></span>
|
||
<div>{% for e in errors %}<div>{{ e }}</div>{% endfor %}</div>
|
||
</div>
|
||
{% endif %}
|
||
{% if success %}
|
||
<div class="alert alert-gr" style="margin-bottom:16px;">
|
||
<span><i class="bi bi-check-circle"></i></span>
|
||
<div>{{ success }}</div>
|
||
</div>
|
||
{% endif %}
|
||
{% block content %}{% endblock %}
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|
||
|
||
{% if jivosite_widget_id %}
|
||
<script src="//code.jivosite.com/widget/{{ jivosite_widget_id }}" async></script>
|
||
{% endif %}
|
||
<script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.9/dist/inputmask.min.js"></script>
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
var phoneInputs = document.querySelectorAll('input[name="phone"]');
|
||
if (phoneInputs.length) {
|
||
Inputmask('+7 (999) 999-99-99', { placeholder: '_', showMaskOnHover: false, clearMaskOnLostFocus: false }).mask(phoneInputs);
|
||
}
|
||
});
|
||
document.addEventListener('invalid', function(e) {
|
||
if (e.target.validity.valueMissing) e.target.setCustomValidity('Пожалуйста, заполните это поле');
|
||
else if (e.target.validity.typeMismatch) e.target.setCustomValidity('Пожалуйста, введите корректное значение');
|
||
}, true);
|
||
document.addEventListener('input', function(e) {
|
||
if (e.target.required) e.target.setCustomValidity('');
|
||
}, true);
|
||
</script>
|
||
{% block scripts %}{% endblock %}
|
||
</body>
|
||
</html>
|