python-dependency-injector/examples/miniapps/ghnav-flask/githubnavigator/templates/index.html

{% extends "base.html" %}

{% block title %}Github Navigator{% endblock %}

{% block content %}
<div class="container">
    <h1 class="mb-4">Github Navigator</h1>

    <form>
      <div class="form-group form-row">
          <label for="search_term" class="col-form-label">Search for:</label>
          <div class="col-10">
              <input class="form-control" type="text" id="search_term"
                     placeholder="Type something to search on the GitHub"
                     name="search_term"
                     value="{{ search_term if search_term }}">
          </div>
      </div>
    </form>

    {% if repositories|length == 0 %}
    <small>No search results</small>
    {% endif %}

    <p>
        <small>Results found: {{ repositories|length }}</small>
    </p>

    <table class="table table-striped">
        <thead>
            <tr>
                <th>#</th>
                <th>Repository</th>
                <th class="text-nowrap">Repository owner</th>
                <th class="text-nowrap">Last commit</th>
            </tr>
        </thead>
        <tbody>
        {% for repository in repositories %} {{n}}
            <tr>
              <th>{{ loop.index }}</th>
              <td><a href="{{ repository.url }}">
                  {{ repository.name }}</a>
              </td>
              <td><a href="{{ repository.owner.url }}">
                  <img src="{{ repository.owner.avatar_url }}"
                       alt="avatar" height="24" width="24"/></a>
                  <a href="{{ repository.owner.url }}">
                      {{ repository.owner.login }}</a>
              </td>
              <td><a href="{{ repository.latest_commit.url }}">
                  {{ repository.latest_commit.sha }}</a>
                  {{ repository.latest_commit.message }}
                  {{ repository.latest_commit.author_name }}
              </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}