diff --git a/README.md b/README.md index 8c6c3c4..b70f6c4 100644 --- a/README.md +++ b/README.md @@ -112,6 +112,10 @@ install bash on all of them for i in {1..26}; do echo $i;ssh pi@hugvey$i.local "cd hugvey && sudo bash install_server.sh"; done ``` +make them say their number +```bash +for i in {1..26}; do echo $i;ssh pi@hugvey$i.local "espeak -f /etc/hostname"; done +``` ### Monitoring the server processes diff --git a/www/js/hugvey_timeline.js b/www/js/hugvey_timeline.js index 8dc3fbf..e52d869 100644 --- a/www/js/hugvey_timeline.js +++ b/www/js/hugvey_timeline.js @@ -1,5 +1,7 @@ var ws = new ReconnectingWebSocket( window.location.origin.replace('http', 'ws') +'/ws', null, { debug: false, reconnectInterval: 3000 } ); +var seeme = true + //request close before unloading window.addEventListener('beforeunload', function(){ ws.close(); @@ -96,7 +98,7 @@ checkbox.addEventListener('change', (event) => { for(let hv of msg['hugveys']){ console.log(hv['language'], hv['status']); let evenOdd = parseInt(hv['id'])%2 ? 'odd': 'even'; - let availableClass = hv['available'] ? 'is-available' : 'is-not-available' + let availableClass = hv['available'] ? 'is-available' : 'is-not-available' this.dataGroups.update({id: parseInt(hv['id']), content: 'Hugvey #'+hv['id'], className: `status-${hv['status']} ${availableClass} lang-${hv['language']} ${evenOdd}`}) } } @@ -183,3 +185,27 @@ checkbox.addEventListener('change', (event) => { } var tl = new Timeline(ws, document.getElementById('line'), 29); + + + +window.addEventListener('keypress', function(e){ + console.log(e.keyCode) + if(e.keyCode==46){ + if(seeme){ + seeme = false; + let options = { + showTooltips: false + }; + tl.timeline.setOptions(options) + } + else{ + seeme = true; + let options = { + showTooltips: true + }; + tl.timeline.setOptions(options) + } + + +} +}); diff --git a/www/timeline.html b/www/timeline.html index a228cbb..f509af6 100644 --- a/www/timeline.html +++ b/www/timeline.html @@ -29,10 +29,12 @@ border-color: black; border:none 0px; } + .vis-item.speech { background-color: greenyellow; border-color: green; border:none 0px; + color: greenyellow; } .vis-text,.vis-labelset .vis-label { @@ -104,7 +106,7 @@ font-size: 20pt; } .status-running.lang-en-GB{ background-color: #02547e; - + } .status-running.lang-fr-FR{ background: #5a434d;