merged make curved with population of poperty fields

server/script/microdep-map.html

@@ -172,7 +172,8 @@ import LatLon from "./js/latlon-spherical.js";
 
   var conffile=[];   //Config file loaded initially
   var parms={};
-  
+  var start, end;  // startend time for current period
+ 
 var point_distance_min = 50;  // meters between
 var point_distance_stretch = 0.001;  // delta degrees
 var period_length = 86400; // a day - to be replaced by dynamic length
@@ -741,6 +742,9 @@ function link_popup(link){
 	+ '/trace/' + to_adr + '1.json' + '&to=' + link.to;
     html += '\n<p><button class=knapp><a title="See the routes graph and stats in this period" target="_blank" href="' + url + '">See routes'  + '</a></button>' + "\n";
 
+    url = 'microdep-curve.html?index=' + parms.net + '_jitter&from=' + link.from + '&to=' + link.to + '&event_type=jitter&property=h_ddelay&start=' + start + '&end=' + end + '&title="jitter plot"';
+    html += '\n<p><button class=knapp><a title="Curve over queues in this period" target="_blank" href="' + url + '">See queues</a></button>' + "\n";
+
 //    var knapp=" <button class=knapp onclick=document.open('javascript:document.documentElement.innerHTML=\"" + encodeURI(gap_list(link.from, link.to)) + "\"');>Gap list</button>";
     var knapp=" <button class=knapp onclick=document.open('javascript:document.write(\"" + encodeURI(gap_list(link.from, link.to)) + "\")');>Gap list</button>";
     // if( parms.debug) console.log(knapp);
@@ -757,7 +761,7 @@ function link_popup(link){
     html += '<button class=knapp><a href=' + fix_url( document.location.href, "node", link.from ) + '>' + link.from + '</a></button>';
     html += ', <button class=knapp><a href=' + fix_url( document.location.href, "node", link.to ) + '>' + link.to + '</a></button>';
     */
-    
+    // html+='</body>';
     return html;
 }
 
@@ -1102,8 +1106,8 @@ function draw_links(hits, prop){
 }
 
 function get_topology(){
-    var start = new Date($("#datepicker").val() + " 00:00:00").getTime()/1000;
-    var end= new Date($("#datepicker").val() + " 23:59:59").getTime()/1000;
+    start = new Date($("#datepicker").val() + " 00:00:00").getTime()/1000;
+    end= new Date($("#datepicker").val() + " 23:59:59").getTime()/1000;
     var network=parms.net;
     var url="microdep-config.cgi?variant=mp-" + network + "&start=" + start + "&end=" + end;
     $.getJSON( url,
@@ -1597,7 +1601,6 @@ function report_summary(div_id){
   function add_tab(title, num_tabs, html){
 
       let divid='tab' + num_tabs;
-      let input_id = divid + "_input";
       let table_id = divid + "_table";
 
       let new_tab=$("main#tabs ul").append(
@@ -1763,7 +1766,6 @@ function get_connections(){
 
     var hour=0;
     var period=$("#period").val();
-    var start, end;
     var now=new Date();
 
     if ( refresh_active){