2023-04-17 17:31:39 +02:00
{% extends "chrono/manager_agenda_date_view.html" %}
2022-10-25 18:47:48 +02:00
{% load i18n %}
{% block bodyargs %}class="weekview"{% endblock %}
2022-12-13 10:20:35 +01:00
{% block extrascripts %}
{{ block.super }}
< script >
$(function() {
var dates = {};
{% for year, weeks in view.get_week_dates.items %}
dates[{{ year }}] = {};
2022-12-13 17:33:58 +01:00
{% for week_monday, week_label in weeks.items %}
dates[{{ year }}]["{{ week_monday|date:'Y/m/d' }}"] = '{{ week_label }} ({{ week_monday|date:'j F' }})';
2022-12-13 10:20:35 +01:00
{% endfor %}
{% endfor %}
$('.date-picker select[name=year]').on('change', function() {
var $week = $('.date-picker select[name="week"]');
2022-12-13 17:33:58 +01:00
var $selected = $(':selected', $week);
2022-12-13 10:20:35 +01:00
$week.empty();
2022-12-13 17:33:58 +01:00
var index = 1;
$.each(dates[$(this).val()], function(key, value) {
$week.append('< option value = "' + key + '" data-weeknum = "' + index + '" > ' + value + '< / option > ');
index += 1;
2022-12-13 10:20:35 +01:00
});
2022-12-13 17:33:58 +01:00
$week.val($('[data-weeknum=' + $selected.data('weeknum') + ']', $week).val());
2022-12-13 10:20:35 +01:00
});
$('.date-picker select[name=year]').change();
});
< / script >
{% endblock %}
2022-10-25 18:47:48 +02:00
{% block breadcrumb %}
{{ block.super }}
2022-12-13 17:33:58 +01:00
< a > {{ view.first_day|date:"F Y" }}< / a >
2022-10-25 18:47:48 +02:00
{% endblock %}
2023-04-17 17:31:39 +02:00
{% block navigation %}
2022-12-25 17:08:46 +01:00
< span class = "buttons-group" >
< a class = "date-prev pk-button" href = "{{ view.get_previous_week_url }}" > < span class = "sr-only" > {% trans "Previous week" %}< / span > < / a >
< a class = "date-next pk-button" href = "{{ view.get_next_week_url }}" > < span class = "sr-only" > {% trans "Next week" %}< / span > < / a >
< / span >
< h2 class = "date-nav" >
2022-12-13 17:33:58 +01:00
< span class = "date-title" > {{ view.first_day|date:_("Y \w\e\e\k W") }}< / span >
2022-12-25 17:08:46 +01:00
< button class = "date-picker-opener" > < span class = "sr-only" > {% trans "Pick a week" %}< / span > < / button >
2022-12-13 17:33:58 +01:00
{% with selected_week=view.first_day|date:"W" selected_year=view.first_day|date:"Y" weeks=view.get_week_dates|get:view.first_day.year %}
2022-10-25 18:47:48 +02:00
< div class = "date-picker" style = "display: none" >
2022-12-13 17:33:58 +01:00
< select name = "week" > {% for week_monday, week_label in weeks.items %}< option value = "{{ week_monday|date:'Y/m/d' }}" data-weeknum = "{{ week_monday|date:" W " } } " { % if selected_week = = week_monday | date: ' W ' % } selected { % endif % } > {{ week_label }}< / option > {% endfor %}< / select >
2022-10-25 18:47:48 +02:00
< select name = "year" > {% for year in view.get_years %}< option value = "{{ year }}" { % if selected_year = = year % } selected { % endif % } > {{ year }}< / option > {% endfor %}< / select >
< button > {% trans 'Set Date' %}< / button >
< / div >
{% endwith %}
< / h2 >
{% endblock %}