0001-manager-rename-element-for-calendar-date-picking.patch
chrono/manager/static/css/style.scss | ||
---|---|---|
164 | 164 |
font-size: 80%; |
165 | 165 |
} |
166 | 166 | |
167 |
.day-title {
|
|
167 |
.date-title {
|
|
168 | 168 |
cursor: pointer; |
169 | 169 |
&::after { |
170 | 170 |
content: "\f073"; /* calendar */ |
... | ... | |
180 | 180 |
} |
181 | 181 |
} |
182 | 182 | |
183 |
.day-picker {
|
|
183 |
.date-picker {
|
|
184 | 184 |
button, select { |
185 | 185 |
font-size: 1rem; |
186 | 186 |
} |
chrono/manager/static/js/chrono.manager.js | ||
---|---|---|
4 | 4 |
var booked = $(this).data('booked'); |
5 | 5 |
$(this).find('.occupation-bar').css('max-width', 100 * booked / total + '%'); |
6 | 6 |
}); |
7 |
$('.day-title').on('click', function() {
|
|
8 |
$(this).parent().find('.day-picker').toggle();
|
|
7 |
$('.date-title').on('click', function() {
|
|
8 |
$(this).parent().find('.date-picker').toggle();
|
|
9 | 9 |
}); |
10 |
$('.day-picker button').on('click', function() { |
|
11 |
window.location = '../../../' + $('[name=year]').val() + '/' + $('[name=month]').val() + '/' + $('[name=day]').val() + '/'; |
|
10 |
$('.date-picker button').on('click', function() { |
|
11 |
if ($('[name=day]').val()) { |
|
12 |
window.location = '../../../' + $('[name=year]').val() + '/' + $('[name=month]').val() + '/' + $('[name=day]').val() + '/'; |
|
13 |
} else { |
|
14 |
window.location = '../../' + $('[name=year]').val() + '/' + $('[name=month]').val() + '/'; |
|
15 |
} |
|
12 | 16 |
return false; |
13 | 17 |
}); |
14 | 18 |
}); |
chrono/manager/templates/chrono/manager_agenda_day_view.html | ||
---|---|---|
11 | 11 |
{% block appbar %} |
12 | 12 |
<h2> |
13 | 13 |
<a href="{{ view.get_previous_day_url }}">←</a> |
14 |
<span class="day-title">{{ view.date|date:"l j F Y" }}</span>
|
|
14 |
<span class="date-title">{{ view.date|date:"l j F Y" }}</span>
|
|
15 | 15 |
{% with selected_day=view.date|date:"j" selected_month=view.date|date:"n" selected_year=view.date|date:"Y" %} |
16 |
<div class="day-picker" style="display: none">
|
|
16 |
<div class="date-picker" style="display: none">
|
|
17 | 17 |
<select name="day">{% for day in view.get_days %}<option value="{{ day }}" {% if selected_day == day %}selected{% endif %}>{{day}}</option>{% endfor %}</select> |
18 | 18 |
<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> |
19 | 19 |
<select name="year">{% for year in view.get_years %}<option value="{{ year }}" {% if selected_year == year %}selected{% endif %}>{{year}}</option>{% endfor %}</select> |
20 |
- |