mirror of
https://github.com/aquatix/digimarks.git
synced 2025-12-06 22:05:09 +01:00
Put the tag selection in a collapsible element to prevent clutter
This commit is contained in:
@@ -46,22 +46,28 @@
|
|||||||
|
|
||||||
{% if tags %}
|
{% if tags %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<p>
|
<div class="col s12">
|
||||||
<div class="chip">
|
<ul class="collapsible" data-collapsible="expandable">
|
||||||
<a href="{{ url_for('bookmarks', userkey=userkey, filtermethod='starred') }}"><i class="tiny material-icons yellow-text">star</i></a>
|
<li>
|
||||||
|
<div class="collapsible-header"><i class="material-icons">label</i>Filter on star/problem/comment/tag</div>
|
||||||
|
<div class="collapsible-body" style="padding: 10px;">
|
||||||
|
<div class="chip">
|
||||||
|
<a href="{{ url_for('bookmarks', userkey=userkey, filtermethod='starred') }}"><i class="tiny material-icons yellow-text">star</i></a>
|
||||||
|
</div>
|
||||||
|
<div class="chip">
|
||||||
|
<a href="{{ url_for('bookmarks', userkey=userkey, filtermethod='broken') }}"><i class="tiny material-icons red-text">report_problem</i></a>
|
||||||
|
</div>
|
||||||
|
<div class="chip">
|
||||||
|
<a href="{{ url_for('bookmarks', userkey=userkey, filtermethod='note') }}"><i class="tiny material-icons">comment</i></a>
|
||||||
|
</div>
|
||||||
|
{% for tag in tags %}
|
||||||
|
<div class="chip">
|
||||||
|
<a href="{{ url_for('tag', userkey=userkey, tag=tag) }}">{{ tag }}</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="chip">
|
|
||||||
<a href="{{ url_for('bookmarks', userkey=userkey, filtermethod='broken') }}"><i class="tiny material-icons red-text">report_problem</i></a>
|
|
||||||
</div>
|
|
||||||
<div class="chip">
|
|
||||||
<a href="{{ url_for('bookmarks', userkey=userkey, filtermethod='note') }}"><i class="tiny material-icons">comment</i></a>
|
|
||||||
</div>
|
|
||||||
{% for tag in tags %}
|
|
||||||
<div class="chip">
|
|
||||||
<a href="{{ url_for('tag', userkey=userkey, tag=tag) }}">{{ tag }}</a>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|||||||
@@ -82,11 +82,18 @@
|
|||||||
{% if tags %}
|
{% if tags %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col s12">
|
<div class="col s12">
|
||||||
{% for tag in tags %}
|
<ul class="collapsible" data-collapsible="expandable">
|
||||||
<div class="chip clickable" id="tag_{{ tag }}">
|
<li>
|
||||||
{{ tag }}
|
<div class="collapsible-header"><i class="material-icons">label</i>Existing tags</div>
|
||||||
</div>
|
<div class="collapsible-body" style="padding: 10px;">
|
||||||
{% endfor %}
|
{% for tag in tags %}
|
||||||
|
<div class="chip clickable" id="tag_{{ tag }}">
|
||||||
|
{{ tag }}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
{% for tag in tags %}
|
{% for tag in tags %}
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|||||||
Reference in New Issue
Block a user