set bg-color to user-agent language's column

znz · znz · commit 86cc76638685 · 2014-05-10T09:46:04.000+09:00
- add colgroup and thead
- languages map from /index.html
- set background-color to User-Agent language's column
diff --git a/_plugins/translation_status.rb b/_plugins/translation_status.rb
@@ -24,10 +24,20 @@ module TranslationStatus
       </p>
 
       <table>
+      <colgroup>
+        <col>
+      <% LANGS.each do |lang| -%>
+        <col class="<%= lang %>">
+      <% end -%>
+      </colgroup>
+      <thead>
       <%= table_header %>
+      </thead>
+      <tbody>
       <% posts.each do |post| -%>
       <%=  table_row(post) %>
       <% end -%>
+      </tbody>
       </table>
     EOF
 
diff --git a/admin/translation-status/index.html b/admin/translation-status/index.html
@@ -36,5 +36,32 @@ <h1>News Post Translation Status</h1>
 
 {% translation_status %}
 
+    <script type="text/javascript">
+      var languages = {
+        "bg":    "bg",
+        "de":    "de",
+        "es":    "es",
+        "fr":    "fr",
+        "id":    "id",
+        "it":    "it",
+        "ja":    "ja",
+        "ko":    "ko",
+        "pl":    "pl",
+        "pt":    "pt",
+        "ru":    "ru",
+        "tr":    "tr",
+        "vi":    "vi",
+        "zh-CN": "zh_cn",
+        "zh-TW": "zh_tw"
+      };
+
+      var code = window.navigator.language || window.navigator.userLanguage || "en";
+      if (code.substr(0,2) !== "zh") { code = code.substr(0,2); }
+
+      var language = languages[code];
+      if (language) {
+        document.write('<style type="text/css">.'+language+'{background-color:lightgray}</style>');
+      }
+    </script>
 </body>
 </html>
