{% extends "master.html" %}

{% from "_formhelper.html" import render_bootstrap_field %}

{% from "_projectstring.html" import projectstring, projecticon %}

{% block title %}{{ user.user }}'s settings{% endblock %}

{% set tag = "users"%}

{% macro render_email(email, form, validated=True) %}

    {{ email.email }}

  {% if validated %}

        action="{{ url_for('ui_ns.remove_user_email') }}">

      <input name="email" type="hidden" value="{{ email.email }}">

      {{ form.csrf_token }}

        class="btn btn btn-outline-danger delete-email-btn">

    {% if email.email == user.default_email %}

    {% else %}

      action="{{ url_for('ui_ns.set_default_email') }}" id="default_mail">

      <input name="email" type="hidden" value="{{ email.email }}">

      {{ form.csrf_token }}

         data-form-id="email" title="Set as default email address">

    {% endif %}

  {% else %}

      <small>pending verification via email </small>

        action="{{ url_for('ui_ns.reconfirm_email') }}" id="reconfirm_mail">

        <input name="email" type="hidden" value="{{ email.email }}">

        {{ form.csrf_token }}

          title="Resend validation email" class="btn btn btn-outline-primary submit-btn">

  {% endif %}

{% endmacro %}

{% block content %}

      <nav></nav>

          
User Settings

          Profile

          Email Addresses

          API Keys

          {% if config.get('LOCAL_SSH_KEY', True) %}

            SSH Keys

          {% endif %}

          Preferences

          Force Logout

            Basic Information

            {% if config.get('PAGURE_AUTH')=='local' %}

                Change password

            {% endif %}

              <fieldset class="form-group text-center"></fieldset>

                  
 {{ g.fas_user.username | avatar(80) | safe }} 

                  Change Avatar 

              <fieldset class="form-group"></fieldset>

                <label for="description">Username</label>

                <input class="form-control" disabled="" type="text" value="{{ user.user }}">

              <fieldset class="form-group"></fieldset>

                <label for="description">Full Name</label>

                <input class="form-control" disabled="" type="text" value="{{ user.fullname }}">

            Email Addresses

              url_for('ui_ns.add_user_email') }}">

                Add Email

                  {% for email in user.emails %}

                    {{ render_email(email, form) }}

                  {% endfor %}

                  {% for email in user.emails_pending %}

                    {{ render_email(email, form, validated=False) }}

                  {% endfor %}

            API Keys

                  title="Generate a new API token">

                  Create new API Key

                      API keys are tokens used to authenticate you on pagure. They can also

                      be used to grant access to 3rd party application to behave on all

                      {{projectstring(plural=True)}} in your name.

                      These are your personal tokens; they are not visible to others.

                      These keys are valid for 60 days.

                      These keys are private, make sure to store in a safe place and

                      do not share it.

                  {% if user.tokens %}

                  {% for token in user.tokens %}

                    {% if not token.project %}

                                {{ token.description or '' }}

                              {% for acl in token.acls_list %}

                                {% if acl == 'create_project' %}

                                {% elif acl == 'fork_project' %}

                                {% elif acl == 'modify_project' %}

                                {% endif %}

                              {% endfor %}

                                type="text" value="{{ token.id }}" readonly>

                            {% if token.expired %}

                                <small class="font-weight-bold text-danger input-group-text">Expired on {{ token.expiration.date() }}</small>

                            {% else %}

                                <small class="font-weight-bold text-success input-group-text">Active until {{ token.expiration.date() }}</small>

                            {% endif %}

                            {% if not token.expired %}

                                'ui_ns.revoke_api_user_token', token_id=token.id) }}"

                              method="post" class="icon">

                                  title="Revoke token">

                              {{ form.csrf_token }}

                            {% endif %}

                    {% endif %}

                  {% endfor %}

                  {% endif %}

        {% if config.get('LOCAL_SSH_KEY', True) %}

              SSH Keys

              Add SSH key

                  
Below are your SSH keys.

                  {% for key in user.sshkeys %}

                        type="text" value="{{ key.ssh_short_key }}"/>

                        action="{{ url_for(

                            'ui_ns.remove_user_sshkey',

                            keyid=key.id) }}">

                          class="btn btn-outline-danger delete-sshkey-btn">

                        {{ form.csrf_token }}

                  {% endfor %}

                  Add SSH key

                  <form action="{{ url_for('ui_ns.add_user_sshkey') }}" method="post"></form>

                    <fieldset class="form-group"></fieldset>

                      <label for="ssh_key">SSH key</label>

                      <textarea class="form-control" id="ssh_key" name="ssh_key"></textarea>

                      <input class="btn btn-secondary ssh_key_btn" type="button" value="Cancel">

                      <input class="btn btn-primary" type="submit" value="Add">

                      {{ form.csrf_token }}

          {% endif %}

                User Settings

                  <form action="{{ url_for('ui_ns.update_user_settings') }}" method="post"></form>

                      {% for key in user.settings | sort %}

                          {% if user.settings[key] in [True, False, 'y'] %}

                            <label class="custom-input custom-checkbox"></label>

                                      if user.settings[key] -%}checked=""{%- endif -%}/>

                              Activate {{ key | replace('_', ' ') }}

                        {% else %}

                            <label for="{{ key }}">Activate {{ key | replace('_', ' ') }} :</label>

                              if user.settings[key] %}value="{{ user.settings[key] }}"{%

                              endif %} name="{{ key }}" />

                        {% endif %}

                    {% endfor %}

                        <input class="btn btn-primary" type="submit" value="Update">

                        {{ form.csrf_token }}

                  Force Logout

                          Forcefully log out from every current open session.

                      <form action="{{ url_for('ui_ns.force_logout') }}" method="post"></form>

                         value="Log out all currently active sessions">

                        {{ form.csrf_token }}

{% endblock %}

{% block jscripts %}

{{ super() }}

<script nonce="{{ g.nonce }}" type="text/javascript"></script>

  $(document).ready(function() {

    $('.submit-btn').click(function() {

      var _form_name = $(this).attr('data-form-id');

        $('#' + _form-id).submit();

    });

    $('.remove-token-btn').click(function() {

      return confirm('Are you sure to revoke this token ?'

                     + '\nThis will break all application using it and '

                     + 'cannot be un-done.');

    })

    $('.delete-email-btn').click(function() {

      return confirm('Do you really want to remove the email: ' + $(this).attr('data-email') + '?');

    })

    $('.delete-sshkey-btn').click(function() {

      return confirm('You sure you want to remove this SSH key?');

    })

    $('#nav-tab a.nav-link').on('shown.bs.tab', function (e) {

      window.location.hash = e.target.hash+'-tab';

      window.scrollTo(0,0);

    });

    if (!window.location.hash){

      window.location.hash = "#nav-basic-tab"

    }

    window.onhashchange = function () {

      $(window.location.hash).tab('show');

    }

    const _anchor = window.location.hash;

    console.log(_anchor);

    $(_anchor).tab('show');

    window.scrollTo(0,0);

    $(".ssh_key_btn").click(function() {

      $(".ssh_key_block").toggle();

    });

  });

{% endblock %}