api_docs.html

{% extends "base.html" %} {% block head %} {{ super() }}
<link href="{{ url_for('static', path='/api_style.css') }}" rel="stylesheet" />
{% endblock %} {% block content %}

<div class="container mt-4">
  <div class="row">
    <!-- Left side -->
    <div class="col-2"></div>
    <!-- Center -->
    <div class="col-7">
      <!-- Upcoming events -->
      <div class="mb-3">
        {% for route in routes %}

        <!-- Events card -->
        <div class="card card-event mb-2 pb-0">
          <div class="card-header d-flex justify-content-between">
            <small>
              <i>Little Header</i>
            </small>
            <span>
              <!-- Event settings -->
              <a class="text-dark" href="#">
                <i class="fas fa-ellipsis-h"></i>
              </a>
            </span>
          </div>
          <div class="card-body pb-1">
            <p class="card-text">The Route {{ route.name }}</p>
          </div>
        </div>
        <!-- End Events card -->

        {% endfor %}
        <div class="card card-event mb-2 pb-0">
          <div class="card-body mx-auto d-flex align-items-center">
            {% if no_api_key %}
            <button id="apiKeyGen" type="button" class="btn btn-primary">
              Generate API Key
            </button>
            {% else %}
            <p id="apiKeyHolder" class="m-0">API Key: {{ api_key }}</p>
            <button id="apiKeyRefresh" type="button" class="btn btn-primary">
              Refresh API Key
            </button>
            <button id="apiKeyDelete" type="button" class="btn btn-primary">
              Delete API Key
            </button>
            {% endif %}
          </div>
        </div>
      </div>
    </div>

    <!-- Right side -->
    <div class="col-3"></div>
  </div>
</div>

<script type="text/javascript">
  var user_id = {{ user.id }};
</script>
<script
  type="text/javascript"
  src="{{ url_for('static', path='/apiKeyGenerator.js') }}"
></script>
{% endblock %}