chore: Remove unused agenda_timezone.js (#5388)
This commit is contained in:
Lars Eggert
GitHub
parent
81573a29c9
commit
3865d5232b
|
|
@ -1,306 +0,0 @@
|
||||||
// Copyright The IETF Trust 2021, All Rights Reserved
|
|
||||||
/*
|
|
||||||
Timezone support specific to the agenda page
|
|
||||||
|
|
||||||
To properly handle timezones other than local, needs a method to retrieve
|
|
||||||
the current timezone. Set this by passing a method taking no parameters and
|
|
||||||
returning the current timezone to the set_current_tz_cb() method.
|
|
||||||
This should be done before calling anything else in the file.
|
|
||||||
*/
|
|
||||||
(function() {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const local_timezone = moment.tz.guess();
|
|
||||||
|
|
||||||
// get_current_tz_cb must be overwritten using set_current_tz_cb
|
|
||||||
let get_current_tz_cb = function() {
|
|
||||||
throw new Error('Tried to get current timezone before callback registered. Use set_current_tz_cb().');
|
|
||||||
};
|
|
||||||
|
|
||||||
// Initialize moments
|
|
||||||
function initialize_moments() {
|
|
||||||
const times = $('.time');
|
|
||||||
$.each(times, function (i, item) {
|
|
||||||
item.start_ts = moment.unix(this.getAttribute("data-start-time"))
|
|
||||||
.utc();
|
|
||||||
item.end_ts = moment.unix(this.getAttribute("data-end-time"))
|
|
||||||
.utc();
|
|
||||||
if (this.hasAttribute("data-weekday")) {
|
|
||||||
item.format = 2;
|
|
||||||
} else {
|
|
||||||
item.format = 1;
|
|
||||||
}
|
|
||||||
if (this.hasAttribute("format")) {
|
|
||||||
item.format = +this.getAttribute("format");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
const things_with_slots = $('[data-slot-start-ts]');
|
|
||||||
$.each(things_with_slots, function (i, item) {
|
|
||||||
item.slot_start_ts = moment.unix(this.getAttribute("data-slot-start-ts"))
|
|
||||||
.utc();
|
|
||||||
item.slot_end_ts = moment.unix(this.getAttribute("data-slot-end-ts"))
|
|
||||||
.utc();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function format_time(t, tz, fmt) {
|
|
||||||
let out;
|
|
||||||
const mtz = window.meeting_timezone || "UTC";
|
|
||||||
switch (fmt) {
|
|
||||||
case 0:
|
|
||||||
out = t.tz(tz)
|
|
||||||
.format('dddd, ') + '<span>' +
|
|
||||||
t.tz(tz)
|
|
||||||
.format('MMMM Do YYYY, ') + '</span>' +
|
|
||||||
t.tz(tz)
|
|
||||||
.format('HH:mm') + '<span>' +
|
|
||||||
t.tz(tz)
|
|
||||||
.format(' Z z') + '</span>';
|
|
||||||
break;
|
|
||||||
case 1:
|
|
||||||
// Note, this code does not work if the meeting crosses the
|
|
||||||
// year boundary.
|
|
||||||
out = t.tz(tz)
|
|
||||||
.format("HH:mm");
|
|
||||||
if (+t.tz(tz)
|
|
||||||
.dayOfYear() < +t.tz(mtz)
|
|
||||||
.dayOfYear()) {
|
|
||||||
out = out + " (-1)";
|
|
||||||
} else if (+t.tz(tz)
|
|
||||||
.dayOfYear() > +t.tz(mtz)
|
|
||||||
.dayOfYear()) {
|
|
||||||
out = out + " (+1)";
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
out = t.tz(mtz)
|
|
||||||
.format("dddd, ")
|
|
||||||
.toUpperCase() +
|
|
||||||
t.tz(tz)
|
|
||||||
.format("HH:mm");
|
|
||||||
if (+t.tz(tz)
|
|
||||||
.dayOfYear() < +t.tz(mtz)
|
|
||||||
.dayOfYear()) {
|
|
||||||
out = out + " (-1)";
|
|
||||||
} else if (+t.tz(tz)
|
|
||||||
.dayOfYear() > +t.tz(mtz)
|
|
||||||
.dayOfYear()) {
|
|
||||||
out = out + " (+1)";
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 3:
|
|
||||||
out = t.utc()
|
|
||||||
.format("YYYY-MM-DD");
|
|
||||||
break;
|
|
||||||
case 4:
|
|
||||||
out = t.tz(tz)
|
|
||||||
.format("YYYY-MM-DD HH:mm");
|
|
||||||
break;
|
|
||||||
case 5:
|
|
||||||
out = t.tz(tz)
|
|
||||||
.format("HH:mm");
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
return out;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Format tooltip notice
|
|
||||||
function format_tooltip_notice(start, end) {
|
|
||||||
let notice = "";
|
|
||||||
|
|
||||||
if (end.isBefore()) {
|
|
||||||
notice = "Event ended " + end.fromNow();
|
|
||||||
} else if (start.isAfter()) {
|
|
||||||
notice = "Event will start " + start.fromNow();
|
|
||||||
} else {
|
|
||||||
notice = "Event started " + start.fromNow() + " and will end " +
|
|
||||||
end.fromNow();
|
|
||||||
}
|
|
||||||
return '<span class="tooltipnotice">' + notice + '</span>';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Format tooltip table
|
|
||||||
function format_tooltip_table(start, end) {
|
|
||||||
const current_timezone = get_current_tz_cb();
|
|
||||||
let out = '<div class="text-start"><table class="table table-sm"><thead><tr><th scope="col"></th><th scope="col">Session start</th><th scope="col">Session end</th></tr></thead>';
|
|
||||||
if (window.meeting_timezone !== "") {
|
|
||||||
out += '<tr><th class="timehead">Meeting timezone</th><td>' +
|
|
||||||
format_time(start, window.meeting_timezone, 0) + '</td><td>' +
|
|
||||||
format_time(end, window.meeting_timezone, 0) + '</td></tr>';
|
|
||||||
}
|
|
||||||
out += '<tr><th class="timehead">Local timezone</th><td>' +
|
|
||||||
format_time(start, local_timezone, 0) + '</td><td>' +
|
|
||||||
format_time(end, local_timezone, 0) + '</td></tr>';
|
|
||||||
if (current_timezone !== 'UTC') {
|
|
||||||
out += '<tr><th class="timehead">Selected Timezone</th><td>' +
|
|
||||||
format_time(start, current_timezone, 0) + '</td><td>' +
|
|
||||||
format_time(end, current_timezone, 0) + '</td></tr>';
|
|
||||||
}
|
|
||||||
out += '<tr><th class="timehead">UTC</th><td>' +
|
|
||||||
format_time(start, 'UTC', 0) + '</td><td>' +
|
|
||||||
format_time(end, 'UTC', 0) + '</td></tr>';
|
|
||||||
out += '</table>' + format_tooltip_notice(start, end) + '</div>';
|
|
||||||
return out;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Format tooltip for item
|
|
||||||
function format_tooltip(start, end) {
|
|
||||||
return '<div class="timetooltiptext">' +
|
|
||||||
format_tooltip_table(start, end) +
|
|
||||||
'</div>';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add tooltips
|
|
||||||
function add_tooltips() {
|
|
||||||
$('.time')
|
|
||||||
.each(function () {
|
|
||||||
const tooltip = $(format_tooltip(this.start_ts, this.end_ts));
|
|
||||||
tooltip[0].start_ts = this.start_ts;
|
|
||||||
tooltip[0].end_ts = this.end_ts;
|
|
||||||
tooltip[0].ustart_ts = moment(this.start_ts)
|
|
||||||
.add(-2, 'hours');
|
|
||||||
tooltip[0].uend_ts = moment(this.end_ts)
|
|
||||||
.add(2, 'hours');
|
|
||||||
$(this)
|
|
||||||
.closest("th, td")
|
|
||||||
.attr("data-bs-toggle", "popover")
|
|
||||||
.attr("data-bs-content", $(tooltip)
|
|
||||||
.html())
|
|
||||||
.popover({
|
|
||||||
html: true,
|
|
||||||
sanitize: false,
|
|
||||||
trigger: "hover"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update times on the agenda based on the selected timezone
|
|
||||||
function update_times(newtz) {
|
|
||||||
$('.current-tz')
|
|
||||||
.html(newtz.replaceAll("_", " ").replaceAll("/", " / "));
|
|
||||||
$('.time')
|
|
||||||
.each(function () {
|
|
||||||
if (this.format === 4) {
|
|
||||||
const tz = this.start_ts.tz(newtz).format(" z");
|
|
||||||
const start_doy = this.start_ts.tz(newtz).dayOfYear();
|
|
||||||
const end_doy = this.end_ts.tz(newtz).dayOfYear();
|
|
||||||
if (start_doy === end_doy) {
|
|
||||||
$(this)
|
|
||||||
.html(format_time(this.start_ts, newtz, this.format) +
|
|
||||||
'<span class="d-lg-none"><br></span>-' + format_time(this.end_ts, newtz, 5) + tz);
|
|
||||||
} else {
|
|
||||||
$(this)
|
|
||||||
.html(format_time(this.start_ts, newtz, this.format) +
|
|
||||||
'<span class="d-lg-none"><br></span>-' +
|
|
||||||
format_time(this.end_ts, newtz, this.format) + tz);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
$(this)
|
|
||||||
.html(format_time(this.start_ts, newtz, this.format) + '<span class="d-lg-none"><br></span>-' +
|
|
||||||
format_time(this.end_ts, newtz, this.format));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
update_tooltips_all();
|
|
||||||
update_clock();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update hrefs in anchor tags with the "now-link" class. Mark the target with the "current-session" class.
|
|
||||||
function update_now_link(agenda_rows, ongoing_rows, later_rows) {
|
|
||||||
agenda_rows.removeClass('current-session');
|
|
||||||
const links_to_update = $('a.now-link');
|
|
||||||
if (ongoing_rows.length > 0) {
|
|
||||||
// sessions are ongoing - find those with the latest start time and mark the first of them as "now"
|
|
||||||
const last_start_time = ongoing_rows[ongoing_rows.length - 1].slot_start_ts;
|
|
||||||
for (let ii=0; ii < ongoing_rows.length; ii++) {
|
|
||||||
const dt = ongoing_rows[ii].slot_start_ts.diff(last_start_time, 'seconds');
|
|
||||||
if (Math.abs(dt) < 1) {
|
|
||||||
$(ongoing_rows[ii]).addClass('current-session');
|
|
||||||
links_to_update.attr('href', '#' + ongoing_rows[ii].id);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (later_rows.length > 0) {
|
|
||||||
// There were no ongoing sessions, look for the next one to start and mark as current
|
|
||||||
$(later_rows[0]).addClass('current-session');
|
|
||||||
links_to_update.attr('href', '#' + later_rows[0].id);
|
|
||||||
} else {
|
|
||||||
// No sessions in the future - meeting has apparently ended
|
|
||||||
links_to_update.attr('href', '#');
|
|
||||||
links_to_update.addClass('disabled'); // mark link
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function update_ongoing_sessions() {
|
|
||||||
const agenda_rows = $('[data-slot-start-ts]');
|
|
||||||
const now_moment = moment();
|
|
||||||
const ongoing_rows = agenda_rows.filter(function () {
|
|
||||||
return now_moment.isBetween(this.slot_start_ts, this.slot_end_ts);
|
|
||||||
});
|
|
||||||
const later_rows = agenda_rows.filter(function() { return now_moment.isBefore(this.slot_start_ts); });
|
|
||||||
// Highlight ongoing based on the current time
|
|
||||||
agenda_rows.removeClass("table-warning");
|
|
||||||
ongoing_rows.addClass("table-warning");
|
|
||||||
update_now_link(agenda_rows, ongoing_rows, later_rows); // update any "now-link" anchors
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update tooltips
|
|
||||||
function update_tooltips() {
|
|
||||||
const tooltips = $('.timetooltiptext');
|
|
||||||
tooltips.filter(function () {
|
|
||||||
return moment()
|
|
||||||
.isBetween(this.ustart_ts, this.uend_ts);
|
|
||||||
})
|
|
||||||
.each(function () {
|
|
||||||
$(this)
|
|
||||||
.html(format_tooltip_table(this.start_ts, this.end_ts));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update all tooltips
|
|
||||||
function update_tooltips_all() {
|
|
||||||
const tooltips = $('.timetooltiptext');
|
|
||||||
tooltips.each(function () {
|
|
||||||
$(this)
|
|
||||||
.html(format_tooltip_table(this.start_ts, this.end_ts));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update clock
|
|
||||||
function update_clock() {
|
|
||||||
$('span.current-time')
|
|
||||||
.html(format_time(moment(), get_current_tz_cb(), 0));
|
|
||||||
}
|
|
||||||
|
|
||||||
function urlParam(name) {
|
|
||||||
const results = new RegExp('[\?&]' + name + '=([^&#]*)')
|
|
||||||
.exec(window.location.href);
|
|
||||||
if (results === null) {
|
|
||||||
return null;
|
|
||||||
} else {
|
|
||||||
return results[1] || 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function init_timers(speedup) {
|
|
||||||
speedup = speedup || 1;
|
|
||||||
const fast_timer = 60000 / (speedup > 600 ? 600 : speedup);
|
|
||||||
update_clock();
|
|
||||||
update_ongoing_sessions();
|
|
||||||
setInterval(function () { update_clock(); }, fast_timer);
|
|
||||||
setInterval(function () { update_ongoing_sessions(); }, fast_timer);
|
|
||||||
setInterval(function () { update_tooltips(); }, fast_timer);
|
|
||||||
setInterval(function () { update_tooltips_all(); }, 3600000 / speedup);
|
|
||||||
}
|
|
||||||
|
|
||||||
/***** make public interface available on window *****/
|
|
||||||
window.initialize_moments = initialize_moments;
|
|
||||||
window.add_tooltips = add_tooltips;
|
|
||||||
window.update_times = update_times;
|
|
||||||
window.urlParam = urlParam;
|
|
||||||
window.init_timers = init_timers;
|
|
||||||
|
|
||||||
// set method used to find current time zone
|
|
||||||
window.set_current_tz_cb = function (fn) {
|
|
||||||
get_current_tz_cb = fn;
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
|
|
@ -113,7 +113,6 @@
|
||||||
"ietf/static/js/agenda_filter.js",
|
"ietf/static/js/agenda_filter.js",
|
||||||
"ietf/static/js/agenda_materials.js",
|
"ietf/static/js/agenda_materials.js",
|
||||||
"ietf/static/js/agenda_personalize.js",
|
"ietf/static/js/agenda_personalize.js",
|
||||||
"ietf/static/js/agenda_timezone.js",
|
|
||||||
"ietf/static/js/complete-review.js",
|
"ietf/static/js/complete-review.js",
|
||||||
"ietf/static/js/create_timeslot.js",
|
"ietf/static/js/create_timeslot.js",
|
||||||
"ietf/static/js/create_timeslot.js",
|
"ietf/static/js/create_timeslot.js",
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue