alpes-maritimes-2022: custom user-info

2022-12-15 16:57:24 +01:00
5 changed files with 32 additions and 12 deletions
--- a/templates/includes/user-info-logged-in.html
+++ b/templates/includes/user-info-logged-in.html
@ -0,0 +1,5 @@
+<span class="logged-in">
+  {% if account_url %}<a class="account-link" href="{{ account_url }}">{% endif %}
+    <span class="connected-user">{% block user-info-user-name %}{% include "includes/user-info-user-name.html" %}{% endblock %}</span>{% if account_url %}</a>{% endif %}
+  <a accesskey="o" class="logout" href="{{ logout_url }}">{% block user-info-logout-label %}{% include "includes/user-info-logout-label.html" %}{% endblock %}</a>
+</span>
--- a/templates/includes/user-info-login.html
+++ b/templates/includes/user-info-login.html
@ -0,0 +1,7 @@
+<span class="login"><a accesskey="2" class="login-link" href="{{ login_url }}"
+                       >{% block user-info-login-label %}{% include "includes/user-info-login-label.html" %}{% endblock %}
+    {% if registration_url and include_registration_link != False %}
+  </a>
+  <span class="user-info--separator"></span>
+  <a class="registration" href="{{registration_url}}"
+     >{% block user-info-registration-label %}{% include "includes/user-info-registration-label.html" %}{% endblock %}{% endif %}</a></span>
--- a/templates/includes/user-info.html
+++ b/templates/includes/user-info.html
@ -5,19 +5,9 @@
    {% block user-info %}
      {% skeleton_extra_placeholder user-info %}
      {% if user.is_authenticated %}
-        <span class="logged-in">
-          {% if account_url %}<a class="account-link" href="{{ account_url }}">{% endif %}
-          <span class="connected-user">{% block user-info-user-name %}{% include "includes/user-info-user-name.html" %}{% endblock %}</span>{% if account_url %}</a>{% endif %}
-          <a accesskey="o" class="logout" href="{{ logout_url }}">{% block user-info-logout-label %}{% include "includes/user-info-logout-label.html" %}{% endblock %}</a>
-        </span>
+      {% include "includes/user-info-logged-in.html" %}
      {% else %}
-        <span class="login"><a accesskey="2" class="login-link" href="{{ login_url }}"
-        >{% block user-info-login-label %}{% include "includes/user-info-login-label.html" %}{% endblock %}
-          {% if registration_url and include_registration_link != False %}
-            </a>
-            <span class="user-info--separator"></span>
-            <a class="registration" href="{{registration_url}}"
-            >{% block user-info-registration-label %}{% include "includes/user-info-registration-label.html" %}{% endblock %}{% endif %}</a></span>
+      {% include "includes/user-info-login.html" %}
      {% endif %}
    {% end_skeleton_extra_placeholder %}
 {% endblock %}
--- a/templates/variants/alpes-maritimes-2022/includes/user-info-logged-in.html
+++ b/templates/variants/alpes-maritimes-2022/includes/user-info-logged-in.html
@ -0,0 +1,10 @@
+<div class="toplinks--toggled-wrapper togglable">
+  <button aria-label="{% include "includes/user-info-user-name.html" %}" class="toplinks--togglable-btn togglable">
+    <svg class="toplinks-icon">
+      <use href="/static/{{css_variant}}/img/toplinks-icon.svg#icon" />
+    </svg>
+    <span class="desktop-only">
+      Mon compte
+    </span>
+  </button>
+</div>
--- a/templates/variants/alpes-maritimes-2022/includes/user-info-login-label.html
+++ b/templates/variants/alpes-maritimes-2022/includes/user-info-login-label.html
@ -0,0 +1,8 @@
+<span aria-label="{{ block.super }}">
+    <svg class="toplinks-icon">
+      <use href="static/{{css_variant}}/img/toplinks-icon.svg#icon" />
+    </svg>
+    <span class="desktop-only">
+      {{ block.super }}
+    </span>
+  </span>