84 lines
2.3 KiB
JavaScript
84 lines
2.3 KiB
JavaScript
/**
|
||
* OpenSlides projector functions
|
||
*
|
||
* :copyright: 2011–2013 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]);
|
||
}
|
||
},
|
||
|
||
scroll: function(value) {
|
||
$('#content').css('margin-top', -10 * value + 'em');
|
||
},
|
||
|
||
scale: function(value) {
|
||
$('#content').css('font-size', 100 + 20 * value + '%');
|
||
},
|
||
|
||
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 = "http://" + location.host + "/projector/socket";
|
||
updater.socket = new SockJS(url);
|
||
updater.socket.onmessage = function(event) {
|
||
updater.updateProjector(event.data);
|
||
}
|
||
updater.socket.onclose = function() {
|
||
setTimeout('updater.start()', 5000);
|
||
}
|
||
},
|
||
|
||
updateProjector: function(data) {
|
||
if (data.content) {
|
||
$('#content').html(data.content);
|
||
}
|
||
if (data.overlays) {
|
||
$.each(data.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);
|
||
}
|
||
});
|
||
}
|
||
if (data.calls) {
|
||
$.each(data.calls, function (call, argument) {
|
||
projector[call](argument);
|
||
});
|
||
}
|
||
}
|
||
};
|