rocket-pinboard/templates/index.html.tera

{% extends "_layout" %}

{% block navbar %}
<div class="collapse navbar-collapse" id="navbarNav">
  <ul class="navbar-nav mr-auto">
  {% for list in lists %}
    <li class="nav-item">
      <a class="nav-link list-select" data-list-id="{{ list.id }}" href="#{{ list.id }}">{{ list.name }}</a>
    </li>
  {% endfor %}
  </ul>
  </div>
</div>
{% endblock navbar %}

{% block content %}
<div class="card-columns">
{% for list in lists %}
  <div class="card list mb-3" style="display:none"; data-list-id="{{ list.id }}">
    <div class="card-header">
      <h1 class= "mb-0">
        <span id="list-name">{{ list.name }}</span>
        <button class="btn btn-dark btn-sm float-right list-edit-button">
          Bewerk
        </button>
        <div class="btn-group float-right" role="group" aria-label="Edit buttons">
          <button class="btn btn-light btn-sm list-cancel-button">
            Annuleren
          </button>
          <button class="btn btn-dark btn-sm list-save-button">
            Opslaan
          </button>
        </div>
      </h1>
    </div>
    <div class="card-body">
      <div class="card-text list-html"></div>
      <div class="card-text">
        <textarea class="form-control list-data" rows="15"></textarea>
      </div>
    </div>
    <div class="card-footer">
      <p class="card-text"><small class="list-updated-at"></small></p>
    </div>
  </div>
{% endfor %}
</div>
{% endblock content %}

{% block script %}
<script src="/js/wishlists.js"></script>
{% endblock script %}