templates/_sidebar.html.twig line 1

Open in your IDE?
  1. {# Sidebar Start #}
  2. <div class="sidebar pe-4 pb-3">
  3.   <nav class="navbar bg-secondary navbar-dark">
  4.     <a href="{{ path('index') }}" class="navbar-brand mx-4 mb-3">
  5.       <h3 class="text-primary"><i class="fa fa-user-edit me-2"></i>MyHajs</h3>
  6.     </a>
  7.     <div class="d-flex align-items-center ms-4 mb-4">
  8.       <div class="position-relative">
  9.         {% set avatar = app.user and app.user.avatar ? '/uploads/avatars/' ~ app.user.avatar : '/darkpan/img/user.jpg' %}
  10.         <img class="rounded-circle" src="{{ avatar }}" alt="avatar" style="width: 40px; height: 40px; object-fit: cover;">
  11.         <div class="bg-success rounded-circle border border-2 border-white position-absolute end-0 bottom-0 p-1"></div>
  12.       </div>
  13.       <div class="ms-3">
  14.         <h6 class="mb-0">{{ app.user ? app.user.userIdentifier : 'Gość' }}</h6>
  15.         <span>{{ app.user ? 'Zalogowany' : 'Niezalogowany' }}</span>
  16.       </div>
  17.     </div>
  19.     {# Aktywne zakładki #}
  20.     {% set current = app.request.attributes.get('_route') %}
  21.     {% set isIndexActive = current == 'index' %}
  23.     {# Zbiory tras dla sekcji #}
  24.     {% set kategorieRoutes = ['kategorie_list', 'kategoria_new', 'kategoria_edit'] %}
  25.     {% set przychodyRoutes = ['przychody_list', 'przychod_new', 'przychod_edit', 'przychody_edit'] %}
  26.     {% set rozchodyRoutes = ['rozchody_list', 'rozchod_new', 'rozchod_edit', 'rozchody_edit'] %}
  27.     {% set planyRozchodowRoutes = ['plany_rozchodow'] %}
  28.     {% set statystykiRoutes = ['app_statistics'] %}
  30.       {# Flagi aktywności #}
  31.     {% set isKategorieActive = current in kategorieRoutes %}
  32.     {% set isPrzychodyActive = current in przychodyRoutes %}
  33.     {% set isRozchodyActive = current in rozchodyRoutes %}
  34.     {% set isPlanyRozchodowActive = current in planyRozchodowRoutes %}
  35.     {% set isStatystykiActive = current in statystykiRoutes %}
  37.     {% set isKontaActive = current == 'app_konta_index' or current == 'app_konta_new' or current == 'app_konta_edit' %}
  38.     {% set isKonfiguracjaActive = isKategorieActive or isPrzychodyActive or isRozchodyActive or isKontaActive %}
  40.     <div class="navbar-nav w-100">
  41.       <a href="{{ path('index') }}" class="nav-item nav-link {{ isIndexActive ? 'active' : '' }}">
  42.         <i class="fa fa-tachometer-alt me-2"></i>Budżet
  43.       </a>
  45.       {% if is_granted('ROLE_ADMIN') %}
  46.         <div class="nav-item dropdown">
  47.           <a href="#" class="nav-link dropdown-toggle {{ isKonfiguracjaActive ? 'active' : '' }}" data-bs-toggle="dropdown">
  48.             <i class="fa fa-laptop me-2"></i>Konfiguracja
  49.           </a>
  50.           <div class="dropdown-menu bg-transparent border-0 {{ isKonfiguracjaActive ? 'show' : '' }}">
  51.             <a href="{{ path('kategorie_list') }}" class="dropdown-item {{ isKategorieActive ? 'active' : '' }}"><i class="fa fa-tags me-2"></i>Kategorie</a>
  52.             <a href="{{ path('przychody_list') }}" class="dropdown-item {{ isPrzychodyActive ? 'active' : '' }}"><i class="fa fa-arrow-down me-2"></i>Przychody</a>
  53.             <a href="{{ path('rozchody_list') }}" class="dropdown-item {{ isRozchodyActive ? 'active' : '' }}"><i class="fa fa-arrow-up me-2"></i>Rozchody</a>
  54.             <a href="{{ path('app_konta_index') }}" class="dropdown-item {{ isKontaActive ? 'active' : '' }}"><i class="fa fa-wallet me-2"></i>Konta</a>
  55.           </div>
  56.         </div>
  57.       {% endif %}
  59.       {% set isPlanyActive = current in ['plany_list', 'plany_przychodow', 'plany_rozchody', 'plany_rozchodow'] %}
  60.       <div class="nav-item dropdown">
  61.           <a href="#" class="nav-link dropdown-toggle {{ isPlanyActive ? 'active' : '' }}" data-bs-toggle="dropdown" data-bs-auto-close="outside">
  62.               <i class="fa fa-th me-2"></i>Plany
  63.           </a>
  64.           <div class="dropdown-menu bg-transparent border-0 {{ isPlanyActive ? 'show' : '' }}">
  65.               <a href="{{ path('plany_list') }}" class="dropdown-item {{ current == 'plany_list' ? 'active' : '' }}"><i class="fa fa-list-ul me-2"></i>Zbiorczo</a>
  66.               <a href="{{ path('plany_przychodow') }}" class="dropdown-item {{ current == 'plany_przychodow' ? 'active' : '' }}"><i class="fa fa-arrow-down me-2"></i>Plany przychodów</a>
  67.               <a href="{{ path('plany_rozchodow') }}" class="dropdown-item {{ current == 'plany_rozchodow' ? 'active' : '' }}"><i class="fa fa-arrow-up me-2"></i>Plany rozchodów</a>
  68.           </div>
  69.       </div>
  70.       {% set isOperacjeActive = current in ['operacje_przychody', 'operacje_wydatki'] %}
  71.       <div class="nav-item dropdown">
  72.           <a href="#" class="nav-link dropdown-toggle {{ isOperacjeActive ? 'active' : '' }}" data-bs-toggle="dropdown" data-bs-auto-close="outside">
  73.               <i class="fa fa-keyboard me-2"></i>Operacje
  74.           </a>
  75.           <div class="dropdown-menu bg-transparent border-0 {{ isOperacjeActive ? 'show' : '' }}">
  76.               <a href="{{ path('operacje_przychody') }}" class="dropdown-item {{ current == 'operacje_przychody' ? 'active' : '' }}">
  77.                   <i class="fa fa-arrow-down text-success me-2"></i>Przychody
  78.               </a>
  79.               <a href="{{ path('operacje_wydatki') }}" class="dropdown-item {{ current == 'operacje_wydatki' ? 'active' : '' }}">
  80.                   <i class="fa fa-arrow-up text-danger me-2"></i>Wydatki
  81.               </a>
  82.           </div>
  83.       </div>
  85.         {% set isStatystykiActive = current in ['app_statistics', 'app_budget_realization'] %}
  86.         <div class="nav-item dropdown">
  87.             <a href="#" class="nav-link dropdown-toggle {{ isStatystykiActive ? 'active' : '' }}" data-bs-toggle="dropdown" data-bs-auto-close="outside">
  88.                 <i class="fa fa-chart-bar me-2"></i>Statystyki
  89.             </a>
  90.             <div class="dropdown-menu bg-transparent border-0 {{ isStatystykiActive ? 'show' : '' }}">
  91.                 <a href="{{ path('app_statistics') }}" class="dropdown-item {{ current == 'app_statistics' ? 'active' : '' }}">
  92.                     <i class="fa fa-chart-pie me-2"></i>Wykresy
  93.                 </a>
  94.                 <a href="{{ path('app_budget_realization') }}" class="dropdown-item {{ current == 'app_budget_realization' ? 'active' : '' }}">
  95.                     <i class="fa fa-chart-line me-2"></i>Realizacja budżetu
  96.                 </a>
  97.             </div>
  98.         </div>
  99.     </div>
  100.   </nav>
  101. </div>
  102. {# Sidebar End #}