Left menu and dropdown JS to Stimulus

This commit is contained in:
2024-11-06 18:54:30 +01:00
parent a67f5d3659
commit ca48e20ce7
5 changed files with 78 additions and 62 deletions

View File

@@ -13,9 +13,9 @@
</div>
{% if app.user %}
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons dropdown is-right">
<div class="dropdown-trigger">
<div class="navbar-item" data-controller="dropdown">
<div class="buttons dropdown is-right" data-dropdown-target="drop">
<div class="dropdown-trigger" data-action="click->dropdown#toggle">
<a class="button is-primary">
<span class="icon">
<i class="fa fa-user-circle"></i>
@@ -24,7 +24,7 @@
{{ app.user.firstname }} {{ app.user.lastname }}
</span>
<span class="icon">
<i class="fa fa-caret-down" id="user-caret"></i>
<i class="fa fa-caret-down" data-dropdown-target="caret"></i>
</span>
</a>
</div>
@@ -59,15 +59,15 @@
</nav>
<div class="columns mb-0">
<div class="column is-one-fifth arcoa-menu mb-0">
<aside class="menu">
<aside class="menu" data-controller="menu">
{% if 'ROLE_READER' not in app.user.roles %}
<p class="menu-label has-text-white mt-3 pt-5 pl-5 is-size-6">
Vocabularies
<span class="icon is-clickable pl-4" id="for-vocabs">
<span class="icon is-clickable pl-4" id="for-vocabs" data-action="click->menu#toggle">
<i class="fa fa-angle-right"></i>
</span>
</p>
<ul class="pl-6 is-hidden has-text-white" id="vocabs">
<ul class="pl-6 is-hidden has-text-white" data-menu-target="vocabs" id="vocabs">
<li>
<a>
<span class="icon pr-3">
@@ -208,21 +208,26 @@
{% endif %}
<p class="menu-label has-text-white mt-3 pt-5 pl-5 is-size-6">
Records
<span class="icon is-clickable pl-4" id="for-records">
<span class="icon is-clickable pl-4" id="for-records" data-action="click->menu#toggle">
<i class="fa fa-angle-right"></i>
</span>
</p>
<ul class="pl-6 is-hidden has-text-white" id="records">
<li>
<ul class="pl-6 is-hidden has-text-white" data-menu-target="records" id="records">
<li class="pt-1 pb-1">
<a href="{{ path('app_bibliography_landing') }}">
Bibliography
</a>
</li>
<li>
<li class="pt-1 pb-1">
<a href="{{ path('app_collection_landing') }}">
Collection
</a>
</li>
<li class="pt-1 pb-1">
<a href="{{ path('app_collector_landing') }}">
Collector
</a>
</li>
</ul>
</aside>
</div>