e376c86fbe
Replace OAuth 2.0 authorization code flow with Evotor's proprietary webhook token delivery: POST /evotor/callback receives token server-to-server, GET /evotor/link links it to the logged-in user's account. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
91 lines
5.0 KiB
HTML
91 lines
5.0 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Подключение Эвотор — ЭВОСИНК{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="row justify-content-center">
|
|
<div class="col-sm-10 col-md-7 col-lg-6">
|
|
|
|
{% if error %}
|
|
<div class="alert alert-danger mt-4">
|
|
{% if error == "token_not_received" %}
|
|
<i class="bi bi-exclamation-triangle me-2"></i>Токен от Эвотор ещё не получен. Убедитесь, что авторизация прошла успешно, и попробуйте снова.
|
|
{% elif error == "link_timeout" %}
|
|
<i class="bi bi-exclamation-triangle me-2"></i>Время ожидания истекло. Попробуйте подключить аккаунт заново.
|
|
{% elif error == "session_expired" %}
|
|
<i class="bi bi-exclamation-triangle me-2"></i>Сессия устарела. Попробуйте подключить аккаунт заново.
|
|
{% else %}
|
|
<i class="bi bi-exclamation-triangle me-2"></i>Произошла ошибка при подключении: {{ error }}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="card shadow-sm mt-4">
|
|
<div class="card-header">
|
|
<h1 class="h5 mb-0">Подключение Эвотор</h1>
|
|
</div>
|
|
|
|
{% if connection %}
|
|
{# ── CONNECTED STATE ── #}
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
<span class="text-muted small">Статус</span>
|
|
<span class="badge bg-success"><i class="bi bi-check-circle me-1"></i>Подключено</span>
|
|
</li>
|
|
{% if connection.store_name %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
<span class="text-muted small">Магазин</span>
|
|
<span>{{ connection.store_name }}</span>
|
|
</li>
|
|
{% endif %}
|
|
{% if connection.store_id %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
<span class="text-muted small">ID магазина</span>
|
|
<span class="font-monospace small text-muted">{{ connection.store_id }}</span>
|
|
</li>
|
|
{% endif %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
<span class="text-muted small">Подключено</span>
|
|
<span class="small">{{ connection.connected_at.strftime("%d.%m.%Y %H:%M") }}</span>
|
|
</li>
|
|
</ul>
|
|
<div class="card-body d-grid gap-2">
|
|
<a href="/evotor/connect" class="btn btn-primary">Переподключить</a>
|
|
<form method="post" action="/evotor/disconnect">
|
|
<button type="submit" class="btn btn-outline-danger w-100">Отключить аккаунт Эвотор</button>
|
|
</form>
|
|
</div>
|
|
<div class="card-footer text-muted small">
|
|
После переподключения нажмите <a href="/evotor/link">Подтвердить подключение</a>.
|
|
</div>
|
|
|
|
{% else %}
|
|
{# ── NOT CONNECTED STATE ── #}
|
|
<div class="card-body">
|
|
<p class="text-muted mb-3">
|
|
Подключите ваш аккаунт Эвотор, чтобы система могла автоматически синхронизировать
|
|
каталог товаров из вашей кассы в ВКонтакте.
|
|
</p>
|
|
<ul class="text-muted small mb-4">
|
|
<li>Вы будете перенаправлены на сайт Эвотор для авторизации</li>
|
|
<li>После подтверждения доступа синхронизация будет настроена автоматически</li>
|
|
<li>Вы можете отключить доступ в любой момент</li>
|
|
</ul>
|
|
<div class="d-grid gap-2">
|
|
<a href="/evotor/connect" class="btn btn-primary btn-lg">Подключить Эвотор</a>
|
|
<a href="/evotor/link" class="btn btn-outline-secondary">Уже авторизовался — подтвердить подключение</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
<div class="mt-3 text-center">
|
|
<a href="/connections" class="text-muted small">
|
|
<i class="bi bi-arrow-left me-1"></i>Вернуться к подключениям
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|