entrouvert
/
chrono
14
1
Fork 0
Code Issues Pull Requests 5 Releases Wiki Activity

manager: rename element for calendar date picking (#21326)

This commit is contained in:
Serghei Mihai 2018-06-20 23:14:07 +02:00
parent b3a4483f00
commit 22d137836f
3 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
chrono/manager/static/css/style.scss
View File

@ -164,7 +164,7 @@ span.start-time {
font-size: 80%;
}
.day-title {
.date-title {
cursor: pointer;
&::after {
content: "\f073"; /* calendar */
@ -180,7 +180,7 @@ span.start-time {
}
}
.day-picker {
.date-picker {
button, select {
font-size: 1rem;
}

12
chrono/manager/static/js/chrono.manager.js
View File

@ -4,11 +4,15 @@ $(function() {
var booked = $(this).data('booked');
$(this).find('.occupation-bar').css('max-width', 100 * booked / total + '%');
});
$('.day-title').on('click', function() {
$(this).parent().find('.day-picker').toggle();
$('.date-title').on('click', function() {
$(this).parent().find('.date-picker').toggle();
});
$('.day-picker button').on('click', function() {
window.location = '../../../' + $('[name=year]').val() + '/' + $('[name=month]').val() + '/' + $('[name=day]').val() + '/';
$('.date-picker button').on('click', function() {
if ($('[name=day]').val()) {
window.location = '../../../' + $('[name=year]').val() + '/' + $('[name=month]').val() + '/' + $('[name=day]').val() + '/';
} else {
window.location = '../../' + $('[name=year]').val() + '/' + $('[name=month]').val() + '/';
}
return false;
});
});

4
chrono/manager/templates/chrono/manager_agenda_day_view.html
View File

@ -11,9 +11,9 @@
{% block appbar %}
<h2>
<a href="{{ view.get_previous_day_url }}">←</a>
<span class="day-title">{{ view.date|date:"l j F Y" }}</span>
<span class="date-title">{{ view.date|date:"l j F Y" }}</span>
{% with selected_day=view.date|date:"j" selected_month=view.date|date:"n" selected_year=view.date|date:"Y" %}
<div class="day-picker" style="display: none">
<div class="date-picker" style="display: none">
<select name="day">{% for day in view.get_days %}<option value="{{ day }}" {% if selected_day == day %}selected{% endif %}>{{day}}</option>{% endfor %}</select>
<select name="month">{% for month, month_label in view.get_months %}<option value="{{ month }}" {% if selected_month == month %}selected{% endif %}>{{ month_label }}</option>{% endfor %}</select>
<select name="year">{% for year in view.get_years %}<option value="{{ year }}" {% if selected_year == year %}selected{% endif %}>{{year}}</option>{% endfor %}</select>