Add links to filmstrip and graph comparison views from trendurl.php

www/benchmarks/trendurl.php

 <?php
 chdir('..');
 include 'common.inc';
 include './benchmarks/data.inc.php';
 $page_keywords = array('Benchmarks','Webpagetest','Website Speed Test','Page Spe ed');
 $page_description = "WebPagetest benchmark details";
 $aggregate = 'median';
 if (array_key_exists('aggregate', $_REQUEST))
 $aggregate = $_REQUEST['aggregate'];
 $benchmark = '';
@@ skipping 53 matching lines @@
 <option value="183" <?php if ($days == 183) echo "se lected"; ?>>6 Months</option>
 <option value="366" <?php if ($days == 366) echo "se lected"; ?>>Year</option>
 <option value="all" <?php if ($days == 0) echo "sele cted"; ?>>All</option>
 </select>
 </form>
 </div>
 </div>
 <div style="clear:both;">
 </div>
 <script type="text/javascript">
- function SelectedPoint(meta, time) {
+ function SelectedPoint(meta, time, cached) {
 <?php
 echo "var url = \"$url\";\n";
 echo "var medianMetric=\"$median_metric\";\n";
 ?>
 var menu = '<div><h4>View test for ' + url + '</h4>';
+var compare = "/video/compare.php?ival=100&medianMetric=" + medi anMetric + "&tests=";
+var graph_compare = "/graph_page_data.php?tests=";
 time = parseInt(time / 1000, 10);
 var ok = false;
 if (meta[time] != undefined) {
 for(i = 0; i < meta[time].length; i++) {
 ok = true;
 menu += '<a href="/result/' + meta[time][i]['test'] + '/ ?medianMetric=' + medianMetric + '" target="_blank">' + meta[time][i]['label'] + '</a><br>';
+if (i) {
+compare += ",";
+graph_compare += ",";
+}
+compare += encodeURIComponent(meta[time][i]['test'] + "-l:" + meta[time][i]['label'].replace("-","").replace(":","") + "-c:" + (cach ed ? 1 : 0));
+graph_compare += encodeURIComponent(meta[time][i]['t est'] + "-l:" + meta[time][i]['label'].replace("-","").replace(":",""));
 }
+graph_compare += "&" + (cached ? "rv" : "fv") + "=1";
+menu += '<br><a href="' + compare + '">Filmstrip Comparison< /a>';
+menu += '<br><a href="' + graph_compare + '">Graph Compariso n</a>';
 }
 menu += '</div>';
 if (ok) {
 $.modal(menu, {overlayClose:true});
 }
 }
 </script>
 <?php
 }
 $metrics = array('docTime' => 'Load Time (onload)',·
@@ skipping 117 matching lines @@
 var {$id}meta = " . json_encode($meta) . ";
 $id = new Dygraph(
 document.getElementById(\"$id\"),
 \"" . str_replace("\t", '\t', str_replace("\n", '\n', $tsv)) . "\",
 {drawPoints: true,
 rollPeriod: 1,
 showRoller: true,
 labelsSeparateLines: true,
 colors: ['#ed2d2e', '#008c47', '#1859a9', '#662c91', '#f37d2 2', '#a11d20', '#b33893', '#010101'],
 labelsDiv: document.getElementById('{$id}_legend'),
- pointClickCallback: function(e, p) {SelectedPoint({$id}meta,   p.xval);},
+ pointClickCallback: function(e, p) {SelectedPoint({$id}meta,   p.xval, false);},
 $chart_title
 legend: \"always\"}
 );";
 if (isset($annotations) && count($annotations)) {
 echo "$id.setAnnotations(" . json_encode($annotations) . ");\n";
 }
 echo "</script>\n";
 }
 if (!array_key_exists('fvonly', $benchmark) || !$benchmark['fvonly']) {
 if (isset($title))
@@ skipping 24 matching lines @@
 var {$id}meta = " . json_encode($meta) . ";
 $id = new Dygraph(
 document.getElementById(\"$id\"),
 \"" . str_replace("\t", '\t', str_replace("\n", '\n', $t sv)) . "\",
 {drawPoints: true,
 rollPeriod: 1,
 showRoller: true,
 labelsSeparateLines: true,
 colors: ['#ed2d2e', '#008c47', '#1859a9', '#662c91', '#f 37d22', '#a11d20', '#b33893', '#010101'],
 labelsDiv: document.getElementById('{$id}_legend'),
- pointClickCallback: function(e, p) {SelectedPoint({$id}m  eta, p.xval);},
+ pointClickCallback: function(e, p) {SelectedPoint({$id}m  eta, p.xval, true);},
 $chart_title
 legend: \"always\"}
 );";
 if (isset($annotations) && count($annotations)) {
 echo "$id.setAnnotations(" . json_encode($annotations) . ");\n";
 }
 echo "</script>\n";
 }
 }
 }····
 ?>