X-Git-Url: https://git.realraum.at/?a=blobdiff_plain;f=raspberry-kiosk%2Fkiosk.js;h=420e5af709c0e32cb68a1e17694a4e50c319116f;hb=d9e249eb64a7006e4d8b729f5dce8dc538a3756f;hp=338f8da899b8471f72b101c64497d7bd9e9f0a4f;hpb=ada40a47ddd05e721fa8b449bd0e6e9b9aee0949;p=svn42.git diff --git a/raspberry-kiosk/kiosk.js b/raspberry-kiosk/kiosk.js index 338f8da..420e5af 100644 --- a/raspberry-kiosk/kiosk.js +++ b/raspberry-kiosk/kiosk.js @@ -1,6 +1,17 @@ +function min(a,b) +{ + if (a > b) + return b; + else + return a; +} + function writeGooglePlusEvents(data, elem) { var ghtml = ""; + //var gplusimgwidth = parseInt($('').css("width")); + var gplusimgwidth = 495; + var minimgwidth=78; for (var i=0; i< data.items.length; i++) { var item = data.items[i]; @@ -19,7 +30,7 @@ function writeGooglePlusEvents(data, elem) noteimgs.push(attach[a].thumbnails[t].image.url); } } - else if ( attach[a].objectType == "photo") + else if ( attach[a].objectType == "photo" || attach[a].objectType == "video") { noteimgs.push(attach[a].image.url); } @@ -34,10 +45,32 @@ function writeGooglePlusEvents(data, elem) ghtml += '

'+notetxt+'

