rocket-pinboard/templates/index.html.tera
Paul van Tilburg 09db743a9e Rework the entire UI to support multiple lists in one view
* The root location now shows all lists
* The specific list locations show only the specified list
* Each list can be individually edited
* Use the card columns (masonry) layout when showing all lists
* No longer support HTML previewing, just switch between editing
  and viewing (ala Github comments)
2017-12-29 23:56:24 +01:00

53 lines
1.5 KiB
Plaintext

{% 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 %}