Paul van Tilburg
783a71488e
They are hard to use in the mobile setting. Also, now that the text labels are gone, it is not much of an issue anymore.
90 lines
2.4 KiB
Plaintext
90 lines
2.4 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 }}"
|
|
data-toggle="collapse" data-target="#navbarNav"
|
|
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>
|
|
<div class="btn-toolbar float-right mt-1" role="toolbar" aria-label="List buttons">
|
|
<div class="btn-group list-edit-mode-buttons"
|
|
role="group" aria-label="Edit mode buttons">
|
|
<button class="btn btn-dark list-edit-button" title="Bewerken">
|
|
<i class="fas fa-edit"></i>
|
|
</button>
|
|
</div>
|
|
<div class="btn-group list-edit-buttons" role="group"
|
|
aria-label="Edit list buttons">
|
|
<button class="btn btn-light list-edit-help" title="Opmaakhulp">
|
|
<i class="fas fa-question-circle"></i>
|
|
</button>
|
|
<button class="btn btn-light list-cancel-button" title="Annuleren">
|
|
<i class="fas fa-ban"></i>
|
|
</button>
|
|
<button class="btn btn-dark list-save-button" title="Opslaan">
|
|
<i class="fas fa-save"></i>
|
|
</button>
|
|
</div>
|
|
</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="16"
|
|
data-title="Opmaakhulp"
|
|
data-content="<pre class='mb-0'>
|
|
## Kop 2
|
|
### Kop 3
|
|
#### Kop 4
|
|
|
|
_Schuingedrukt_
|
|
*Vetgedruk*
|
|
~Doorgestreept~
|
|
|
|
* Item 1
|
|
* Item 2
|
|
|
|
* [ ] Wil ik graag
|
|
* [ ] Wil ik ook graag
|
|
* [x] Heb ik al!
|
|
|
|
[Linktekst](http://google.nl)
|
|
|
|
---
|
|
Horizontale lijn<pre>"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<p class="card-text">
|
|
<small>
|
|
<i class="fas fa-clock"></i>
|
|
<i class="list-updated-at"></i>
|
|
</small>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock content %}
|
|
|
|
{% block script %}
|
|
<script src="/js/wishlists.js"></script>
|
|
{% endblock script %}
|