templates/admin/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html data-menu-color="light" data-sidebar="default">
  3.   <head>
  4.     <meta charset="utf-8" />
  5.     <title>{% block title %}Админ-панель{% endblock %} - PlayPapa Admin</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  7.     <meta name="description" content="PlayPapa admin panel" />
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  9.     <link rel="shortcut icon" href="/images/favicon.ico" />
  10.     {% block css %}{% endblock %}
  11.     <link href="/css/app.min.css" rel="stylesheet" type="text/css" id="app-style" />
  12.     <link href="/css/icons.min.css" rel="stylesheet" type="text/css" />
  13.     <link href="/admin-candy.css" rel="stylesheet" type="text/css" />
  14.     <script src="/js/head.js"></script>
  15.   </head>
  17.   {% set admin_user = admin_user|default({'id': 0, 'login': 'Admin', 'img': '/assets/profile.svg'}) %}
  19.   <body data-menu-color="light" data-sidebar="default">
  20.     <div id="app-layout">
  21.       <div class="topbar-custom">
  22.         <div class="container-fluid">
  23.           <div class="d-flex justify-content-between">
  24.             <ul class="list-unstyled topnav-menu mb-0 d-flex align-items-center">
  25.               <li>
  26.                 <button class="button-toggle-menu nav-link" type="button">
  27.                   <i data-feather="menu" class="noti-icon"></i>
  28.                 </button>
  29.               </li>
  30.               <li class="d-none d-lg-block">
  31.                 <h5 class="mb-0">Привет, {{ admin_user.login }}</h5>
  32.               </li>
  33.             </ul>
  35.             <ul class="list-unstyled topnav-menu mb-0 d-flex align-items-center">
  36.               <li class="d-none d-sm-flex">
  37.                 <button type="button" class="btn nav-link" id="light-dark-mode">
  38.                   <i data-feather="moon" class="align-middle dark-mode"></i>
  39.                   <i data-feather="sun" class="align-middle light-mode"></i>
  40.                 </button>
  41.               </li>
  42.               <li class="dropdown notification-list topbar-dropdown">
  43.                 <a class="nav-link dropdown-toggle nav-user me-0" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
  44.                   <img src="{{ admin_user.img ?: '/assets/profile.svg' }}" alt="user-image" class="rounded-circle" />
  45.                   <span class="pro-user-name ms-1">{{ admin_user.login }} <i class="mdi mdi-chevron-down"></i></span>
  46.                 </a>
  47.                 <div class="dropdown-menu dropdown-menu-end profile-dropdown">
  48.                   <div class="dropdown-header noti-title">
  49.                     <h6 class="text-overflow m-0">PlayPapa Admin</h6>
  50.                   </div>
  51.                   {% if admin_user.id %}
  52.                     <a href="{{ path('admin_user_edit', {'id': admin_user.id}) }}" class="dropdown-item notify-item">
  53.                       <i class="mdi mdi-account-circle-outline fs-16 align-middle"></i>
  54.                       <span>Мой аккаунт</span>
  55.                     </a>
  56.                   {% endif %}
  57.                   <a href="/" class="dropdown-item notify-item">
  58.                     <i class="mdi mdi-location-exit fs-16 align-middle"></i>
  59.                     <span>Вернуться на сайт</span>
  60.                   </a>
  61.                 </div>
  62.               </li>
  63.             </ul>
  64.           </div>
  65.         </div>
  66.       </div>
  68.       <div class="app-sidebar-menu">
  69.         <div class="h-100" data-simplebar>
  70.           <div id="sidebar-menu">
  71.             <div class="logo-box">
  72.               <a href="{{ path('admin_dashboard') }}" class="logo logo-light">
  73.                 <span class="logo-sm"><img src="/assets/images/playpapa-admin-logo.svg" alt="" height="22" /></span>
  74.                 <span class="logo-lg"><img src="/assets/images/playpapa-admin-logo.svg" alt="" height="24" /></span>
  75.               </a>
  76.               <a href="{{ path('admin_dashboard') }}" class="logo logo-dark">
  77.                 <span class="logo-sm"><img src="/assets/images/playpapa-admin-logo.svg" alt="" height="22" /></span>
  78.                 <span class="logo-lg"><img src="/assets/images/playpapa-admin-logo.svg" alt="" height="24" /></span>
  79.               </a>
  80.             </div>
  82.             <ul id="side-menu">
  83.               <li class="menu-title">Меню</li>
  84.               <li>
  85.                 <a href="{{ path('admin_dashboard') }}" class="tp-link {{ current_section|default('dashboard') == 'dashboard' ? 'active' : '' }}">
  86.                   <i data-feather="home"></i>
  87.                   <span>Главная</span>
  88.                 </a>
  89.               </li>
  90.               <li>
  91.                 <a href="{{ path('admin_dashboard') }}#products" class="tp-link {{ current_section|default('') == 'products' ? 'active' : '' }}">
  92.                   <i data-feather="package"></i>
  93.                   <span>Товары</span>
  94.                 </a>
  95.               </li>
  96.               <li>
  97.                 <a href="{{ path('admin_references') }}" class="tp-link {{ current_section|default('') == 'references' ? 'active' : '' }}">
  98.                   <i data-feather="database"></i>
  99.                   <span>Справочники</span>
  100.                 </a>
  101.               </li>
  102.               <li>
  103.                 <a href="{{ path('admin_users') }}" class="tp-link {{ current_section|default('') == 'users' ? 'active' : '' }}">
  104.                   <i data-feather="users"></i>
  105.                   <span>Пользователи</span>
  106.                 </a>
  107.               </li>
  108.               <li>
  109.                 <a href="{{ path('admin_product_new') }}" class="tp-link">
  110.                   <i data-feather="plus-square"></i>
  111.                   <span>Добавить товар</span>
  112.                 </a>
  113.               </li>
  114.               <li class="menu-title">Сайт</li>
  115.               <li>
  116.                 <a href="{{ path('catalog') }}" target="_blank" rel="noreferrer" class="tp-link">
  117.                   <i data-feather="external-link"></i>
  118.                   <span>Открыть каталог</span>
  119.                 </a>
  120.               </li>
  121.             </ul>
  122.           </div>
  123.           <div class="clearfix"></div>
  124.         </div>
  125.       </div>
  127.       <div class="content-page">
  128.         <div class="content">
  129.           <div class="container-fluid">
  130.             <div class="py-3 d-flex align-items-sm-center flex-sm-row flex-column">
  131.               <div class="flex-grow-1">
  132.                 <h4 class="fs-18 fw-semibold m-0">{% block heading %}Админ-панель{% endblock %}</h4>
  133.               </div>
  134.               {% block page_actions %}{% endblock %}
  135.             </div>
  137.             {% for type, messages in app.flashes %}
  138.               {% for message in messages %}
  139.                 <div class="alert alert-{{ type == 'danger' ? 'danger' : (type == 'warning' ? 'warning' : 'success') }} alert-dismissible fade show" role="alert">
  140.                   {{ message }}
  141.                   <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  142.                 </div>
  143.               {% endfor %}
  144.             {% endfor %}
  146.             {% block content %}{% endblock %}
  147.           </div>
  148.         </div>
  150.         <footer class="footer">
  151.           <div class="container-fluid">
  152.             <div class="row">
  153.               <div class="col fs-13 text-muted text-center">
  154.                 &copy; <script>document.write(new Date().getFullYear())</script> - PlayPapa Admin
  155.               </div>
  156.             </div>
  157.           </div>
  158.         </footer>
  159.       </div>
  160.     </div>
  162.     <div class="admin-loading-overlay" data-admin-loading-overlay hidden>
  163.       <div class="admin-loading-card">
  164.         <div class="admin-loading-spinner" aria-hidden="true">
  165.           <span class="spinner-border text-primary" role="status"></span>
  166.         </div>
  167.         <div>
  168.           <strong data-admin-loading-title>Идёт обновление</strong>
  169.           <p data-admin-loading-text>Пожалуйста, не закрывайте страницу.</p>
  170.           <small>Прошло <span data-admin-loading-timer>0:00</span></small>
  171.         </div>
  172.       </div>
  173.     </div>
  175.     <script src="/libs/jquery/jquery.min.js"></script>
  176.     <script src="/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  177.     <script src="/libs/simplebar/simplebar.min.js"></script>
  178.     <script src="/libs/node-waves/waves.min.js"></script>
  179.     <script src="/libs/waypoints/lib/jquery.waypoints.min.js"></script>
  180.     <script src="/libs/jquery.counterup/jquery.counterup.min.js"></script>
  181.     <script src="/libs/feather-icons/feather.min.js"></script>
  182.     <script src="/js/app.js"></script>
  183.     <script>
  184.       document.querySelectorAll("[data-check-all]").forEach((checkbox) => {
  185.         checkbox.addEventListener("change", () => {
  186.           document.querySelectorAll(checkbox.dataset.checkAll).forEach((item) => {
  187.             item.checked = checkbox.checked;
  188.           });
  189.         });
  190.       });
  192.       (() => {
  193.         const overlay = document.querySelector("[data-admin-loading-overlay]");
  194.         const title = overlay?.querySelector("[data-admin-loading-title]");
  195.         const text = overlay?.querySelector("[data-admin-loading-text]");
  196.         const timer = overlay?.querySelector("[data-admin-loading-timer]");
  197.         let tick = null;
  199.         const formatElapsed = (seconds) => {
  200.           const minutes = Math.floor(seconds / 60);
  201.           const rest = seconds % 60;
  202.           return `${minutes}:${String(rest).padStart(2, "0")}`;
  203.         };
  205.         document.querySelectorAll("[data-admin-loading-form]").forEach((form) => {
  206.           form.addEventListener("submit", () => {
  207.             const submitter = form.querySelector('button[type="submit"]');
  208.             const loadingTitle = form.dataset.loadingTitle || "Идёт обновление";
  209.             const loadingText = form.dataset.loadingText || "Пожалуйста, не закрывайте страницу.";
  211.             document.querySelectorAll("[data-admin-loading-form] button").forEach((button) => {
  212.               button.disabled = true;
  213.             });
  215.             if (submitter) {
  216.               submitter.dataset.originalHtml = submitter.innerHTML;
  217.               submitter.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Запущено';
  218.             }
  220.             if (!overlay || !title || !text || !timer) return;
  222.             title.textContent = loadingTitle;
  223.             text.textContent = loadingText;
  224.             timer.textContent = "0:00";
  225.             overlay.hidden = false;
  226.             document.body.classList.add("admin-is-loading");
  228.             let elapsed = 0;
  229.             if (tick) window.clearInterval(tick);
  230.             tick = window.setInterval(() => {
  231.               elapsed += 1;
  232.               timer.textContent = formatElapsed(elapsed);
  233.             }, 1000);
  234.           });
  235.         });
  236.       })();
  237.     </script>
  238.     {% block scripts %}{% endblock %}
  239.   </body>
  240. </html>