'; if (noteimgs.length>0) { + var bigimglimit; ghtml += '
'; - for (var ni=0; ni 3) { - ghtml += ''; + var gplusimgmaxwidth = gplusimgwidth - (minimgwidth * ((noteimgs.length -1) / 3)); + bigimglimit = "max-height:"+(minimgwidth*3)+"px; max-width:"+gplusimgmaxwidth+"px;" + ghtml += ''; + for (var ni=1; ni
'; + } + ghtml += ''; + } + } + else + { + var gplusimgmaxwidth = gplusimgwidth / noteimgs.length; + bigimglimit = "max-width:"+gplusimgmaxwidth+"px;" + for (var ni=0; ni'; + } } ghtml += '
'; } @@ -57,10 +90,25 @@ function loadGooglePlusEvents() }); } +function weekday2str(dow) +{ + var weekday=new Array(7); + weekday[0]="So"; + weekday[1]="Mo"; + weekday[2]="Di"; + weekday[3]="Mi"; + weekday[4]="Do"; + weekday[5]="Fr"; + weekday[6]="Sa"; + weekday[7]="So"; + if (dow >=0 && dow <=7) + return weekday[dow]; + else + return ""; +} -function writeCalendar(data, elem) +function calendarItemEnhancer(data) { - var calhtml = ""; for (var s=0; s'+data[s].title+''+"\n"; + data[s].when = when } - elem.innerHTML=''; + return data +} + +function loadCalendarKiosk() +{ + var calcontainer=document.getElementById("grical_upcoming_kiosk"); + $.getJSON('/shmcache/grical_realraum.json', function(data){ + var calhtml = ""; + $.each(calendarItemEnhancer(data), function(index, itm) { + calhtml += '
  • '+itm.when+' - '+itm.title+'
  • '+"\n"; + }); + calcontainer.innerHTML=''; + }); } -function loadCalendar() + +function loadCalendarMainPage() { //old URI: //grical.realraum.at/s/?query=!realraum&limit=9&view=json var calcontainer=document.getElementById("grical_upcoming"); $.getJSON('/shmcache/grical_realraum.json', function(data){ - writeCalendar(data, calcontainer); + var calhtml = ""; + $.each(calendarItemEnhancer(data), function(index, itm) { + calhtml += '
  • '+itm.when+' - '+itm.title+'
  • '+"\n"; + }); + calcontainer.innerHTML=''; }); } + +function drawGauge(targetelem, label, temp, options) { + var data = google.visualization.arrayToDataTable([["Label", "Value"],[label,temp]]); + // Create and draw the visualization. + if (targetelem) + { + options["width"] = targetelem.getAttribute("width"); + options["height"] = targetelem.getAttribute("height"); + var chart = new google.visualization.Gauge(targetelem); + chart.draw(data, options); + } +} + +function drawLineGraph(targetelem, dataarray, options) { + if (dataarray) { + var data = google.visualization.arrayToDataTable(dataarray); + // Create and draw the visualization. + if (targetelem) + { + options["width"]= targetelem.getAttribute("width"); + options["height"]=targetelem.getAttribute("height"); + new google.visualization.LineChart(targetelem).draw(data, options); + } + } +} + +function loadAndDrawSensorData() { + $.getJSON("https://realraum.at/shmcache/r3sensors.json", function(data){ + drawLineGraph(document.getElementById('tempgooglegraph'), data["TempSensorUpdate"], + {curveType: "function", title: 'Temperature Sensors', colors: ['#FF0000','#CC0033','#660000','#CC3333'], chartArea:{left:32,top:20,width:"88%",height:"83%"}, legend: {position: "none"}} ); + drawLineGraph(document.getElementById('lightgooglegraph'), data["IlluminationSensorUpdate"], + {curveType: "none", title: 'Illumination Sensors', vAxis: {maxValue: 1024, minValue:5}, chartArea:{left:32,top:20,width:"88%",height:"83%"}, legend: {position: "none"}} ); + drawLineGraph(document.getElementById('movementgooglegraph'), data["MovementSensorUpdate"], + {curveType: "none", title: 'Movement Sensors', vAxis: {maxValue: 10, minValue:0}, chartArea:{left:32,top:20,width:"88%",height:"83%"}, legend: {position: "none"}} ); + }); +} + function writeAnwesenheitStatus(data) { var html=""; @@ -107,24 +216,71 @@ function writeAnwesenheitStatus(data) iconuri=data.icon.closed; statuscolor="red"; } - html='
    '+data.status+'
    '; - document.getElementById('anwesenheit_status').innerHTML=html; + var anwesenheit_status_kiosk = document.getElementById('anwesenheit_status_kiosk'); + var anwesenheit_status_frontpage = document.getElementById('anwesenheit_status'); + if (anwesenheit_status_kiosk) + { + anwesenheit_status_kiosk.innerHTML='
    '+data.status+'
    '; + } + if (anwesenheit_status_frontpage) + { + anwesenheit_status_frontpage.innerHTML='
    '+data.status+'
    '; + } if (data.sensors) { - for (var s=0; s
    '+swhere+': '+svalue+''; - }); + sensorstd+='Temperatur'; + $.each( data.sensors.temperature, function(s, sensorobj) { + sensorstd+='
    '+sensorobj.location+': '+sensorobj.value.toFixed(2)+sensorobj.unit; + drawGauge(document.getElementById('tempgauge'), "Temp "+sensorobj.location, sensorobj.value, {redFrom: 33, redTo: 40, yellowFrom:29, yellowTo: 33, minorTicks: 4, min:0, max:40}); }); + sensorstd+=''; + } + if (data.sensors.ext_illumination) + { + sensorstd+='Licht'; + $.each( data.sensors.ext_illumination, function(s, sensorobj) { + sensorstd+='
    '+sensorobj.location+': '+sensorobj.value; + drawGauge(document.getElementById('lightgauge'), "Licht "+sensorobj.location, sensorobj.value, {redFrom: 950, redTo: 1024,yellowFrom:0, yellowTo: 200,minorTicks: 4, min:0, max:1024}); + }); + sensorstd+=''; + } + if (data.sensors.door_locked) + { + sensorstd+='Eingangstür'; + $.each( data.sensors.door_locked, function(s, sensorobj) { + var lockstatus="Auf"; + if (sensorobj.value) { lockstatus = "Zu"; } + sensorstd+='
    '+sensorobj.location+': '+lockstatus; + }); + sensorstd+=''; + } + if (data.sensors.ext_door_ajar) + { + sensorstd+='Türkontakt'; + $.each( data.sensors.ext_door_ajar, function(s, sensorobj) { + var lockstatus="Auf"; + if (sensorobj.value) { lockstatus = "Zu"; } + sensorstd+='
    '+sensorobj.location+': '+lockstatus; + }); + sensorstd+=''; + } + if (data.sensors.ext_dust) + { + sensorstd+='Staub'; + $.each( data.sensors.ext_dust, function(s, sensorobj) { + sensorstd+='
    '+sensorobj.location+': '+sensorobj.value+sensorobj.unit+''; + }); + sensorstd+=''; + + } + if (sensorstd != "") + { + sensorshtml=''+sensorstd+'
    '; + document.getElementById('sensor_status').innerHTML=sensorshtml; } - } - if (sensorstd != "") - { - sensorshtml=''+sensorstd+'
    '; - document.getElementById('sensor_status').innerHTML=sensorshtml; } } @@ -138,31 +294,6 @@ function updateAnwesenheitStatus() //req.send(null); var jqxhr = $.getJSON(url, writeAnwesenheitStatus); } -var anwesenheit_timer = window.setInterval("updateAnwesenheitStatus()", 10000); - -function updateSensors() -{ - reloadImg(document.getElementById("tempsensor")); - reloadImg(document.getElementById("movementsensor")); - reloadImg(document.getElementById("lightsensor")); -} - -var timer; -var seconds = 0; -var schedule = Array() - -$(document).ready(function() -{ - updateDateClock(new Date()); - setInterval("clock()", 500); - updateAnwesenheitStatus(); - loadCalendar(); - loadGooglePlusEvents(); - setInterval("updateAnwesenheitStatus()", 10000); - setInterval("loadCalendar()", 123*1000); - setInterval("updateSensors()",125*1000); - setInterval("loadGooglePlusEvents()", 1207*1000); -}); function updateDateClock(now) { @@ -182,14 +313,14 @@ function highlightEntry(idx, color, value) if(value == 0) { if(idx%2 == 0) $('#upnext' + idx).css('background-color', 'white'); - else + else $('#upnext' + idx).css('background-color', '#E0E0E0'); } else { $('#upnext' + idx).css('background-color', color); } } - +var seconds = 0; function clock(now) { var now = new Date(new Date().valueOf() + 300); @@ -200,39 +331,91 @@ function clock(now) } } -//function updateSchedule() -//{ -// $.ajax({type: "GET", url: "/export/schedules.php", data: "days=3&start=-1", dataType: "xml", error: showError, success: parseXml}); -//} - function showError(XMLHttpRequest, textStatus, errorThrown) { alert("Error: " + textStatus); } +function updateSensors() +{ + reloadImg(document.getElementById("tempsensor")); + reloadImg(document.getElementById("movementsensor")); + reloadImg(document.getElementById("lightsensor")); +} + function IsImageOk(img) { - if (!img.complete) { + if (!img.complete) + { return false; } - if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) { + if (typeof img.naturalWidth == "undefined" || (typeof img.naturalWidth == "number" && img.naturalWidth == 0)) + { return false; } return true; } +var img_orig_src = {}; +function reloadImgAlt(element) +{ + if(element.complete) + { + var new_image = new Image(); + //set up the new image + new_image.id = element.id; + new_image.className = element.className; + if (! img_orig_src[element.id]) + { + img_orig_src[element.id] = element.src; + } + new_image.src = img_orig_src[element.id] + "?dt="+Math.floor(new Date().getTime() / 1000).toString(); + if (IsImageOk(new_image)) + { + element.parentNode.insertBefore(new_image,element); + element.parentNode.removeChild(element); + } + } +} function reloadImg(element) { - //var image = document.getElementById("theText"); - if(element.complete) { - var new_image = new Image(); - //set up the new image - new_image.id = element.id; - new_image.className = element.className; - new_image.src = element.src; - if (IsImageOk(new_image)) - { - element.parentNode.insertBefore(new_image,element); - element.parentNode.removeChild(element); - } + if (! img_orig_src[element.id]) + { + img_orig_src[element.id] = element.src; } + element.src = img_orig_src[element.id] + "?dt="+Math.floor(new Date().getTime() / 1000).toString(); } + +$(document).ready(function() +{ + updateAnwesenheitStatus(); + setInterval("updateAnwesenheitStatus()", 10*1000); + if (document.getElementById("dateclock")) + { + updateDateClock(new Date()); + setInterval("clock()", 500); + } + if (document.getElementById("grical_upcoming_kiosk")) + { + loadCalendarKiosk(); + setInterval("loadCalendarKiosk()", 123*1000); + } + if (document.getElementById("grical_upcoming")) + { + loadCalendarMainPage(); + setInterval("loadCalendarMainPage()", 123*1000); + } + if (document.getElementById("sensorgraphs")) + { + setInterval("updateSensors()",145*1000); + } + if (document.getElementById("tempgooglegraph") || document.getElementById("lightgooglegraph")) + { + loadAndDrawSensorData(); + setInterval("loadAndDrawSensorData()",145*1000); + } + if (document.getElementById("gplusevents")) + { + loadGooglePlusEvents(); + setInterval("loadGooglePlusEvents()", 1207*1000); + } +});