2017-12-17 13:20:35 +01:00
|
|
|
{% extends "_layout" %}
|
2017-12-23 22:20:57 +01:00
|
|
|
|
|
|
|
{% block navbar %}
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
|
|
<ul class="navbar-nav mr-auto">
|
|
|
|
{% for list in lists %}
|
|
|
|
<li class="nav-item">
|
2017-12-30 16:18:13 +01:00
|
|
|
<a class="nav-link list-select" data-list-id="{{ list.id }}"
|
|
|
|
data-toggle="collapse" data-target="#navbarNav"
|
|
|
|
href="#{{ list.id }}">{{ list.name }}</a>
|
2017-12-23 22:20:57 +01:00
|
|
|
</li>
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
2017-12-17 13:20:35 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2017-12-23 22:20:57 +01:00
|
|
|
{% endblock navbar %}
|
|
|
|
|
|
|
|
{% block content %}
|
2017-12-29 23:56:24 +01:00
|
|
|
<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>
|
2017-12-30 17:20:04 +01:00
|
|
|
<div class="btn-toolbar float-right mt-1" role="toolbar" aria-label="List buttons">
|
|
|
|
<div class="btn-group list-edit-mode-buttons"
|
2017-12-30 17:14:20 +01:00
|
|
|
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>
|
2017-12-30 17:20:04 +01:00
|
|
|
<div class="btn-group list-edit-buttons" role="group"
|
2017-12-30 17:14:20 +01:00
|
|
|
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>
|
2017-12-29 23:56:24 +01:00
|
|
|
</div>
|
|
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="card-text list-html"></div>
|
|
|
|
<div class="card-text">
|
2017-12-30 16:16:59 +01:00
|
|
|
<textarea class="form-control list-data" rows="16"
|
|
|
|
data-title="Opmaakhulp"
|
|
|
|
data-content="<pre class='mb-0'>
|
|
|
|
## Kop 2
|
|
|
|
### Kop 3
|
|
|
|
#### Kop 4
|
|
|
|
|
|
|
|
_Schuingedrukt_
|
2018-01-01 15:06:07 +01:00
|
|
|
**Vetgedruk**
|
2017-12-30 16:16:59 +01:00
|
|
|
~Doorgestreept~
|
|
|
|
|
|
|
|
* Item 1
|
|
|
|
* Item 2
|
|
|
|
|
|
|
|
* [ ] Wil ik graag
|
|
|
|
* [ ] Wil ik ook graag
|
|
|
|
* [x] Heb ik al!
|
|
|
|
|
|
|
|
[Linktekst](http://google.nl)
|
|
|
|
|
|
|
|
---
|
|
|
|
Horizontale lijn<pre>"></textarea>
|
2017-12-17 13:20:35 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2017-12-29 23:56:24 +01:00
|
|
|
<div class="card-footer">
|
2017-12-30 16:47:21 +01:00
|
|
|
<p class="card-text">
|
|
|
|
<small>
|
|
|
|
<i class="fas fa-clock"></i>
|
|
|
|
<i class="list-updated-at"></i>
|
|
|
|
</small>
|
|
|
|
</p>
|
2017-12-29 23:56:24 +01:00
|
|
|
</div>
|
2017-12-17 13:20:35 +01:00
|
|
|
</div>
|
2017-12-29 23:56:24 +01:00
|
|
|
{% endfor %}
|
2017-12-17 13:20:35 +01:00
|
|
|
</div>
|
|
|
|
{% endblock content %}
|
2017-12-23 22:36:43 +01:00
|
|
|
|
|
|
|
{% block script %}
|
|
|
|
<script src="/js/wishlists.js"></script>
|
|
|
|
{% endblock script %}
|