MyComments/templates/base.html.twig

218 lines
11 KiB
Twig

<!DOCTYPE html>
<html data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Welcome!{% endblock %}</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block extra_stylesheets %}{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
{% block extra_javascripts %}{% endblock %}
</head>
<body>
{% if is_granted('ROLE_USER') %}
{# Main Navigation #}
<header>
{# Sidebar #}
<nav id="sidebarMenu" class="collapse d-lg-block sidebar collapse bg-body-tertiary">
<div class="position-sticky">
<div class="list-group list-group-flush mx-3 mt-4">
<a href="#" class="list-group-item list-group-item-action py-2 ripple{{ app.current_route() == 'app_dashboard' ? ' active' : '' }}" aria-current="true">
<i class="fas fa-tachometer-alt fa-fw me-3"></i>
<span>Dashboard</span>
</a>
<a href="#" class="list-group-item list-group-item-action py-2 ripple">
<i class="fas fa-comments fa-fw me-3"></i>
<span>Comments</span>
</a>
<a href="{{ path('app_domain_index') }}" class="list-group-item list-group-item-action py-2 ripple{{ app.request.pathInfo starts with path('app_domain_index') ? ' active' : ''}}">
<i class="fas fa-globe fa-fw me-3"></i>
<span>Domains</span>
</a>
<a href="{{ path('app_page_index') }}" class="list-group-item list-group-item-action py-2 ripple{{ app.request.pathInfo starts with path('app_page_index') ? ' active' : ''}}">
<i class="fas fa-file fa-fw me-3"></i>
<span>Pages</span>
</a>
<a href="#" class="list-group-item list-group-item-action py-2 ripple">
<i class="fas fa-users fa-fw me-3"></i>
<span>Users</span>
</a>
<a href="#" class="list-group-item list-group-item-action py-2 ripple">
<i class="fas fa-chart-bar fa-fw me-3"></i>
<span>Stats</span>
</a>
</div>
</div>
</nav>
{# Sidebar #}
{# Navbar #}
<nav id="main-navbar" class="navbar navbar-expand-lg navbar-light bg-body-secondary fixed-top">
{# Container wrapper #}
<div class="container-fluid">
{# Toggle button #}
<button
class="navbar-toggler"
type="button"
data-mdb-toggle="collapse"
data-mdb-target="#sidebarMenu"
aria-controls="sidebarMenu"
aria-expanded="false"
aria-label="Toggle navigation"
>
<i class="fas fa-bars"></i>
</button>
{# Brand #}
<a class="navbar-brand" href="#">
MyComments
</a>
{# Search form #}
{# <form class="d-none d-md-flex input-group w-auto my-auto">#}
{# <input#}
{# autocomplete="off"#}
{# type="search"#}
{# class="form-control rounded"#}
{# placeholder='Search (ctrl + "/" to focus)'#}
{# style="min-width: 225px"#}
{# />#}
{# <span class="input-group-text border-0"#}
{# ><i class="fas fa-search"></i#}
{# ></span>#}
{# </form>#}
{# Right links #}
<ul class="navbar-nav ms-auto d-flex flex-row">
{# Notification dropdown #}
<li class="nav-item dropdown">
<a
class="nav-link me-3 px-3 me-lg-0 dropdown-toggle hidden-arrow"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-mdb-toggle="dropdown"
aria-expanded="false"
>
<i class="fas fa-bell"></i>
<span class="badge rounded-pill badge-notification bg-danger"
>1</span
>
</a>
<ul
class="dropdown-menu dropdown-menu-end"
aria-labelledby="navbarDropdownMenuLink"
>
<li><a class="dropdown-item" href="#">Some news</a></li>
<li><a class="dropdown-item" href="#">Another news</a></li>
<li>
<a class="dropdown-item" href="#">Something else here</a>
</li>
</ul>
</li>
{# Icon #}
{# <li class="nav-item me-3 me-lg-0">#}
{# <a class="nav-link" href="#">#}
{# <i class="fab fa-github"></i>#}
{# </a>#}
{# </li>#}
{# Icon dropdown #}
{# <li class="nav-item dropdown">#}
{# <a#}
{# class="nav-link me-3 me-lg-0 dropdown-toggle hidden-arrow"#}
{# href="#"#}
{# id="navbarDropdown"#}
{# role="button"#}
{# data-mdb-toggle="dropdown"#}
{# aria-expanded="false"#}
{# >#}
{# <i class="united kingdom flag m-0"></i>#}
{# </a>#}
{# <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">#}
{# <li>#}
{# <a class="dropdown-item" href="#">#}
{# <i class="united kingdom flag"></i>English <i class="fa fa-check text-success ms-2"></i>#}
{# </a>#}
{# </li>#}
{# <li><hr class="dropdown-divider" /></li>#}
{# <li>#}
{# <a class="dropdown-item" href="#"><i class="poland flag"></i>Polski</a>#}
{# </li>#}
{# <li>#}
{# <a class="dropdown-item" href="#"><i class="china flag"></i>中文</a>#}
{# </li>#}
{# <li>#}
{# <a class="dropdown-item" href="#"><i class="japan flag"></i>日本語</a>#}
{# </li>#}
{# <li>#}
{# <a class="dropdown-item" href="#"><i class="germany flag"></i>Deutsch</a>#}
{# </li>#}
{# <li>#}
{# <a class="dropdown-item" href="#"><i class="france flag"></i>Français</a>#}
{# </li>#}
{# <li>#}
{# <a class="dropdown-item" href="#"><i class="spain flag"></i>Español</a>#}
{# </li>#}
{# <li>#}
{# <a class="dropdown-item" href="#"><i class="russia flag"></i>Русский</a>#}
{# </li>#}
{# <li>#}
{# <a class="dropdown-item" href="#"><i class="portugal flag"></i>Português</a>#}
{# </li>#}
{# </ul>#}
{# </li>#}
{# Avatar #}
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle hidden-arrow d-flex align-items-center"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-mdb-toggle="dropdown"
aria-expanded="false"
>
<img
src="https://mdbootstrap.com/img/Photos/Avatars/img (31).jpg"
class="rounded-circle"
height="24"
alt=""
loading="lazy"
/>
</a>
<ul
class="dropdown-menu dropdown-menu-end"
aria-labelledby="navbarDropdownMenuLink"
>
<li><a class="dropdown-item" href="#">My profile</a></li>
<li><a class="dropdown-item" href="#">Settings</a></li>
<li><a class="dropdown-item" href="{{ url('app_logout') }}">Logout</a></li>
</ul>
</li>
</ul>
</div>
{# Container wrapper #}
</nav>
{# Navbar #}
</header>
{# Main Navigation #}
{% endif %}
{% block container %}
<main style="margin-top: 58px">
<div class="container pt-4">
{% block body %}{% endblock %}
</div>
</main>
{% endblock %}
</body>
</html>