87 lines
2.5 KiB
JavaScript
87 lines
2.5 KiB
JavaScript
/**
|
||
* OpenSlides projector functions
|
||
*
|
||
* :copyright: 2011–2013 by OpenSlides team, see AUTHORS.
|
||
* :license: GNU GPL, see LICENSE for more details.
|
||
*/
|
||
|
||
$(document).ready(function() {
|
||
$('#content .scroll').wrap('<div class="scrollwrapper"></div>');
|
||
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 .scroll').css('margin-top', value + 'em')
|
||
},
|
||
|
||
scale: function(value) {
|
||
$('#content').css('font-size', value + '%');
|
||
$('#content #sidebar').css('font-size', '18px');
|
||
},
|
||
|
||
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) {
|
||
if (data.content) {
|
||
$('#content').html(data.content);
|
||
$('#content .scroll').wrap('<div class="scrollwrapper"></div>');
|
||
}
|
||
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);
|
||
});
|
||
}
|
||
}
|
||
};
|