OSDN Git Service

Added a link from a player name to a LATEST game list.
[shogi-server/shogi-server.git] / mk_html
diff --git a/mk_html b/mk_html
index 62ef828..9977c9d 100755 (executable)
--- a/mk_html
+++ b/mk_html
@@ -48,10 +48,28 @@ def main
   file = YAML::load(lines)
   erb = ERB.new( DATA.read, nil, "%>" )
   tables = []
+  group_names = []
+  file["players"].keys.sort.each do |index|
+    if index < 999
+      group_names << "#{index}"
+    else
+      group_names << "Not-Yet-Rated Players"
+    end
+  end
 
-  file["players"].each do |key, yaml|
-    sorted_keys = yaml.keys.sort {|a,b| yaml[b]['rate'] <=> yaml[a]['rate']}
-
+  popup_id = 0
+
+  file["players"].sort.each do |key, yaml| # sort groups in the order written in players.yaml
+  sorted_keys = yaml.keys.sort do |a,b| 
+    # sort players in a group by one's rate
+    if yaml[b]['rate'] == 0 && yaml[a]['rate'] == 0
+      # mainly for not-rated-yet players
+      yaml[b]['last_modified'] <=> yaml[a]['last_modified']
+    else
+      yaml[b]['rate'] <=> yaml[a]['rate']
+    end
+  end 
+  top_rate = nil  
   table = ERB.new(<<ENDTABLE, nil, "%>")
 % sorted_keys.each do |key|
   <%
@@ -59,14 +77,49 @@ def main
     loss = yaml[key]['loss']
     win_rate = win.to_f / (win + loss)
     last_modified = yaml[key]['last_modified']
+    
+    player_decoration = "default"
+
+    case (Time.now - last_modified)/(60*60*24)
+    when (0..1) then player_decoration = "today"
+    when (0..7) then player_decoration = "this_week"
+    end
+    
+    case key
+    when "yowai_gps+95908f6c18338f5340371f71523fc5e3" then player_decoration = "yowai_gps"
+    when "gps+11648e4e66e7ed6a86cb7f1d0cf604fe"       then player_decoration = "gps"
+    end
+
+    rate = yaml[key]['rate']
+    top_rate ||= rate
+    diff_rate = rate - top_rate
+    diff_possibility = 1.0/(1.0 + 10**(-diff_rate/400.0))
   %>
-  <tr>
-    <td class="name">         <%= h yaml[key]['name'] %>            </td>
-    <td class="rate">         <%= "%5d"  % [ yaml[key]['rate'] ] %> </td>
-    <td class="ngames">       <%= "%5d"  % [ win ] %>               </td>
-    <td class="ngames">       <%= "%5d"  % [ loss ] %>              </td>
-    <td class="win_rate">     <%= "%.3f" % [win_rate] %>            </td>
-    <td class="last_modified"><%= show_date(last_modified) %>       </td>
+  <tr class="<%=player_decoration%>">
+    <td class="name">
+        <a id="popup<%=popup_id+=1%>" href="http://wdoor.c.u-tokyo.ac.jp/shogi/tools/view/latest-table.cgi?event=LATEST&user=<%= h yaml[key]['name'] %>"><%= h yaml[key]['name'] %></a>
+        <script type="text/javascript">
+          var tooltip<%=popup_id%> = new YAHOO.widget.Tooltip("myTooltip", {
+            context:"popup<%=popup_id%>",
+            text:"<%= h key %>" } );
+        </script>
+    </td>
+    <td class="rate">
+        <span id="popup<%=popup_id+=1%>"><%= rate != 0 ? "%5d"  % [ rate ] : "N/A" %></span>
+        <script type="text/javascript">
+          var tooltip<%=popup_id%> = new YAHOO.widget.Tooltip("myTooltip", {
+            context:"popup<%=popup_id%>",
+            text:"Behind <%= "%5d" % [ diff_rate ] %> (<%= "%.3f" % [ diff_possibility ] %>)" } );
+        </script>
+    </td>
+    <td class="ngames">
+        <%= "%5d"  % [ win ] %>  </td>
+    <td class="ngames">
+        <%= "%5d"  % [ loss ] %> </td>
+    <td class="win_rate">
+        <%= "%.3f" % [win_rate] %> </td>
+    <td class="last_modified">
+        <%= show_date(last_modified) %> </td>
   </tr>
 % end
 ENDTABLE
@@ -89,33 +142,43 @@ __END__
 <head>
   <title>Shogi Server Rating</title>
   <link rel="StyleSheet" type="text/css" href="http://wdoor.c.u-tokyo.ac.jp/shogi/shogi.css">
+  <!-- CSS --> 
+  <!-- License: http://developer.yahoo.com/yui/license.html -->
+  <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.4.1/build/reset-fonts-grids/reset-fonts-grids.css"> 
+  <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.4.1/build/base/base-min.css"> 
+  <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.4.1/build/container/assets/container.css"> 
+  <!-- Dependencies --> 
+  <script type="text/javascript" src="http://yui.yahooapis.com/2.4.1/build/yahoo-dom-event/yahoo-dom-event.js"></script> 
+  <!-- OPTIONAL: Animation (only required if enabling Animation) --> 
+  <script type="text/javascript" src="http://yui.yahooapis.com/2.4.1/build/animation/animation-min.js"></script> 
+  <!-- Source file --> 
+  <script type="text/javascript" src="http://yui.yahooapis.com/2.4.1/build/container/container-min.js"></script>
   <style type="text/css"><!--
-    BODY {margin: 10px 60px;
-          text-align: center;}
     TABLE {margin-left: auto;
-           margin-right: auto;
-           border-collapse: collapse;
-           border: solid 2px;}
+           margin-right: auto;}
     CAPTION { caption-side: left;}
-    TH    {border: solid 1px;}
-    TD    {padding-left: 10px;
-           padding-right: 10px;
-           border: solid 1px;}
-    .name {text-align: center;}
+    .name {text-align: center;
+           width: 180px;}
     .rate, .ngames, .win_rate {text-align: right;}
-    .last_modified {text-align: left;}
+    .last_modified {text-align: center;}
+    .gps, .yowai_gps {background-color: lightgreen;}
+    .today     {background-color: #FFD700;}
+    .this_week {background-color: #FFDAB9;}
 
-    DIV.footer {text-align: right;
-                font-size: 80%;}
+    #bd {text-align: center;}
+    #ft {text-align: right;}
   --></style>
 </head>
-<body>
+<body><div id="doc">
+
+<div id="hd"></div>
 
+<div id="bd">
 <h1>Shogi Server Rating</h1>
 
 % tables.each_with_index do |t, index|
 <table>
-<caption>Group: <%=index%></caption>
+<caption>Group: <%=group_names[index]%></caption>
 <colgroup>
   <col class="name">
   <col class="rate">
@@ -130,7 +193,7 @@ __END__
   <th>rate</th> 
   <th>win</th> 
   <th>loss</th> 
-  <th>win_rate</th> 
+  <th>&#37;</th> 
   <th>last_modified</th>
 </tr>
 </thead>
@@ -148,12 +211,14 @@ __END__
 <p><a href="http://wdoor.c.u-tokyo.ac.jp/shogi/">BACK</a>
 
 <hr/>
+</div>
+
 
-<div class="footer">
+<div id="ft">
   <p>Last modified at <%=Time.now%>
   <p>$Revision$
 </div>
 
-</body>
+</div></body>
 </html>