Bilder der Plätze/Räume einfach anzeigen
Video: Reservierungssystrem - Vorschlag Bilder zu Plätzen zu ergänzen
Angedacht wäre, Bilder mit Benennungsschema "Bereich-Raum.jpg" (konkret: "lesesaal_2-platz_031.jpg") unter vm059:/drbd/www/www-wp/ext/mrbs/Themes/tubhh/img/arbeitsplaetze abzulegen.
Folgender Code grob könnte dann in https://collaborating.tuhh.de/tub/dd/applications/mrbs/-/blob/master/web/Themes/tubhh/header.inc ergänzt werden.
window.addEventListener("load", function () {
// Append area for image
var img_div = document.createElement('div');
img_div.style.float = 'right';
document.getElementById('div_rooms').appendChild(img_div);
load_image();
document.addEventListener('change', function (event) {
if (event.target.matches('#area, #rooms')) {
load_image();
}
}, true);
function load_image() {
// Initially selected values for area and room/seat
var tub_areas = document.getElementById('area');
var tub_areaName = tub_areas.options[tub_areas.selectedIndex].text;
var tub_rooms = document.getElementById('rooms');
var tub_roomName = tub_rooms.options[tub_rooms.selectedIndex].text;
// Image name: "tub_areaName"-"tub_roomName.jpg
var tub_img = tub_areaName.toLowerCase().replace(/ /, '_') + '-' + tub_roomName.toLowerCase().replace(/ /, '_') + '.jpg';
var tub_url = 'https://www.tub.tuhh.de/ext/mrbs/Themes/tubhh/img/arbeitsplaetze/'+tub_img;
var img = '<a href="'+tub_url+'" target="_blank"><img src="'+tub_url+'" height="150px" /></a>';
img_div.innerHTML = img;
}
});
Da das ganze nur mit tatsächlich vorhandenen Bilder sinnvoll ist, setzt ich mal ein Due Date. Wenn bis dahin keine Rückmeldung da ist, kann die Idee auch verklappt werden wieder.