159b8fe37c
Add timezone support to agenda weekview; display UTC on UTC agenda page. Fixes #3111.
- Legacy-Id: 18796
Note: SVN reference [18712] has been migrated to Git commit d29553c0bc
475 lines
20 KiB
HTML
475 lines
20 KiB
HTML
{% extends "base.html" %}
|
|
{# Copyright The IETF Trust 2015, All Rights Reserved #}
|
|
{% load origin %}
|
|
{% load static %}
|
|
{% load ietf_filters %}
|
|
{% load textfilters %}
|
|
{% load htmlfilters %}
|
|
|
|
{% block title %}
|
|
IETF {{ schedule.meeting.number }} meeting agenda
|
|
{% if "-utc" in request.path %}
|
|
(UTC)
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block morecss %}
|
|
iframe#weekview { height: 600px; width: 100%; }
|
|
tr:not(:first-child) th.gap {
|
|
height: 3em !important;
|
|
background-color: inherit !important;
|
|
border: none !important;
|
|
}
|
|
tr:first-child th.gap {
|
|
height: 0 !important;
|
|
background-color: inherit !important;
|
|
border: none !important;
|
|
}
|
|
.session-materials .agenda-frame,.minutes-frame {
|
|
white-space: normal;
|
|
}
|
|
{% endblock %}
|
|
|
|
{% block bodyAttrs %}data-spy="scroll" data-target="#affix"{% endblock %}
|
|
|
|
{% block content %}
|
|
{% origin %}
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
{% if "-utc" in request.path %}
|
|
{% include "meeting/meeting_heading.html" with meeting=schedule.meeting updated=updated selected="agenda-utc" title_extra="(UTC)" %}
|
|
{% else %}
|
|
{% include "meeting/meeting_heading.html" with meeting=schedule.meeting updated=updated selected="agenda" title_extra="" %}
|
|
{% endif %}
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-10">
|
|
{# cache this part -- it takes 3-6 seconds to generate #}
|
|
{% load cache %}
|
|
{% cache cache_time ietf_meeting_agenda_utc schedule.meeting.number request.path %}
|
|
<h1>Agenda</h1>
|
|
|
|
{% if is_current_meeting %}
|
|
<p class="alert alert-info">
|
|
<b>Note:</b> IETF agendas are subject to change, up to and during a meeting.
|
|
</p>
|
|
{% endif %}
|
|
|
|
{% if schedule.meeting.agenda_info_note %}
|
|
<p class="alert alert-info">
|
|
{{ schedule.meeting.agenda_info_note|removetags:"h1"|safe }}
|
|
</p>
|
|
{% endif %}
|
|
|
|
|
|
{% include "meeting/agenda_filter.html" with filter_categories=filter_categories customize_button_text="Customize the agenda view..." %}
|
|
|
|
<h2>Download as .ics</h2>
|
|
<p class="buttonlist">
|
|
{% for fc in filter_categories %}
|
|
{% if not forloop.last %} {# skip the last group, it's the office hours/misc #}
|
|
<div style="display:inline-block;margin-right:1em">
|
|
{% for p in fc|dictsort:"label" %}
|
|
<a class="btn btn-default" href="{% url "ietf.meeting.views.agenda_ical" num=schedule.meeting.number %}?show={{p.keyword}}">{{p.label}}</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<div style="display:inline-block">
|
|
<a class="btn btn-default" href="{% url "ietf.meeting.views.agenda_ical" num=schedule.meeting.number %}?show={{ non_area_keywords|join:',' }}">Non-area events</a>
|
|
<a id="ical-link" class="hidden btn btn-primary" href="{% url "ietf.meeting.views.agenda_ical" num=schedule.meeting.number %}">Customized schedule</a>
|
|
</div>
|
|
</p>
|
|
|
|
<h2>
|
|
Schedule
|
|
{% if schedule.meeting.agenda_warning_note %}
|
|
<span class="label label-danger">{{ schedule.meeting.agenda_warning_note|removetags:"h1"|safe }}</span>
|
|
{% endif %}
|
|
</h2>
|
|
|
|
<iframe seamless class="hidden" id="weekview"></iframe>
|
|
|
|
<table class="table table-condensed table-striped">
|
|
{% for item in filtered_assignments %}
|
|
|
|
{% ifchanged item.timeslot.time|date:"Y-m-d" %}
|
|
<tr><th class="gap" colspan="5"></th></tr>
|
|
<tr class="warning">
|
|
<th colspan="5">
|
|
{# The anchor here needs to be in a div, not in the th, in order for the anchor-target margin hack to work #}
|
|
<div class="anchor-target" id="{{item.timeslot.time|slugify}}"></div>
|
|
{% if "-utc" in request.path %}
|
|
{{ item.timeslot.utc_start_time|date:"l, F j, Y" }} (UTC)
|
|
{% else %}
|
|
{{ item.timeslot.time|date:"l, F j, Y" }} ({{item.timeslot.tzname}})
|
|
{% endif %}
|
|
</th>
|
|
</tr>
|
|
{% endifchanged %}
|
|
|
|
{% if item.timeslot.type_id == 'regular' %}
|
|
{% ifchanged %}
|
|
<tr class="info">
|
|
<th class="text-nowrap text-right">
|
|
<span class="hidden-xs">
|
|
{% include "meeting/timeslot_start_end.html" %}
|
|
</span>
|
|
</th>
|
|
<th colspan="4">
|
|
<span class="hidden-sm hidden-md hidden-lg">
|
|
{% include "meeting/timeslot_start_end.html" %}
|
|
</span>
|
|
{% if "-utc" in request.path %}
|
|
{{ item.timeslot.utc_start_time|date:"l"}}
|
|
{% else %}
|
|
{{ item.timeslot.time|date:"l"}}
|
|
{% endif %}
|
|
{{item.timeslot.name|capfirst_allcaps}}
|
|
</th>
|
|
</tr>
|
|
{% endifchanged %}
|
|
{% endif %}
|
|
|
|
{% if item.timeslot.type.slug == 'break' or item.timeslot.type.slug == 'reg' or item.timeslot.type.slug == 'other' %}
|
|
<tr id="row-{{ item.slug }}" data-filter-keywords="{{ item.filter_keywords|join:',' }}">
|
|
<td class="text-nowrap text-right">
|
|
<span class="hidden-xs">
|
|
{% include "meeting/timeslot_start_end.html" %}
|
|
</span>
|
|
</td>
|
|
<td colspan="3">
|
|
<span class="hidden-sm hidden-md hidden-lg">
|
|
{% include "meeting/timeslot_start_end.html" %}
|
|
</span>
|
|
{% if item.timeslot.show_location and item.timeslot.get_html_location %}
|
|
{% if schedule.meeting.number|add:"0" < 96 %}
|
|
<a href="https://tools.ietf.org/agenda/{{schedule.meeting.number}}/venue/?room={{ item.timeslot.get_html_location|xslugify }}">{{item.timeslot.get_html_location}}</a>
|
|
{% elif item.timeslot.location.floorplan %}
|
|
<a href="{% url 'ietf.meeting.views.floor_plan' num=schedule.meeting.number %}?room={{ item.timeslot.get_html_location|xslugify }}">{{item.timeslot.get_html_location}}</a>
|
|
{% else %}
|
|
{{item.timeslot.get_html_location}}
|
|
{% endif %}
|
|
{% with item.timeslot.location.floorplan as floor %}
|
|
{% if item.timeslot.location.floorplan %}
|
|
<span class="hidden-xs">
|
|
<a href="{% url 'ietf.meeting.views.floor_plan' num=schedule.meeting.number %}#{{floor.name|xslugify}}"
|
|
class="pull-right" title="{{floor.name}}"><span class="label label-blank label-wide">{{floor.short}}</span></a>
|
|
</span>
|
|
{% endif %}
|
|
{% endwith %}
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if item.session.agenda %}
|
|
<a href="{{ item.session.agenda.get_href }}">
|
|
{{item.timeslot.name}}
|
|
</a>
|
|
{% else %}
|
|
{{item.timeslot.name}}
|
|
{% endif %}
|
|
|
|
{% if item.session.current_status == 'canceled' %}
|
|
<span class="label label-danger pull-right">CANCELLED</span>
|
|
{% else %}
|
|
<div class="pull-right padded-left">
|
|
{% if item.timeslot.type.slug == 'other' %}
|
|
{% if item.session.agenda or item.session.remote_instructions or item.session.agenda_note %}
|
|
{% include "meeting/session_buttons_include.html" with show_agenda=True item=item schedule=schedule %}
|
|
{% else %}
|
|
{% for slide in item.session.slides %}
|
|
<a href="{{slide.get_href}}">{{ slide.title|clean_whitespace }}</a>
|
|
<br>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
|
|
{% if item.timeslot.type_id == 'regular' or item.timeslot.type.slug == 'plenary' %}
|
|
{% if item.session.historic_group %}
|
|
<tr id="row-{{item.slug}}"
|
|
{% if item.timeslot.type.slug == 'plenary' %}class="{{item.timeslot.type.slug}}danger"{% endif %}
|
|
data-filter-keywords="{{ item.filter_keywords|join:',' }}">
|
|
{% if item.timeslot.type.slug == 'plenary' %}
|
|
<th class="text-nowrap text-right">
|
|
<span class="hidden-xs">
|
|
{% include "meeting/timeslot_start_end.html" %}
|
|
</span>
|
|
</th>
|
|
<td colspan="3">
|
|
<span class="hidden-sm hidden-md hidden-lg">
|
|
{% include "meeting/timeslot_start_end.html" %}
|
|
</span>
|
|
{% if item.timeslot.show_location and item.timeslot.get_html_location %}
|
|
{% if schedule.meeting.number|add:"0" < 96 %}
|
|
<a href="https://tools.ietf.org/agenda/{{schedule.meeting.number}}/venue/?room={{ item.timeslot.get_html_location|xslugify }}">{{item.timeslot.get_html_location}}</a>
|
|
{% elif item.timeslot.location.floorplan %}
|
|
<a href="{% url 'ietf.meeting.views.floor_plan' num=schedule.meeting.number %}?room={{ item.timeslot.get_html_location|xslugify }}">{{item.timeslot.get_html_location}}</a>
|
|
{% else %}
|
|
{{item.timeslot.get_html_location}}
|
|
{% endif %}
|
|
{% endif %}
|
|
</td>
|
|
|
|
{% else %}
|
|
<td>
|
|
{% with item.timeslot.location.floorplan as floor %}
|
|
{% if item.timeslot.location.floorplan %}
|
|
<span class="hidden-xs">
|
|
<a href="{% url 'ietf.meeting.views.floor_plan' num=schedule.meeting.number %}#{{floor.name|xslugify}}"
|
|
class="pull-right" title="{{floor.name}}"><span class="label label-blank">{{floor.short}}</span></a>
|
|
</span>
|
|
{% endif %}
|
|
{% endwith %}
|
|
</td>
|
|
<td>
|
|
{% if item.timeslot.show_location and item.timeslot.get_html_location %}
|
|
{% if schedule.meeting.number|add:"0" < 96 %}
|
|
<a href="https://tools.ietf.org/agenda/{{schedule.meeting.number}}/venue/?room={{ item.timeslot.get_html_location|xslugify }}">{{item.timeslot.get_html_location}}</a>
|
|
{% elif item.timeslot.location.floorplan %}
|
|
<a href="{% url 'ietf.meeting.views.floor_plan' num=schedule.meeting.number %}?room={{ item.timeslot.get_html_location|xslugify }}">{{item.timeslot.get_html_location}}</a>
|
|
{% else %}
|
|
{{item.timeslot.get_html_location}}
|
|
{% endif %}
|
|
{% endif %}
|
|
</td>
|
|
|
|
<td><span class="hidden-xs">{{item.session.historic_group.historic_parent.acronym}}</span></td>
|
|
|
|
<td>
|
|
{% if item.session.historic_group %}
|
|
<a href="{% url 'ietf.group.views.group_about' acronym=item.session.historic_group.acronym %}">{{item.session.historic_group.acronym}}</a>
|
|
{% else %}
|
|
{{item.session.historic_group.acronym}}
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
|
|
<td>
|
|
{% if item.session.agenda %}
|
|
<a href="{{ item.session.agenda.get_href }}">
|
|
{% endif %}
|
|
{% if item.timeslot.type.slug == 'plenary' %}
|
|
{{item.timeslot.name}}
|
|
{% else %}
|
|
{{item.session.historic_group.name}}
|
|
{% endif %}
|
|
{% if item.session.agenda %}
|
|
</a>
|
|
{% endif %}
|
|
|
|
{% if item.session.current_status == 'canceled' %}
|
|
<span class="label label-danger pull-right">CANCELLED</span>
|
|
{% else %}
|
|
<div class="pull-right padded-left">
|
|
{% include "meeting/session_buttons_include.html" with show_agenda=True session=item.session meeting=schedule.meeting %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if item.session.historic_group.state_id == "bof" %}
|
|
<span class="label label-success pull-right">BOF</span>
|
|
{% endif %}
|
|
|
|
{% if item.session.current_status == 'resched' %}
|
|
<span class="label label-danger pull-right">
|
|
RESCHEDULED
|
|
{% if item.session.rescheduled_to %}
|
|
TO
|
|
{% if "-utc" in request.path %}
|
|
{{ item.session.rescheduled_to.utc_start_time|date:"l G:i"|upper }}-{{ item.session.rescheduled_to.utc_end_time|date:"G:i" }}
|
|
{% else %}
|
|
{{ item.session.rescheduled_to.time|date:"l G:i"|upper }}-{{ item.session.rescheduled_to.end_time|date:"G:i" }}
|
|
{% endif %}
|
|
{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
|
|
{% if item.session.agenda_note|first_url|conference_url %}
|
|
<br><a href={{item.session.agenda_note|first_url}}>{{item.session.agenda_note|slice:":23"}}</a>
|
|
{% elif item.session.agenda_note %}
|
|
<br><span class="text-danger">{{item.session.agenda_note}}</span>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
</table>
|
|
|
|
</div>
|
|
<div class="col-md-2 hidden-print bs-docs-sidebar" id="affix">
|
|
<ul class="nav nav-pills nav-stacked small" data-spy="affix">
|
|
{% for item in filtered_assignments %}
|
|
{% ifchanged item.timeslot.time|date:"Y-m-d" %}
|
|
<li><a href="#{{item.timeslot.time|slugify}}">{{ item.timeslot.time|date:"l, F j, Y" }}</a></li>
|
|
{% endifchanged %}
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
{% endcache %}
|
|
{% endblock %}
|
|
|
|
{% block js %}
|
|
|
|
<script src="{% static 'ietf/js/agenda/agenda_filter.js' %}"></script>
|
|
<script>
|
|
// Update the agenda display with specified filters
|
|
function update_agenda_display(filter_params) {
|
|
var agenda_rows=$('[id^="row-"]')
|
|
|
|
if (!agenda_filter.filtering_is_enabled(filter_params)) {
|
|
// When filtering is not enabled, show all sessions
|
|
agenda_rows.show();
|
|
return;
|
|
}
|
|
|
|
// if groups were selected for filtering, hide all rows by default
|
|
agenda_rows.filter(function(index, row) {
|
|
return !!$(row).attr('data-filter-keywords');
|
|
}).hide();
|
|
|
|
// loop through the has items and change the UI element and row visibilities accordingly
|
|
$.each(filter_params.show, function (i, v) {
|
|
// this is a regular item by wg: when present, show these rows
|
|
agenda_filter.rows_matching_filter_keyword(agenda_rows, v).show();
|
|
});
|
|
$.each(filter_params.hide, function (i, v) {
|
|
// this is a "negative" item by wg: when present, hide these rows
|
|
agenda_filter.rows_matching_filter_keyword(agenda_rows, v).hide();
|
|
});
|
|
}
|
|
|
|
function update_ical_links(filter_params) {
|
|
var ical_link = $("#ical-link");
|
|
if (agenda_filter.filtering_is_enabled(filter_params)) {
|
|
// Replace the query string in the ical link
|
|
var orig_link_href = ical_link.attr("href").split("?")[0];
|
|
ical_link.attr("href", orig_link_href+window.location.search);
|
|
ical_link.removeClass("hidden");
|
|
} else {
|
|
ical_link.addClass("hidden");
|
|
}
|
|
}
|
|
|
|
function update_weekview(filter_params) {
|
|
var weekview = $("#weekview");
|
|
|
|
if (!agenda_filter.filtering_is_enabled(filter_params)) {
|
|
weekview.addClass("hidden");
|
|
return;
|
|
}
|
|
|
|
// Filtering is enabled
|
|
weekview.removeClass("hidden");
|
|
|
|
var wv_iframe = document.getElementById('weekview');
|
|
var wv_window = wv_iframe.contentWindow;
|
|
var queryparams = window.location.search;
|
|
{% if "-utc" in request.path %}
|
|
if (queryparams) {
|
|
queryparams += '&tz=utc';
|
|
} else {
|
|
queryparams = '?tz=utc';
|
|
}
|
|
{% endif %}
|
|
var new_url = 'week-view.html' + queryparams;
|
|
if (wv_iframe.src && wv_window.history && wv_window.history.replaceState) {
|
|
wv_window.history.replaceState({}, '', new_url);
|
|
wv_window.redraw_weekview();
|
|
} else {
|
|
// either have not yet loaded the iframe or we do not support history replacement
|
|
wv_iframe.src = new_url;
|
|
}
|
|
}
|
|
|
|
function update_view(filter_params) {
|
|
update_agenda_display(filter_params);
|
|
update_weekview(filter_params)
|
|
update_ical_links(filter_params)
|
|
}
|
|
|
|
agenda_filter.set_update_callback(update_view);
|
|
agenda_filter.enable();
|
|
|
|
/**
|
|
* Retrieve and display materials for a session
|
|
*
|
|
* If output_elt exists and has a "data-src" attribute, retrieves the document
|
|
* from that URL and displays under output_elt. Handles text/plain, text/markdown,
|
|
* and text/html.
|
|
*
|
|
* @param output_elt Element, probably a div, to hold the output
|
|
*/
|
|
function retrieve_session_materials(output_elt) {
|
|
if (!output_elt) {return;}
|
|
output_elt = $(output_elt);
|
|
var data_src = output_elt.attr("data-src");
|
|
if (!data_src) {
|
|
output_elt.html("<p>Error: missing data-src attribute</p>");
|
|
} else {
|
|
output_elt.html("<p>Loading " + data_src + "...</p>");
|
|
outer_xhr = $.get(data_src)
|
|
outer_xhr.done(function(data, status, xhr) {
|
|
var t = xhr.getResponseHeader("content-type");
|
|
if (!t) {
|
|
data = "<p>Error retrieving " + data_src
|
|
+ ": Missing content-type in response header</p>";
|
|
} else if (t.indexOf("text/plain") > -1) {
|
|
data = "<pre class='agenda'>" + data + "</pre>";
|
|
} else if (t.indexOf("text/markdown") > -1) {
|
|
data = "<pre class='agenda'>" + data + "</pre>";
|
|
} else if(t.indexOf("text/html") > -1) {
|
|
// nothing to do here
|
|
} else {
|
|
data = "<p>Unknown type: " + xhr.getResponseHeader("content-type") + "</p>";
|
|
}
|
|
output_elt.html(data);
|
|
}).fail(function() {
|
|
output_elt.html("<p>Error retrieving " + data_src
|
|
+ ": (" + outer_xhr.status.toString() + ") "
|
|
+ outer_xhr.statusText + "</p>");
|
|
})
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Retrieve contents of a session materials modal
|
|
*
|
|
* Expects output_elt to exist and have a "data-src" attribute. Retrieves the
|
|
* contents of that URL, then attempts to populate the .agenda-frame and
|
|
* .minutes-frame elements.
|
|
*
|
|
* @param output_elt Element, probably a div, to hold the output
|
|
*/
|
|
function retrieve_session_modal(output_elt) {
|
|
if (!output_elt) {return;}
|
|
output_elt = $(output_elt);
|
|
var data_src = output_elt.attr("data-src");
|
|
if (!data_src) {
|
|
output_elt.html("<p>Error: missing data-src attribute</p>");
|
|
} else {
|
|
output_elt.html("<p>Loading...</p>");
|
|
$.get(data_src).done(function(data) {
|
|
output_elt.html(data);
|
|
retrieve_session_materials(output_elt.find(".agenda-frame"));
|
|
retrieve_session_materials(output_elt.find(".minutes-frame"));
|
|
});
|
|
}
|
|
}
|
|
|
|
$(".modal").on("show.bs.modal", function () {
|
|
retrieve_session_modal($(this).find(".session-materials"));
|
|
});
|
|
|
|
</script>
|
|
{% endblock %}
|