Add simple theme functionality

Author: kenjis

index.php

@@ -1,9 +1,27 @@
 <?php
 
-require __DIR__ . '/libs/parse_results.php';
-require __DIR__ . '/libs/make_graph.php';
+Parse_Results: {
+    require __DIR__ . '/libs/parse_results.php';
+    $results = parse_results(__DIR__ . '/output/results.hello_world.log');
+}
+
+Load_Theme: {
+    $theme = isset($_GET['theme']) ? $_GET['theme'] : 'default';
+    if (! ctype_alnum($theme)) {
+        exit('Invalid theme');
+    }
 
-$results = parse_results(__DIR__ . '/output/results.hello_world.log');
+    if ($theme === 'default') {
+        require __DIR__ . '/libs/make_graph.php';
+    } else {
+        $file = __DIR__ . '/libs/' . $theme . '/make_graph.php';
+        if (is_readable($file)) {
+            require $file;
+        } else {
+            require __DIR__ . '/libs/make_graph.php';
+        }
+    }
+}
 
 // RPS Benchmark
 list($chart_rpm, $div_rpm) = make_graph('rps', 'Throughput', 'requests per second');

libs/mruz/make_chart_parts.php

@@ -0,0 +1,56 @@
+<?php
+/**
+ * @copyright (c) 2013, Kenji Suzuki, Kenichi Ando, Naoaki Yamada, Yoshiyuki Yamamoto, Yuta Sakurai, Hitoshi Asano
+ * @license https://github.com/php-recipe/php-recipe-2nd/blob/master/LICENSE BSD-3-Clause
+ * @link https://github.com/php-recipe/php-recipe-2nd/blob/master/htdocs/php-recipe/04/06/make_chart_parts.php
+ */
+
+# グラフを描画するJavaScriptの関数とグラフを表示させる<div>タグを
+# 生成するユーザー定義関数を定義します。
+function makeChartParts($data, $options, $type)
+{
+  // JavaScriptの関数名、<div>タブのIDが
+  // 重複しないようにするための連番☆レシピ037☆（静的変数とは？）
+  static $index = 1;
+
+  // グラフの種類からAPIロード時の「packages」を確定し、APIロードを生成
+  $package = 'corechart';
+  $special_type = array('GeoChart', 'AnnotatedTimeLine','TreeMap', 'OrgChart',
+                        'Gauge', 'Table', 'TimeLine', 'GeoMap', 'MotionChart');
+  if (in_array($type, $special_type)) {
+    $package = strtolower($type);
+  }
+  $load = 'google.load("visualization", "1", {packages:["' . $package . '"]});';
+
+  // データとオプションをJSON形式へ
+  $jsData = json_encode($data);
+  $jsonOptions = json_encode($options);
+
+  // グラフを描画するJavaScript関数を生成
+  $chart = <<<CHART_FUNC
+    {$load}
+    google.setOnLoadCallback(drawChart{$index});
+    function drawChart{$index}() {
+      var data = {$jsData};
+      var chartData = new google.visualization.arrayToDataTable(data);
+      var view = new google.visualization.DataView(chartData);
+      view.setColumns([0, 1,
+                       { calc: "stringify",
+                         sourceColumn: 1,
+                         type: "string",
+                         role: "annotation" },
+                       2]);
+      var options = {$jsonOptions};
+      var chartDiv = document.getElementById('chart{$index}');
+      var chart = new google.visualization.{$type}(chartDiv);
+      chart.draw(view, options);
+    }\n
+CHART_FUNC;
+
+  // グラフを表示する<div>タグを生成
+  $div = '<div id="chart' . $index . '"></div>';
+
+  $index++;  // 連番を1加算しておく
+  return array($chart, $div);
+}
+/* ?>終了タグ省略 ☆レシピ001☆（サーバーのPHP情報を知りたい） */

libs/mruz/make_graph.php

@@ -0,0 +1,42 @@
+<?php
+
+require __DIR__ . '/make_chart_parts.php';
+
+function make_graph($id, $title, $hAxis_title)
+{
+    global $results;
+
+    $barColors = array(
+        'DarkBlue', 'DarkCyan', 'DarkGoldenRod', 'DarkGray', 'DarkGreen',
+        'DarkKhaki', 'DarkMagenta', 'DarkOliveGreen', 'DarkOrange', 'DarkOrchid',
+        'DarkRed', 'DarkSalmon', 'DarkSeaGreen', 'DarkSlateBlue', 'DarkSlateGray',
+        'DarkBlue', 'DarkCyan', 'DarkGoldenRod', 'DarkGray', 'DarkGreen',
+        'DarkKhaki', 'DarkMagenta', 'DarkOliveGreen', 'DarkOrange', 'DarkOrchid',
+        'DarkRed', 'DarkSalmon', 'DarkSeaGreen', 'DarkSlateBlue', 'DarkSlateGray',
+    );
+    $graphWidth  = 1000;
+    $graphHeight = 400;
+
+    $data = array();
+    $data[] = array('', $id, array('role' => 'style'));  // header
+
+    $colors = $barColors;
+    foreach ($results as $fw => $result) {
+        $data[] = array($fw, $result[$id], array_shift($colors));
+    }
+    //var_dump($data); exit;
+
+    $options = array(
+      'title'  => $title,
+      'titleTextStyle' => array('fontSize' => 16),
+      'hAxis'  => array('title' => $hAxis_title,
+                        'titleTextStyle' => array('bold' => true)),
+      'vAxis'  => array('minValue' => 0, 'maxValue' => 0.01),
+      'width'  => $graphWidth,
+      'height' => $graphHeight,
+      'bar'    => array('groupWidth' => '90%'),
+      'legend' => array('position' => 'none')
+    );
+    $type = 'ColumnChart';
+    return makeChartParts($data, $options, $type);
+}