Commit 5afc6bf3 authored by Jan Kiene's avatar Jan Kiene
Browse files

add different level graphs for WMOPS

rest of page is pretty much destroyed for now
parent 609d381f
Loading
Loading
Loading
Loading
+68 −47
Original line number Diff line number Diff line
@@ -44,7 +44,9 @@
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.stack.min.js"></script>

 <script type="text/javascript" src="graphs_wmops_flc.js"></script>
 <script type="text/javascript" src="graphs_wmops_flc_level_1.js"></script>
 <script type="text/javascript" src="graphs_wmops_flc_level_2.js"></script>
 <script type="text/javascript" src="graphs_wmops_flc_level_3.js"></script>
 <!-- <script type="text/javascript" src="graphs_wmops_basop.js"></script>-->
 <script type="text/javascript" src="graphs_wmops_flc_perOP.js"></script>
 <!-- <script type="text/javascript" src="graphs_wmops_basop_perOP.js"></script>-->
@@ -110,7 +112,18 @@
    <h1 id="sec:graph-wmops">IVAS FORMAT - Worst Case WMOPS Performance</h1>

      <div class="graph-container">
  <div id="wmops-graph"></div>
        <h2>Level 1 (13.2 - 80 kbps)</h2>
        <div id="wmops-graph-level1"></div>
      </div>

      <div class="graph-container">
        <h2>Level 2 (96 - 192 kbps)</h2>
        <div id="wmops-graph-level2"></div>
      </div>

      <div class="graph-container">
        <h2>Level 3 (256 - 512 kbps)</h2>
        <div id="wmops-graph-level3"></div>
      </div>

      <div class="graph-container" style="clear: both;">
@@ -559,39 +572,47 @@
    }

    $(document).ready(function () {
        var max = get_max_y_val_for_plotting(Graphs_WMOPS.wmops_worstcase.displays, 50);
        drawGraph($("#wmops-graph"), Graphs_WMOPS.wmops_worstcase, max);
        var max = get_max_y_val_for_plotting(Graphs_WMOPS_level_1.wmops_worstcase.displays, 50);
        drawGraph($("#wmops-graph-level1"), Graphs_WMOPS_level_1.wmops_worstcase, max);
    });
    $(document).ready(function () {
        var max = get_max_y_val_for_plotting(Graphs_WMOPS_level_2.wmops_worstcase.displays, 50);
        drawGraph($("#wmops-graph-level2"), Graphs_WMOPS_level_2.wmops_worstcase, max);
    });
    $(document).ready(function () {
        var max = get_max_y_val_for_plotting(Graphs_WMOPS_level_3.wmops_worstcase.displays, 50);
        drawGraph($("#wmops-graph-level3"), Graphs_WMOPS_level_3.wmops_worstcase, max);
    });

   var refData  = Graphs_WMOPS.wmops_worstcase.displays[0];
   var testData = Graphs_WMOPS.wmops_worstcase.displays[2];
   var testDataRs = Graphs_WMOPS.wmops_worstcase.displays[6];
   var nEntries = testData.data.length;

   if( testDataRs.data[nEntries-1][1] > testData.data[nEntries-1][1] ) { 
      testData = testDataRs;
   } 

   if(testData.data[nEntries-1][1] > refData.data[nEntries-1][1] ) { 
     document.getElementById("wmops_tl_l").style.color="#FF0000";
   } else if(testData.data[nEntries-1][1] > 0.97 * refData.data[nEntries-1][1] ) { 
     document.getElementById("wmops_tl_c").style.color="#FFFF00";
   } else { 
     document.getElementById("wmops_tl_r").style.color="#00FF00";
   }

  if(nEntries > 1) { 
    if( testData.data[nEntries-1][1] > 1.01 * testData.data[nEntries-2][1] ) { 
      document.getElementById("wmops_trend").innerHTML="&uarr;";
      document.getElementById("wmops_trend").style.color="#FF0000";
    } else if(testData.data[nEntries-1][1] < 0.99 * testData.data[nEntries-2][1] ) { 
     document.getElementById("wmops_trend").innerHTML="&darr;";
     document.getElementById("wmops_trend").style.color="#00FF00";
    } else { 
     document.getElementById("wmops_trend").innerHTML="&rarr;";
     document.getElementById("wmops_trend").style.color="#FFFFFF";
    }
  }
    // var refData  = Graphs_WMOPS.wmops_worstcase.displays[0];
    // var testData = Graphs_WMOPS.wmops_worstcase.displays[2];
    // var testDataRs = Graphs_WMOPS.wmops_worstcase.displays[6];
    // var nEntries = testData.data.length;
    //
    // if( testDataRs.data[nEntries-1][1] > testData.data[nEntries-1][1] ) { 
    //   testData = testDataRs;
    // } 
    //
    // if(testData.data[nEntries-1][1] > refData.data[nEntries-1][1] ) { 
    //   document.getElementById("wmops_tl_l").style.color="#FF0000";
    // } else if(testData.data[nEntries-1][1] > 0.97 * refData.data[nEntries-1][1] ) { 
    //   document.getElementById("wmops_tl_c").style.color="#FFFF00";
    // } else { 
    //   document.getElementById("wmops_tl_r").style.color="#00FF00";
    // }
    //
    // if(nEntries > 1) { 
    //   if( testData.data[nEntries-1][1] > 1.01 * testData.data[nEntries-2][1] ) { 
    //     document.getElementById("wmops_trend").innerHTML="&uarr;";
    //     document.getElementById("wmops_trend").style.color="#FF0000";
    //   } else if(testData.data[nEntries-1][1] < 0.99 * testData.data[nEntries-2][1] ) { 
    //   document.getElementById("wmops_trend").innerHTML="&darr;";
    //   document.getElementById("wmops_trend").style.color="#00FF00";
    //   } else { 
    //   document.getElementById("wmops_trend").innerHTML="&rarr;";
    //   document.getElementById("wmops_trend").style.color="#FFFFFF";
    //   }
    // }
  }


+11 −1
Original line number Diff line number Diff line
@@ -49,7 +49,17 @@ hr {
  background-color: #FF8000;
  border-radius: 20px;
}
#wmops-graph {
#wmops-graph-level1 {
 height:500px;
 width:1600px;
 float:left;
}
#wmops-graph-level2 {
 height:500px;
 width:1600px;
 float:left;
}
#wmops-graph-level3 {
 height:500px;
 width:1600px;
 float:left;