nopaque/app/templates/admin/user_settings.html.j2

{% extends "settings/settings.html.j2" %}

{% block admin_settings %}
<div class="col s12 l4">
  <h4>Administrator Settings</h4>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
  nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, 
  sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
  Stet clita kasd gubergren, no sea tak</p>
</div>
<div class="col s12 l8">
  <br>
  <ul class="collapsible no-autoinit settings-collapsible">
    <li>
      <div class="collapsible-header" style="justify-content: space-between;">
        <span>Confirmation status</span>
        <i class="caret material-icons">keyboard_arrow_right</i>
      </div>
      <div class="collapsible-body">
        <div class="row">
          <div class="col s12 l1">
            <p><i class="material-icons">check</i></p>
          </div>
          <div class="col s12 l7">
            <p>
              Confirmed<br>
              <span class="light">Change confirmation status manually.</span>
            </p>
          </div>
          <div class="col s3 l4">
            <div class="switch">
              <label>
                unconfirmed
                <input {% if user.confirmed %}checked{% endif %} id="user-confirmed-switch" type="checkbox">
                <span class="lever"></span>
                confirmed
              </label>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <div class="collapsible-header" style="justify-content: space-between;">
        <span>Role</span>
        <i class="caret material-icons">keyboard_arrow_right</i>
      </div>
      <div class="collapsible-body">
        <form method="POST">
          {{ update_user_form.hidden_tag() }}
          {{ wtf.render_field(update_user_form.role, material_icon='manage_accounts') }}
          <div class="right-align">
            {{ wtf.render_field(update_user_form.submit, material_icon='send') }}
          </div>
        </form>
      </div>
    </li>
  </ul>
</div>
{% endblock admin_settings %}

{% block scripts %}
{{ super() }}
<script>
let userConfirmedSwitchElement = document.querySelector('#user-confirmed-switch');
userConfirmedSwitchElement.addEventListener('change', (event) => {
  let newConfirmed = userConfirmedSwitchElement.checked;
  Requests.admin.users.entity.confirmed.update({{ user.hashid|tojson }}, newConfirmed)
    .catch((response) => {
      userConfirmedSwitchElement.checked = !userConfirmedSwitchElement;
    });
});
</script>
{% endblock scripts %}