byceps/byceps

{% from 'macros/icons.html' import render_icon %}
{% from 'macros/user.html' import render_user_avatar, render_user_screen_name %}


  <h2>{{ _('Account') }}</h2>

  <div class="main-body-box">
    <div class="row">
      <div>

        <div class="data-label">{{ _('Avatar') }}</div>
        <div class="row">
          <div>
            <div class="data-value">{{ render_user_avatar(user, size=128, orga=is_orga) }}</div>
          </div>
          <div>
            <div class="dropdown">
              <button class="dropdown-toggle button is-compact">{{ render_icon('chevron-down') }}</button>
              <ol class="dropdown-menu dropdown-menu--right">
                <li><a class="dropdown-item" href="{{ url_for('user_avatar.update_form') }}">{{ render_icon('upload') }} {{ _('Upload') }}</a></li>
                {%- if user.avatar_url %}
                <li><a class="dropdown-item" data-action="avatar-delete" href="{{ url_for('user_avatar.delete', _method='DELETE') }}">{{ render_icon('delete') }} {{ _('Remove') }}</a></li>
                {%- endif %}
              </ol>
            </div>
          </div>
        </div>

      </div>
      <div>

        <div class="data-label">{{ _('Username') }}</div>
        <div class="row mb">
          <div class="column--grow">
            <div class="data-value">{{ render_user_screen_name(user) }}</div>
          </div>
          <div>
            <a class="button is-compact" href="{{ url_for('.change_screen_name_form') }}" title="{{ _('Change username') }}">{{ render_icon('edit') }}</a>
          </div>
        </div>

        <div class="data-label">{{ _('Email address') }}</div>
        <div class="row mb">
          <div class="column--grow">
            <div class="data-value">{{ email_address if email_address else _('not given')|dim }}</div>
          </div>
          <div>
            <a class="button is-compact" href="{{ url_for('.change_email_address_form') }}" title="{{ _('Change email address') }}">{{ render_icon('edit') }}</a>
          </div>
        </div>

        <div class="data-label">{{ _('Password') }}</div>
        <div class="row mb">
          <div class="column--grow">
            <div class="data-value">{{ _('not shown')|dim }}</div>
          </div>
          <div>
            <a class="button is-compact" href="{{ url_for('authn_password.update_form') }}" title="{{ _('Change password') }}">{{ render_icon('edit') }}</a>
          </div>
        </div>

        <div class="data-label">{{ _('Preferred language') }}</div>
        <div class="row">
          <div class="column--grow">
            <div class="data-value">{{ (user_locale.get_display_name(g.user.locale) if user_locale else None)|fallback }}</div>
          </div>
          <div>
            <div class="dropdown">
              <button class="dropdown-toggle button is-compact">{{ render_icon('chevron-down') }}</button>
              <ol class="dropdown-menu dropdown-menu--right">
              {% for locale in g.locales %}
                <li><a class="dropdown-item" data-action="locale-update" href="{{ url_for('.update_locale', locale=locale.language) }}">{{ locale.get_display_name(g.user.locale) }}</a></li>
              {% endfor %}
                <li class="dropdown-divider"></li>
                <li><a class="dropdown-item" data-action="locale-update" href="{{ url_for('.update_locale') }}">{{ _('no preference') }}</a></li>
              </ol>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>