libs/js/jquery-mobile-1.0.1pre/tests/speed/stats/visualize/visualize.js

   1 (function($) {
   2         // TODO this is entire thing sucks
   3         $(function() {
   4                 var searchMap = (function() {
   5                         var searchSplit, searchMap = {};
   6
   7                         if ( !location.search ){
   8                                 return searchMap;
   9                         }
  10
  11                         searchSplit = location.search.replace(/^\?/, "").split( /&|;/ );
  12
  13                         for( var i = 0; i < searchSplit.length; i++ ) {
  14                                 var kv = searchSplit[i].split(/=/);
  15                                 searchMap[ kv[0] ] = kv[1];
  16                         }
  17
  18                         return searchMap;
  19                 })();
  20
  21                 $.get("../", searchMap, function(data) {
  22                         $.each(data, function( i, avg ) {
  23                                 var tablename = avg.point + " " + avg.agent + " " + avg.agent_version + " " + avg.pathname,
  24                                         $table = $( "table > caption:contains(" + tablename + ")").parent();
  25
  26                                 if( !$table.length ) {
  27                                         $table = $( "<table></table>", {
  28                                                 "data-pathname": avg.pathname,
  29                                                 "data-point": avg.point,
  30                                                 "data-agent": avg.agent,
  31                                                 "data-agent-version": avg.agent_version
  32                                         });
  33
  34                                         $table.append( "<caption>" + tablename + "</caption>");
  35                                         $table.append( "<thead><tr></tr></thead>" );
  36                                         $table.append( "<tbody><tr></tr></tbody>" );
  37                                 }
  38
  39                                 // TODO assume time ordering in the data set
  40                                 var $heading = $table.find("thead > tr > th:contains(" + avg.day + ")");
  41
  42                                 if( !$heading.length ) {
  43                                         $heading = $("<th></th>", {
  44                                                 text: avg.day,
  45                                                 scope: "column"
  46                                         });
  47
  48                                         $table.find("thead > tr").append($heading);
  49                                 }
  50
  51                                 var $rowHeading = $table.find("tbody > tr > th:contains(" + avg.point + ")" ),
  52                                         $row = $table.find( "tbody > tr" );
  53
  54                                 if( !$rowHeading.length ) {
  55                                         $rowHeading = $("<th></th>", {
  56                                                 text: avg.point,
  57                                                 scope: "row"
  58                                         });
  59
  60                                         $row.append( $rowHeading );
  61                                 }
  62
  63                                 $row.append( "<td>" + avg.avg_value + "</td>" );
  64
  65                                 $("#tables").append($table);
  66                         });
  67
  68                         $("#tables table").visualize({ type: "bar", width: 400, height: 400 }).appendTo("#graphs");
  69                 });
  70         });
  71 })(jQuery);