{% if repo %}

{% extends "repo_master.html" %}

{% else %}

{% extends "master.html" %}

{% endif %}

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

{% set tag = "home" %}

{% block title %}Create token{% endblock %}

{% macro render_page() %}

          Create a new token

            From the list below, select one or more actions you want to

            authorize this token for.

            After that, click 'Create' to generate a token with the selected

            permissions.

          {% if repo %}

              url_for('ui_ns.add_token', username=username,

                      repo=repo.name, namespace=repo.namespace)

          }}" method="post">

          {% else %}

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

          {% endif %}

          {{ render_bootstrap_field(

              form.description, field_description="Small description of this API token") }}

          <label for="acls">ACLs</label>

          {% for acl in acls %}

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

              <input name="acls" type="checkbox" value="{{ acl.name }}">

              {{ acl.description }}

          {% endfor %}

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

            {% if repo %}

                username=username, repo=repo.name, namespace=repo.namespace)

                }}">Cancel

            {% else %}

                }}#nav-api-tab">Cancel

            {% endif %}

            Toggle all

            {{ form.csrf_token }}

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

  function toggle() {

    var checkboxes = document.querySelectorAll('input[type="checkbox"]');

    for (var i = 0; i < checkboxes.length; i++) {

      checkboxes[i].checked = !checkboxes[i].checked;

    }

  }

  document.addEventListener('DOMContentLoaded', function () {

    document.querySelector('.toggle_all').addEventListener('click', toggle);

  });

{% endmacro %}

{% block content %}

    {{ render_page() }}

{% endblock %}

{% block repo %}

    {{ render_page() }}

{% endblock %}