Use bootstrap-icons; refactor some JS

This commit is contained in:
2025-04-01 14:53:02 +02:00
parent aab30f48d4
commit 8945fcb73b
12 changed files with 69 additions and 78 deletions

View File

@@ -2,7 +2,7 @@
<div class="navbar-brand">
<a class="navbar-item" href="/">
<span class="icon mr-2">
<i class="fas fa-home"></i>
<i class="bi bi-house-fill"></i>
</span>
WebArchi
</a>
@@ -15,4 +15,4 @@
</div>
</div>
{% endif %}
</nav>
</nav>

View File

@@ -2,13 +2,13 @@
<div class="dropdown-trigger" data-action="click->dropdown#toggle">
<a class="button is-primary">
<span class="icon">
<i class="fa fa-user-circle"></i>
<i class="bi bi-person-circle"></i>
</span>
<span class="pl-3">
{{ app.user.useridentifier }}
</span>
<span class="icon">
<i class="fa fa-caret-down" data-dropdown-target="caret"></i>
<i class="bi bi-caret-down-fill" data-dropdown-target="caret"></i>
</span>
</a>
</div>
@@ -16,36 +16,36 @@
<div class="dropdown-content">
<a href="/user" class="dropdown-item">
<span class="icon is-small">
<i class="fa fa-user"></i>
<i class="bi bi-person-fill"></i>
</span>
<span class="pl-2 is-size-6">Profilo</span>
</a>
<a href="/projects" class="dropdown-item">
<span class="icon is-small">
<i class="fa fa-pen-nib"></i>
<i class="bi bi-vector-pen"></i>
</span>
<span class="pl-2 is-size-6">Progetti</span>
</a>
{% if is_granted('ROLE_ADMIN') %}
<a href="/admin" class="dropdown-item">
<span class="icon is-small">
<i class="fa fa-cogs"></i>
<i class="bi bi-gear-fill"></i>
</span>
<span class="pl-2 is-size-6">Admin</span>
</a>
{% endif %}
<a href="https://git.electricmandarine.cloud/nicolo/ifc-web-app/issues" class="dropdown-item">
<span class="icon is-small">
<i class="fa fa-bug"></i>
<i class="bi bi-bug-fill"></i>
</span>
<span class="pl-2 is-size-6">Segnala un bug</span>
</a>
<hr class="dropdown-divider" />
<a href="/logout" class="button is-link is-fullwidth">
<span class="icon is-small">
<i class="fa fa-sign-out"></i>
<i class="bi bi-box-arrow-right"></i>
</span>
<span class="has-text-centered"> Logout</span>
</a>
</div>
</div>
</div>