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             <div class="ui basic compact fitted segment">
  61                 {% include "elements/modes.html.twig" %}
  62             </div>
  63         {% else %}
  64             {% set component_classes = "ui vertical centered tiny icon fluid menu" %}
  65             <nav id="logoutmenu" class="{{ component_classes }}" aria-label="{{ _T('User menu') }}">
  66                 <div class="ui dropdown navigation item tooltip" data-html="{{ login.loggedInAs()|raw }}" data-position="right center">
  67                     <i class="user circle icon" aria-hidden="true"></i>
  68                     <span class="visually-hidden">{{ login.loggedInAs()|raw }}</span>
  69                     <i class="dropdown icon" aria-hidden="true"></i>
  70                     <div class="menu">
  71                         <div class="item">
  72                             <div class="ui basic center aligned fitted segment">
  73             {% if preferences.pref_website is not empty %}
  74                                 <a href="{{ preferences.pref_website }}" target="_blank">
  75                                     <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}) }}"/>
  76                                 </a>
  77             {% else %}
  78                                 <img src="{{ url_for('logo') }}" width="{{ logo.getOptimalWidth() }}" height="{{ logo.getOptimalHeight() }}" alt="{{ preferences.pref_nom }}" class="icon"/>
  79             {% endif %}
  80                                 <div class="ui block huge brand header">
  81                                     {{ preferences.pref_nom }}
  82                                     {% if preferences.pref_slogan %}<div class="sub tiny header">{{ __(preferences.pref_slogan) }}</div>{% endif %}
  83                                 </div>
  84                             </div>
  85                             {{ login.loggedInAs()|raw }}
  86                             <div class="ui basic fitted segment">
  87                                 {% include "elements/modes.html.twig" %}
  88                             </div>
  89                         </div>
  90                     </div>
  91                 </div>
  92                 <a
  93                     href="#"
  94                     class="item darkmode{% if login.isDarkModeEnabled() %} black{% endif %}"
  95                     title="{% if login.isDarkModeEnabled() %}{{ _T("Disable dark mode") }}{% else %}{{ _T("Enable dark mode") }}{% endif %}"
  96                     data-position="right center"
  97                 >
  98                     <i class="icon adjust" aria-hidden="true"></i>
  99                     <span class="visually-hidden">{% if login.isDarkModeEnabled() %}{{ _T("Disable dark mode") }}{% else %}{{ _T("Enable dark mode") }}{% endif %}</span>
 100                 </a>
 101                 <a
 102                     class="item{% if login.isImpersonated() %} purple{% else %} red{% endif %}"
 103                     href="{% if login.isImpersonated() %}{{ url_for("unimpersonate") }}{% else %}{{ url_for("logout") }}{% endif %}"
 104                     title="{% if login.isImpersonated() %}{{ _T("Unimpersonate") }}{% else %}{{ _T("Log off") }}{% endif %}"
 105                     data-position="right center"
 106                 >
 107                     <i class="icon {% if login.isImpersonated() %}user secret{% else %}sign out alt{% endif %}" aria-hidden="true"></i>
 108                     <span class="visually-hidden">{% if login.isImpersonated() %}{{ _T("Unimpersonate") }}{% else %}{{ _T("Log off") }}{% endif %}</span>
 109                 </a>
 110             </nav>
 111         {% endif %}
 112     {% endif %}
 113 {% endif %}