mt5-manager/templates/base.html

<!DOCTYPE html>
<!-- base.html, version 0.2.0 -->
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="color-scheme" content="light">
  <title>{% block title %}MT5 Manager{% endblock %}</title>
  <link rel="icon" href="/static/img/MetaQuotes-Demo.ico">
  <link rel="stylesheet" href="/static/styles.css?v=0.4.0">
</head>
<body>
  <svg class="icon-definitions" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <symbol id="icon-terminal" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="3"/><path d="m7 8 3 2-3 2m6 0h4M8 21h8m-4-4v4"/></symbol>
    <symbol id="icon-grid" viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></symbol>
    <symbol id="icon-settings" viewBox="0 0 24 24"><path d="m9 3-.6 2.3-2 .9L4.2 5.5 2.7 8l1.6 1.7-.2 2.3L2.5 14l1.5 2.6 2.4-.4 1.8 1.3.3 2.5h3l1-2.2 2.1-.8 2.1.9 1.9-2.3-1.2-2.1.5-2.2 2-1.5-1-2.8-2.5-.1L14.6 5 14 3Z" transform="translate(1 0)"/><circle cx="11.5" cy="11.5" r="3"/></symbol>
    <symbol id="icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></symbol>
    <symbol id="icon-play" viewBox="0 0 24 24"><path d="m8 5 11 7-11 7Z"/></symbol>
    <symbol id="icon-stop" viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" rx="2"/></symbol>
    <symbol id="icon-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol>
    <symbol id="icon-chevron" viewBox="0 0 24 24"><path d="m9 5 7 7-7 7"/></symbol>
    <symbol id="icon-close" viewBox="0 0 24 24"><path d="m6 6 12 12M6 18 18 6"/></symbol>
    <symbol id="icon-folder" viewBox="0 0 24 24"><path d="M3 8V6a2 2 0 0 1 2-2h5l2 3h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"/></symbol>
    <symbol id="icon-upload" viewBox="0 0 24 24"><path d="M12 16V3m-5 5 5-5 5 5M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4"/></symbol>
    <symbol id="icon-file" viewBox="0 0 24 24"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9Zm0 0v6h6M8 13h8m-8 4h5"/></symbol>
    <symbol id="icon-check" viewBox="0 0 24 24"><path d="m5 12 4 4L19 6"/></symbol>
    <symbol id="icon-search" viewBox="0 0 24 24"><circle cx="10.5" cy="10.5" r="6.5"/><path d="m16 16 5 5"/></symbol>
    <symbol id="icon-key" viewBox="0 0 24 24"><circle cx="8" cy="8" r="5"/><path d="m12 12 9 9m-4-4 3-3m-6 0 3-3"/></symbol>
  </svg>
  <aside class="sidebar">
    <a class="brand" href="/" aria-label="MT5 Manager — главная">
      <span class="brand-mark"><svg class="icon"><use href="#icon-terminal"/></svg></span>
      <span>MT5 Manager<span class="brand-caption">Менеджер терминалов</span></span>
    </a>
    <nav class="sidebar-nav" aria-label="Основная навигация">
      <a class="nav-item {% if request.url.path == '/' %}active{% endif %}" href="/" {% if request.url.path == '/' %}aria-current="page"{% endif %}>
        <svg class="icon"><use href="#icon-grid"/></svg>Терминалы
      </a>
      <a class="nav-item {% if request.url.path == '/settings' %}active{% endif %}" href="/settings" {% if request.url.path == '/settings' %}aria-current="page"{% endif %}>
        <svg class="icon"><use href="#icon-settings"/></svg>Настройки
      </a>
    </nav>
    <div class="sidebar-note"><svg class="icon"><use href="#icon-clock"/></svg><span>Состояние терминалов<br>обновляется каждые 10 с</span></div>
  </aside>
  <main class="workspace">
    {% block content %}{% endblock %}
  </main>
  <script src="/static/manager.js?v=0.2.0"></script>
  {% block scripts %}{% endblock %}
</body>
</html>