add key to hide hover

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)
+		}
+
+
+}
+});

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;