OpenSlides/openslides/projector/static/javascript/projector.js
Oskar Hahn ecf5248962 Rework of the projector with websocket
* Set a static projector title
* absolute_urls for the activate links
* update the projector when a slide changes (in save())
* insert the absolute_url template filter
* Preview to slides
* renamed is_active to is_active_slide
* The SlideMixin has to come before the PersonMixin
* Update list of speakers
* Render Countdown via JS
* Reconnect projector after connection lost
* Overlays can allways be active and do not appear in the widget
* Rewrote the clock as overlay
2013-09-24 23:35:05 +02:00

68 lines
1.9 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/**
* OpenSlides projector functions
*
* :copyright: 20112013 by OpenSlides team, see AUTHORS.
* :license: GNU GPL, see LICENSE for more details.
*/
$(document).ready(function() {
if ($('#content.reload').length > 0) {
updater.start();
}
});
var projector = {
_loaded_files: {},
load_file: function(src) {
if (projector._loaded_files[src] === undefined) {
projector._loaded_files[src] = document.createElement('script');
projector._loaded_files[src].setAttribute("type","text/javascript");
projector._loaded_files[src].setAttribute("src", src);
$('head').append(projector._loaded_files[src]);
}
},
update_data: function(data) {
$.each(data, function (key, value) {
if (key === 'load_file')
projector.load_file(value);
else
projector[key] = value;
});
}
};
var updater = {
socket: null,
start: function() {
var url = "ws://" + location.host + "/projector/socket/";
updater.socket = new WebSocket(url);
updater.socket.onmessage = function(event) {
updater.updateProjector(JSON.parse(event.data));
}
updater.socket.onclose = function() {
setTimeout('updater.start()', 5000);
}
},
updateProjector: function(data) {
$('#content').html(data.content);
var overlays = data.overlays;
$.each(overlays, function (key, value) {
var overlay = $('#overlays #overlay_' + key)
if (!value)
overlay.remove();
else {
if (overlay.length) {
overlay.html(value.html)
} else {
$('#overlays').append(value.html);
}
projector.update_data(value.javascript);
}
});
}
};