854c912a88
Replace the entire Python/FastAPI backend with a Node.js/TypeScript stack: - Framework: Hono + @hono/node-server - Templates: Nunjucks (.njk) replacing Jinja2 (.html) - ORM: Drizzle ORM with mysql2 (same MariaDB schema, no migrations needed) - Sessions: hono-sessions with CookieStore - CSS: Pico CSS v2 replacing Bootstrap 5 (Bootstrap Icons CDN kept) - Dev: tsx watch; Prod: tsc + node dist/index.js Original Python app preserved in web-python/ as backup. Updated Dockerfile.web and docker-compose.yml for Node.js deployment. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
98 lines
4.1 KiB
HTML
98 lines
4.1 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="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
|
|
<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>
|
|
<nav class="navbar navbar-expand-lg bg-white border-bottom border-2 brand-border">
|
|
<div class="container">
|
|
<a href="/" class="navbar-brand brand-logo">ЭВОСИНК</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
{% if user %}
|
|
<li class="nav-item">
|
|
<a href="/connections" class="nav-link">Подключения</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/catalog" class="nav-link">Каталог</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/sync" class="nav-link">Синхронизация</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/profile" class="nav-link"><i class="bi bi-person-circle me-1"></i>Личный кабинет</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/logout" class="nav-link text-muted">Выход</a>
|
|
</li>
|
|
{% else %}
|
|
<li class="nav-item">
|
|
<a href="/login" class="nav-link">Вход</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/register" class="nav-link">Регистрация</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="container py-4">
|
|
{% if errors %}
|
|
<div class="alert alert-danger">
|
|
{% for error in errors %}
|
|
<p class="mb-1">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if success %}
|
|
<div class="alert alert-success">
|
|
<p class="mb-0">{{ success }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
{% if jivosite_widget_id %}
|
|
<script src="//code.jivosite.com/widget/{{ jivosite_widget_id }}" async></script>
|
|
{% endif %}
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<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);
|
|
}
|
|
});
|
|
</script>
|
|
<script>
|
|
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>
|
|
</body>
|
|
</html>
|