jekyll-theme-conference 3.4.1 → 3.5.0

data/_includes/js/conference-live.js

@@ -1,720 +0,0 @@
-window.conference.live = (function() {
-    {% assign d = site.data.program.days | first -%}
-    {%- include partials/get_day_time.html -%}
-    {%- assign t = day_start_talk -%}
-
-    {%- include partials/get_talk_timestamp.html -%}
-    {%- assign conf_start = timestamp_start -%}
-
-    {%- assign d = site.data.program.days | last -%}
-    {%- include partials/get_day_time.html -%}
-    {%- assign t = day_end_talk -%}
-
-    {%- include partials/get_talk_timestamp.html -%}
-    {%- assign conf_end = timestamp_end -%}
-
-    let data;
-
-    const confStart = {{ conf_start }};
-    const confEnd = {{ conf_end }};
-    const confDur = confEnd - confStart;
-
-    let freezeTime = false;
-    let timeFrozen = 0;
-    let timeOffset = 0;
-
-    let demo = {{ site.conference.live.demo | default: "false" }};
-    let durDemo  = 5*60; // in seconds
-    let durPause =   10; // in seconds
-
-    let demoStart = confStart - confDur/durDemo*durPause;
-    let demoEnd = confEnd + confDur/durDemo*durPause;
-
-    let liveTimer;
-    let streamVideoTimer;
-    let streamInfoTimer;
-
-    const loadData = function () {
-        // Fetch schedule from external file
-        $.getJSON('{{ site.baseurl }}/assets/js/data.json', function(json) {
-            data = json;
-        });
-    };
-
-    const getData = function () {
-        // Return data
-        return data;
-    };
-
-    const mod = function (n, m) {
-        // Absolute modulo
-        return ((n % m) + m) % m;
-    };
-
-    const timeNow = function () {
-        // Current timestamp in seconds
-        return Math.floor(Date.now() / 1000);
-    };
-
-    const timeCont = function () {
-        // Continuous time (respecting previous pauses)
-        return timeNow() - timeOffset;
-    };
-
-    const timeCycle = function () {
-        // Cyclic timestamp in seconds
-        let actTime = timeNow();
-        let relTime = mod(actTime, durDemo + 2*durPause) / (durDemo + 2*durPause);
-        let cycleTime = mod((demoEnd - demoStart) * relTime - timeOffset, (demoEnd - demoStart)) + demoStart;
-        return cycleTime;
-    };
-
-    const time = function () {
-        // Return app time
-        if (freezeTime) {
-            return timeFrozen;
-        }
-        else if (demo) {
-            return timeCycle();
-        }
-        else {
-            return timeCont();
-        }
-    };
-
-    const pauseTime = function () {
-        // Pause app time
-        if (!freezeTime) {
-            timeFrozen = time();
-            freezeTime = true;
-
-            stopUpdate();
-        }
-    };
-
-    const continueTime = function () {
-        // Continue app time
-        if (freezeTime) {
-            freezeTime = false;
-            timeOffset += time() - timeFrozen;
-            startUpdate();
-        }
-    };
-
-    const resetTime = function () {
-        // Reset app time
-        timeOffset = 0;
-        freezeTime = false;
-
-        startUpdate();
-    };
-
-    const setTime = function (newTime, newDay) {
-        // Set and pause app time
-        pauseTime();
-
-        let dayIdx;
-        if (arguments.length < 2) {
-            dayIdx = 0;
-        }
-        else if (Number.isInteger(newDay)) {
-            dayIdx = newDay-1;
-        }
-        else if (/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(newDay)) {
-            dayIdx = data.days.find(o => o.name === newDay);
-        }
-        else {
-            dayIdx = data.days.find(o => o.name === newDay);
-        }
-        let newDate = data.days[dayIdx].date;
-
-        let d = new Date(newDate);
-        newTime = newTime.split(':');
-        d.setHours(newTime[0], newTime[1]);
-
-        timeFrozen = Math.floor(d.getTime() / 1000);
-
-        update();
-    };
-
-    const getTime = function () {
-        // Return app time as string
-        let tConvert = time();
-
-        let d = new Date(tConvert * 1000);
-        let dStr = d.toISOString().slice(0,10);
-        let h = d.getHours();
-        let m = d.getMinutes();
-
-        return dStr +" "+ h +":"+ (m < 10 ? "0" : "") + m;
-    };
-
-    const timeUnit = function () {
-        // App time refresh rate
-        if (demo) {
-            return 0.1;
-        }
-        else {
-            return 60;
-        }
-    };
-
-    const delayStart = function (startTime) {
-        // Seconds until given startTime occurs
-        let tNow = time();
-        let tUnit = timeUnit();
-
-        if (demo) {
-            // Convert virtual duration to real duration
-            return mod(startTime - tNow, demoEnd - demoStart) / (demoEnd - demoStart) * (durDemo + 2*durPause);
-        }
-        else {
-            if (startTime > tNow) {
-                return startTime - tNow;
-            }
-            else {
-                // Start on the unit
-                return (tUnit - (tNow % tUnit));
-            }
-        }
-    };
-
-    let model = {
-        set demo(value) {
-            demo = value;
-            resetTime();
-        },
-        get demo() {
-            return demo;
-        }
-    };
-
-    const updateLive = function () {
-        // Update status all live elements in DOM
-        let tNow = time();
-        let liveShow = document.getElementsByClassName('live-show');
-        let liveHide = document.getElementsByClassName('live-hide');
-        let liveTime = document.getElementsByClassName('live-time');
-        let livePast = document.getElementsByClassName('live-past');
-
-        // Show elements for a given period
-        for (let i = 0; i < liveShow.length; i++) {
-            let tStarts = liveShow[i].dataset.start.split(',');
-            let tEnds = liveShow[i].dataset.end.split(',');
-
-            for (let k = 0; k < tStarts.length; k++) {
-                if (tNow >= tStarts[k] && tNow < tEnds[k]) {
-                    // Show when active
-                    liveShow[i].classList.remove('d-none');
-                    break;
-                }
-                else if (!liveShow[i].classList.contains('d-none')) {
-                    // Hide otherwise
-                    liveShow[i].classList.add('d-none');
-                }
-            }
-        }
-
-        // Hide elements for a given period
-        for (let i = 0; i < liveHide.length; i++) {
-            let tStarts = liveHide[i].dataset.start.split(',');
-            let tEnds = liveHide[i].dataset.end.split(',');
-
-            for (let k = 0; k < tStarts.length; k++) {
-                if (tNow >= tStarts[k] && tNow < tEnds[k]) {
-                    // Hide when active
-                    if (!liveHide[i].classList.contains('d-none')) {
-                        liveHide[i].classList.add('d-none');
-                        break;
-                    }
-                }
-                else {
-                    // Show otherwise
-                    liveHide[i].classList.remove('d-none');
-                }
-            }
-        }
-
-        // Update duration string for given elements
-        for (let i = 0; i < liveTime.length; i++) {
-            let t = liveTime[i].dataset.time;
-            if (typeof t == "undefined") {
-                break;
-            }
-            let tRel = tNow - t;
-
-            let tStr;
-            if (tRel >= -60 && tRel < 0) {
-                tStr = '{{ site.data.lang[site.conference.lang].live.time.soon | default: "soon" }}';
-            }
-            else if (tRel >= 0 && tRel < 60) {
-                tStr = '{{ site.data.lang[site.conference.lang].live.time.now | default: "now" }}';
-            }
-            else {
-                if (tRel < 0) {
-                    tStr = '{{ site.data.lang[site.conference.lang].live.time.in | default: "in" }} ';
-                }
-                else {
-                    tStr = '{{ site.data.lang[site.conference.lang].live.time.since | default: "since" }} ';
-                }
-                tRel = Math.abs(tRel);
-
-                let dWeeks = Math.floor(tRel / (7*24*60*60));
-                let dDays  = Math.floor(tRel / (24*60*60));
-                let dHours = Math.floor(tRel / (60*60));
-                let dMins  = Math.floor(tRel / (60));
-                if (dWeeks > 4) {
-                    break;
-                }
-                else if (dWeeks > 1) {
-                    tStr += dWeeks +' {{ site.data.lang[site.conference.lang].live.time.weeks | default: "weeks" }}';
-                }
-                else if (dWeeks == 1) {
-                    tStr += '1 {{ site.data.lang[site.conference.lang].live.time.week | default: "week" }}';
-                }
-                else if (dDays > 1) {
-                    tStr += dDays +' {{ site.data.lang[site.conference.lang].live.time.days | default: "days" }}';
-                }
-                else if (dDays == 1) {
-                    tStr += '1 {{ site.data.lang[site.conference.lang].live.time.day | default: "day" }}';
-                }
-                else if (dHours > 1) {
-                    tStr += dHours +' {{ site.data.lang[site.conference.lang].live.time.hours | default: "hours" }}';
-                }
-                else if (dHours == 1) {
-                    tStr += '1 {{ site.data.lang[site.conference.lang].live.time.hour | default: "hour" }}';
-                }
-                else if (dMins > 1) {
-                    tStr += dMins +' {{ site.data.lang[site.conference.lang].live.time.minutes | default: "minutes" }}';
-                }
-                else {
-                    tStr += '1 {{ site.data.lang[site.conference.lang].live.time.minute | default: "minute" }}';
-                }
-            }
-
-            liveTime[i].innerHTML = tStr;
-        }
-
-        // Disable elements for a given period
-        for (let i = 0; i < livePast.length; i++) {
-            let t = livePast[i].dataset.time;
-            if (typeof t == "undefined") {
-                break;
-            }
-            let tRel = tNow - t;
-
-            if (tRel < 0) {
-                // Grey out when in past
-                if (!livePast[i].classList.contains('text-secondary')) {
-                    livePast[i].classList.add('text-secondary');
-                }
-            }
-            else {
-                // Show normal otherwise
-                livePast[i].classList.remove('text-secondary');
-            }
-        }
-
-        // Cancel timer after program is over
-        if (tNow > confEnd && !demo) {
-            stopUpdateLive();
-        }
-    };
-
-    const startUpdateLive = function () {
-        // Start update timer to update live elements in DOM
-        stopUpdateLive();
-        updateLive();
-
-        if (demo) {
-            // Immediate start required since delayStart would wait for next wrap around
-            liveTimer = setInterval(updateLive, timeUnit() * 1000);
-        }
-        else {
-            setTimeout(function() {
-                liveTimer = setInterval(updateLive, timeUnit() * 1000);
-                updateLive();
-            }, delayStart(confStart) * 1000);
-        }
-    };
-
-    const stopUpdateLive = function () {
-        // stopUpdate update timer to update live elements in DOM
-        if (typeof liveTimer !== "undefined") {
-            clearInterval(liveTimer);
-        }
-    };
-
-    {% if site.conference.live.streaming -%}
-        const streamPause   = {{ site.conference.live.streaming.time_pause | default: 60 }};  // in minutes
-        const streamPrepend = {{ site.conference.live.streaming.time_prepend | default: 5 }};  // in minutes
-        const streamExtend  = {{ site.conference.live.streaming.time_extend | default: 5 }};  // in minutes
-
-        let streamModal;
-
-        const getRoom = function (roomName) {
-            // Return room object for given room name
-            if (roomName in data.rooms) {
-                return data.rooms[roomName];
-            }
-            else {
-                return data.rooms[Object.keys(data.rooms)[0]];
-            }
-        };
-
-        const getTalks = function (roomName) {
-            if (roomName in data.talks) {
-                return data.talks[roomName];
-            }
-            else {
-                return false;
-            }
-        };
-
-        const getNextTalk = function (roomName) {
-            // Get talk object for next talk in given room
-            let timeNow = time();
-            let talksHere = getTalks(roomName);
-
-            if (talksHere) {
-                if (timeNow < talksHere[talksHere.length-1].end) {
-                    for (var i = 0; i < talksHere.length; i++) {
-                        if (timeNow < talksHere[i].end) {
-                            return talksHere[i];
-                        }
-                    }
-                }
-            }
-            return false;
-        };
-
-        const getNextPause = function (roomName) {
-            // Get time object for next pause in given room
-            let timeNow = time();
-            let talksHere = getTalks(roomName);
-
-            if (talksHere) {
-                if (timeNow < talksHere[talksHere.length-1].end) {
-                    for (var i = 1; i < talksHere.length; i++) {
-                        if (timeNow < talksHere[i].start && streamPause*60 <= talksHere[i].start - talksHere[i-1].end) {
-                            return {
-                                'start': talksHere[i-1].end,
-                                'end':   talksHere[i].start,
-                            };
-                        }
-                    }
-                }
-            }
-            return false;
-        };
-
-        const setStreamIframeContent = function (content) {
-            // Set stream modal iframe to show given text
-            streamModal.find('iframe').attr('src', '');
-            streamModal.find('iframe').addClass('d-none');
-            streamModal.find('#stream-placeholder > div').text(content);
-            streamModal.find('#stream-placeholder').addClass('d-flex');
-        };
-
-        const setStreamIframeSrc = function (href) {
-            // Set stream modal iframe to show given URL
-            streamModal.find('iframe').attr('src', href);
-            streamModal.find('#stream-placeholder').addClass('d-none').removeClass('d-flex');
-            streamModal.find('iframe').removeClass('d-none');
-        };
-
-        const setStreamVideo = function (roomName) {
-            // Update stream modal iframe:
-            // Show stream with start/pause/end message (for given room) and keep updated
-            let timeNow = time();
-
-            let talksHere = getTalks(roomName);
-            let roomStart, roomEnd;
-            if (talksHere) {
-                roomStart = talksHere[0].start;
-                roomEnd = talksHere[talksHere.length-1].end;
-            }
-            else {
-                // If no program for given room, take overall first and last talk
-                roomStart = 0;
-                roomEnd = 0;
-                for (let roomNameTalk in data.talks) {
-                    talksHere = getTalks(roomNameTalk);
-                    let crntRoomStart = talksHere[0].start;
-                    let crntRoomEnd = talksHere[talksHere.length-1].end;
-
-                    if (roomStart == 0 || roomStart > crntRoomStart) {
-                        roomStart = crntRoomStart;
-                    }
-                    if (roomEnd == 0 || roomEnd < crntRoomEnd) {
-                        roomEnd = crntRoomEnd;
-                    }
-                }
-            }
-
-            if (typeof streamVideoTimer !== "undefined") {
-                clearInterval(streamVideoTimer);
-            }
-
-            // Conference not yet started
-            if (timeNow < roomStart - streamPrepend*60) {
-                setStreamIframeContent('{{ site.data.lang[site.conference.lang].live.pre_stream | default: "Live stream has not started yet." }}');
-
-                if (!freezeTime) {
-                    streamVideoTimer = setTimeout(setStreamVideo, delayStart(roomStart - streamPrepend*60) * 1000, roomName);
-                }
-            }
-
-            // Conference is over
-            else if (timeNow > roomEnd + streamExtend*60) {
-                setStreamIframeContent('{{ site.data.lang[site.conference.lang].live.post_stream | default: "Live stream has ended." }}');
-
-                if (!freezeTime && demo) {
-                    streamVideoTimer = setTimeout(setStreamVideo, delayStart(roomEnd - streamPrepend*60) * 1000, roomName);
-                }
-            }
-
-            // Conference ongoing
-            else {
-                let pauseNext = getNextPause(roomName);
-
-                // Currently stream is paused
-                if (pauseNext && timeNow >= pauseNext.start + streamExtend*60 && timeNow <= pauseNext.end - streamPrepend*60) {
-                    setStreamIframeContent('{{ site.data.lang[site.conference.lang].live.pause_stream | default: "Live stream is currently paused." }}');
-
-                    if (!freezeTime) {
-                        streamVideoTimer = setTimeout(setStreamVideo, delayStart(pauseNext.end - streamPrepend*60) * 1000, roomName);
-                    }
-                }
-                // Currently a talk is active
-                else {
-                    let room = getRoom(roomName);
-                    setStreamIframeSrc(room.href);
-
-                    if (!freezeTime) {
-                        if (pauseNext) {
-                            streamVideoTimer = setTimeout(setStreamVideo, delayStart(pauseNext.start + streamExtend*60) * 1000, roomName);
-                        }
-                        else {
-                            streamVideoTimer = setTimeout(setStreamVideo, delayStart(roomEnd + streamExtend*60) * 1000, roomName);
-                        }
-                    }
-                }
-            }
-        };
-
-        const setStreamInfo = function (roomName) {
-            // Update stream modal info bar:
-            // Show next talk and speaker (for given room) and keep updated
-            let timeNow = time();
-            let talkNext = getNextTalk(roomName);
-
-            if (typeof streamInfoTimer !== "undefined") {
-                clearInterval(streamInfoTimer);
-            }
-
-            if (talkNext && timeNow >= talkNext.start - streamPause*60) {
-                document.getElementById('stream-info').dataset.time = talkNext.start;
-                document.getElementById('stream-info-time').dataset.time = talkNext.start;
-                updateLive();
-
-                streamModal.find('#stream-info-color').removeClass(function (index, className) {
-                    return (className.match(/(^|\s)border-soft-\S+/g) || []).join(' ');
-                });
-                streamModal.find('#stream-info-color').addClass('border-soft-' + talkNext.color);
-
-                streamModal.find('#stream-info-talk').text(talkNext.name).attr('href', talkNext.href);
-
-                let speakerStr = '';
-                for (let i = 0; i < talkNext.speakers.length; i++) {
-                    let speaker = data.speakers[talkNext.speakers[i]];
-                    if (speaker.href == '') {
-                        speakerStr += speaker.name +', '
-                    }
-                    else {
-                        speakerStr += '<a class="text-reset" href="'+ speaker.href +'">'+ speaker.name +'</a>, ';
-                    }
-                }
-                speakerStr = speakerStr.slice(0, -2);
-                streamModal.find('#stream-info-speakers').html(speakerStr);
-
-                if (talkNext.live_links) {
-                    let linksStr = '';
-                    for (let i = 0; i < talkNext.live_links.length; i++) {
-                        const link = talkNext.live_links[i];
-
-                        linksStr += '<a href="' + link.href + '" class="btn btn-light m-1'
-                        if (link.disabled) {
-                            linksStr += ' disabled';
-                        }
-                        linksStr += '">';
-                        if (link.icon) {
-                            linksStr += '<i class="fas fa-' + link.icon + '"></i>&nbsp;';
-                        }
-                        linksStr += link.name + '</a>';
-                    }
-                    streamModal.find('#stream-info-links').html(linksStr).removeClass('d-none');
-                }
-                else {
-                    streamModal.find('#stream-info-links').addClass('d-none');
-                }
-
-                streamModal.find('#stream-info').removeClass('d-none');
-
-                if (!freezeTime) {
-                    streamInfoTimer = setTimeout(setStreamInfo, delayStart(talkNext.end) * 1000, roomName);
-                }
-            }
-            else {
-                streamModal.find('#stream-info').addClass('d-none');
-
-                if (!freezeTime) {
-                    if (talkNext) {
-                        streamInfoTimer = setTimeout(setStreamInfo, delayStart(talkNext.start - streamPause*60) * 1000, roomName);
-                    }
-                    else if (demo) {
-                        let talksHere = getTalks(roomName);
-                        if (talksHere) {
-                            streamInfoTimer = setTimeout(setStreamInfo, delayStart(talksHere[0].start - streamPrepend*60) * 1000, roomName);
-                        }
-                    }
-                }
-            }
-        };
-
-        const setStream = function (roomName) {
-            // Update stream modal (iframe and info bar) for given room
-            streamModal.find('.modal-footer .btn').removeClass('active');
-            streamModal.find('#stream-select').val(0);
-
-            // Recover room name in case of empty default
-            let room = getRoom(roomName);
-            roomName = room.name;
-
-            setStreamVideo(roomName);
-            setStreamInfo(roomName);
-
-            streamModal.find('#stream-button' + room.id).addClass('active');
-            streamModal.find('#stream-select').val(room.id);
-        };
-
-        const updateStream = function () {
-            // Update stream modal for currently active room button
-            if (streamModal.hasClass('show')) {
-                let activeButton = streamModal.find('.modal-footer .btn.active');
-                let roomName = activeButton.data('room');
-
-                if (typeof roomName !== "undefined") {
-                    setStream(roomName);
-                }
-            }
-        };
-
-        const stopUpdateStream = function () {
-            // Stop stream modal update timer
-            if (typeof streamVideoTimer !== "undefined") {
-                clearInterval(streamVideoTimer);
-            }
-            if (typeof streamInfoTimer !== "undefined") {
-                clearInterval(streamInfoTimer);
-            }
-        };
-
-        const hideModal = function () {
-            // Close stream modal
-            streamModal.find('iframe').attr('src', '');
-            streamModal.find('.modal-footer .btn').removeClass('active');
-            streamModal.find('#stream-select').selectedIndex = -1;
-        };
-
-        const setupStream = function () {
-            // Setup events when modal opens/closes
-            streamModal = $('#stream-modal');
-
-            // configure modal opening buttons
-            streamModal.on('show.bs.modal', function (event) {
-                let button = $(event.relatedTarget);
-                let roomName = button.data('room');
-                setStream(roomName);
-            });
-            streamModal.on('hide.bs.modal', function () {
-                hideModal();
-            });
-
-            // configure room selection buttons in modal
-            streamModal.find('.modal-footer .btn').on('click', function(event) {
-                event.preventDefault();
-
-                let roomName = $(this).data('room');
-                setStream(roomName);
-            });
-
-            // configure room selection menu in modal
-            streamModal.find('#stream-select').on('change', function(event) {
-                event.preventDefault();
-
-                let roomName = $(this).children('option:selected').text();
-                setStream(roomName);
-            });
-        };
-
-        const setup = function () {
-            loadData();
-            startUpdateLive();
-            setupStream();
-        };
-
-        const update = function () {
-            updateLive();
-            updateStream();
-        };
-
-        const startUpdate = function () {
-            startUpdateLive();
-            updateStream();
-        };
-
-        const stopUpdate = function () {
-            stopUpdateLive();
-            stopUpdateStream();
-        };
-
-    {%- else -%}
-
-        const setup = function () {
-            loadData();
-            startUpdateLive();
-        };
-
-        const update = function () {
-            updateLive();
-        };
-
-        const startUpdate = function () {
-            startUpdateLive();
-        };
-
-        const stopUpdate = function () {
-            stopUpdateLive();
-        };
-
-    {%- endif %}
-
-    return {
-        init: setup,
-        getData: getData,
-
-        pauseTime: pauseTime,
-        continueTime: continueTime,
-        resetTime: resetTime,
-        setTime: setTime,
-        getTime: getTime,
-
-        demo: model.demo,
-        durDemo: durDemo,
-        durPause: durPause
-    };
-
-})();
-
-window.conference.live.init();