865798967a
- Add EvotorConnection model to store user's Evotor access tokens - Implement OAuth 2.0 flow: /evotor (view), /evotor/connect, /evotor/callback, /evotor/disconnect - Add Evotor connection page with connected/disconnected states - Implement phone input masking (+7 (XXX) XXX-XX-XX) using Inputmask - Add Russian validation messages for form fields - Update phone validator to match masked format - Add httpx dependency for async OAuth token exchange - Add Evotor settings to config: CLIENT_ID, CLIENT_SECRET, SCOPES Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
89 lines
3.6 KiB
HTML
89 lines
3.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 %}EvoSync{% 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">EvoSync</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="/evotor" 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>
|
|
|
|
<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>
|