rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

date menu in lists

Browse Source
This commit is contained in:
bkfox 2020-11-08 18:30:31 +01:00
parent 7860d9f92b
commit 783c7b2cbe
1 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
aircox/templates/aircox/widgets/dates_menu.html
View File

@ -11,33 +11,37 @@ An empty date results to a title or a separator
{% endcomment %} {% endcomment %}
{% load i18n %} {% load i18n %}
<div class="navbar-menu" role="menu" <div class="media" role="menu"
aria-label="{% trans "pick a date" %}"> aria-label="{% trans "pick a date" %}">
<div class="navbar-start"> <div class="media-content">
{% for day in dates %} <div class="tabs is-toggle">
<a href="{% url url_name date=day %}" class="navbar-item {% if day == date %}is-active{% endif %}"> <ul>
{{ day|date:"D. d" }} {% for day in dates %}
</a> <li class="{% if day == date %}is-active{% endif %}">
{% endfor %} <a href="{% url url_name date=day %}">
{{ day|date:"D. d" }}
</a>
</li>
{% endfor %}
</ul>
</div>
</div> </div>
<div class="navbar-end"> <div class="media-right">
<div class="navbar-item"> <form action="{% url url_name %}" method="GET" class="navbar-body"
<form action="{% url url_name %}" method="GET" class="navbar-body" aria-label="{% trans "Jump to date" %}">
aria-label="{% trans "Jump to date" %}"> <div class="field has-addons">
<div class="field has-addons"> <div class="control has-icons-left">
<div class="control has-icons-left"> <span class="icon is-small is-left"><span class="far fa-calendar"></span></span>
<span class="icon is-small is-left"><span class="far fa-calendar"></span></span> <input type="{{ date_input|default:"date" }}" class="input date"
<input type="{{ date_input|default:"date" }}" class="input date" name="date" value="{{ date|date:"Y-m-d" }}">
name="date" value="{{ date|date:"Y-m-d" }}">
</div>
<div class="control">
{% comment %}Translators: form button to select a date{% endcomment %}
<button class="button is-primary">{% trans "Go" %}</button>
</div>
</div> </div>
</form> <div class="control">
</div> {% comment %}Translators: form button to select a date{% endcomment %}
<button class="button is-primary">{% trans "Go" %}</button>
</div>
</div>
</form>
</div> </div>
</div> </div>