galette/templates/default/elements/logged_user.html.twig

   1 {% if ui is defined %}
   2     {% if ui == 'item' %}
   3        {% set component_classes = "item" %}
   4     {%  elseif ui == 'menu' %}
   5        {% set component_classes = "ui text compact small fluid menu" %}
   6     {% endif %}
   7 {% endif %}
   8 {% if login.isLogged() %}
   9     {% if ui == 'item' %}
  10         <div class="{{ component_classes }}">
  11             <div class="ui basic center aligned fitted segment">
  12                 <span class="ui tiny header">{{ login.loggedInAs()|raw }}</span>
  13             </div>
  14             <a
  15                 href="#"
  16                 class="ui fluid darkmode{% if login.isDarkModeEnabled() %} black{% endif %} basic button"
  17             >
  18                 <i class="icon adjust" aria-hidden="true"></i>
  19                 {% if login.isDarkModeEnabled() %}{{ _T("Disable dark mode") }}{% else %}{{ _T("Enable dark mode") }}{% endif %}
  20             </a>
  21             <a
  22                 class="ui fluid {% if login.isImpersonated() %}purple{% else %}red{% endif %} basic button"
  23                 href="{% if login.isImpersonated() %}{{ url_for("unimpersonate") }}{% else %}{{ url_for("logout") }}{% endif %}"
  24             >
  25                 <i class="icon {% if login.isImpersonated() %}user secret{% else %}sign out alt{% endif %}" aria-hidden="true"></i>
  26                 {% if login.isImpersonated() %}{{ _T("Unimpersonate") }}{% else %}{{ _T("Log off") }}{% endif %}
  27             </a>
  28         </div>
  29     {% else %}
  30         {% if not login.getCompactMenu() %}
  31             <nav class="{{ component_classes }}" aria-label="{{ _T('User menu') }}">
  32                 <div class="ui item">
  33                     <i class="user circle big icon" aria-hidden="true"></i>
  34                     {{ login.loggedInAs()|raw }}
  35                 </div>
  36                 <div class="right menu">
  37                     <div class="item">
  38                         <div class="ui icon buttons">
  39                             <a
  40                                 href="#"
  41                                 class="ui darkmode{% if login.isDarkModeEnabled() %} black{% endif %} icon button"
  42                                 title="{% if login.isDarkModeEnabled() %}{{ _T("Disable dark mode") }}{% else %}{{ _T("Enable dark mode") }}{% endif %}"
  43                             >
  44                                 <i class="icon adjust" aria-hidden="true"></i>
  45                                 <span class="visually-hidden">{% if login.isDarkModeEnabled() %}{{ _T("Disable dark mode") }}{% else %}{{ _T("Enable dark mode") }}{% endif %}</span>
  46                             </a>
  47                             <a
  48                                 class="ui {% if login.isImpersonated() %}purple{% else %}red{% endif %} icon button"
  49                                 href="{% if login.isImpersonated() %}{{ url_for("unimpersonate") }}{% else %}{{ url_for("logout") }}{% endif %}"
  50                                 title="{% if login.isImpersonated() %}{{ _T("Unimpersonate") }}{% else %}{{ _T("Log off") }}{% endif %}"
  51                                 data-position="bottom right"
  52                             >
  53                                 <i class="icon {% if login.isImpersonated() %}user secret{% else %}sign out alt{% endif %}" aria-hidden="true"></i>
  54                                 <span class="visually-hidden">{% if login.isImpersonated() %}{{ _T("Unimpersonate") }}{% else %}{{ _T("Log off") }}{% endif %}</span>
  55                             </a>
  56                         </div>
  57                     </div>
  58                 </div>
  59             </nav>
  60             {% include "elements/modes.html.twig" %}
  61         {% else %}
  62             {% set component_classes = "ui vertical centered tiny icon fluid menu" %}
  63             <nav id="logoutmenu" class="{{ component_classes }}" aria-label="{{ _T('User menu') }}">
  64                 <div class="ui dropdown navigation item tooltip" data-html="{{ login.loggedInAs()|raw }}" data-position="right center">
  65                     <i class="user circle icon" aria-hidden="true"></i>
  66                     <span class="visually-hidden">{{ login.loggedInAs()|raw }}</span>
  67                     <i class="dropdown icon" aria-hidden="true"></i>
  68                     <div class="menu">
  69                         <div class="item">
  70                             <div class="ui basic center aligned fitted segment">
  71             {% if preferences.pref_website is not empty %}
  72                                 <a href="{{ preferences.pref_website }}" target="_blank">
  73                                     <img src="{{ url_for('logo') }}" width="{{ logo.getOptimalWidth() }}" height="{{ logo.getOptimalHeight() }}" alt="{{ preferences.pref_nom }}" class="icon" title="{{ _T("Open '%s' in a new window")|replace({"%s": preferences.pref_website}) }}"/>
  74                                 </a>
  75             {% else %}
  76                                 <img src="{{ url_for('logo') }}" width="{{ logo.getOptimalWidth() }}" height="{{ logo.getOptimalHeight() }}" alt="{{ preferences.pref_nom }}" class="icon"/>
  77             {% endif %}
  78                                 <div class="ui block huge brand header">
  79                                     {{ preferences.pref_nom }}
  80                                     {% if preferences.pref_slogan %}<div class="sub tiny header">{{ __(preferences.pref_slogan) }}</div>{% endif %}
  81                                 </div>
  82                             </div>
  83                             {{ login.loggedInAs()|raw }}
  84                             <div class="ui basic fitted segment">
  85                                 {% include "elements/modes.html.twig" %}
  86                             </div>
  87                         </div>
  88                     </div>
  89                 </div>
  90                 <a
  91                     href="#"
  92                     class="item darkmode{% if login.isDarkModeEnabled() %} black{% endif %}"
  93                     title="{% if login.isDarkModeEnabled() %}{{ _T("Disable dark mode") }}{% else %}{{ _T("Enable dark mode") }}{% endif %}"
  94                     data-position="right center"
  95                 >
  96                     <i class="icon adjust" aria-hidden="true"></i>
  97                     <span class="visually-hidden">{% if login.isDarkModeEnabled() %}{{ _T("Disable dark mode") }}{% else %}{{ _T("Enable dark mode") }}{% endif %}</span>
  98                 </a>
  99                 <a
 100                     class="item{% if login.isImpersonated() %} purple{% else %} red{% endif %}"
 101                     href="{% if login.isImpersonated() %}{{ url_for("unimpersonate") }}{% else %}{{ url_for("logout") }}{% endif %}"
 102                     title="{% if login.isImpersonated() %}{{ _T("Unimpersonate") }}{% else %}{{ _T("Log off") }}{% endif %}"
 103                     data-position="right center"
 104                 >
 105                     <i class="icon {% if login.isImpersonated() %}user secret{% else %}sign out alt{% endif %}" aria-hidden="true"></i>
 106                     <span class="visually-hidden">{% if login.isImpersonated() %}{{ _T("Unimpersonate") }}{% else %}{{ _T("Log off") }}{% endif %}</span>
 107                 </a>
 108             </nav>
 109         {% endif %}
 110     {% endif %}
 111 {% endif %}