From dbb5d11dd3cd760b7e6abd4e5f7ad87c22c7761d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jussi=20R=C3=A4s=C3=A4nen?= <jussi@skyred.fi>
Date: Sun, 27 Mar 2016 01:04:32 +0200
Subject: [PATCH] HTML generation with Mako instead of JS

---
 components/style/properties.html.mako | 55 +++++++--------------------
 1 file changed, 14 insertions(+), 41 deletions(-)

diff --git a/components/style/properties.html.mako b/components/style/properties.html.mako
index 4785415a0f4..d06524d3e13 100644
--- a/components/style/properties.html.mako
+++ b/components/style/properties.html.mako
@@ -20,48 +20,21 @@
     <section id='main' class="content mod">
       <h1 class='fqn'><span class='in-band'>CSS properties currently supported in <a class='mod' href=''>Servo</a></span></h1>
       <div id='properties' class='docblock'>
-        <em>Loading</em>
+        <table>
+          <tr>
+            <th>Property</th>
+            <th>Flag</th>
+            <th>Shorthand</th>
+          </tr>
+          % for prop in properties:
+            <tr>
+              <td>${prop}</td>
+              <td>${properties[prop]['flag']}</td>
+              <td>${properties[prop]['shorthand']}</td>
+            </tr>
+          % endfor
+        </table>
       </div>
     </section>
-
-    <script src="../jquery.js"></script>
-    <script>
-    (function() {
-      "use strict";
-      //
-      // Renders list of properties into a table.
-      //
-      function updatePropertyList (properties) {
-        var compiledTable = $('<table></table>');
-        
-        var header = $('<tr></tr>');
-        header.append('<th>Property</th>');
-        header.append('<th>Flag</td>');
-        header.append('<th>Shorthand</th>');
-        compiledTable.append(header);
-
-        for (var property in properties) {
-          if (properties.hasOwnProperty(property)) {
-            var tr = $('<tr></tr>');
-            tr.append('<td>' + property + '</td>');
-            if (!properties[property].flag) {
-              tr.append('<td>-</td>');
-            } else {
-              tr.append('<td>' + properties[property].flag + '</td>');
-            }
-            tr.append('<td>' + properties[property].shorthand + '</td>');
-            compiledTable.append(tr);
-          }
-        }
-
-
-        $('#properties').html(compiledTable);
-      }
-
-      $.get('./css-properties.json').success(updatePropertyList).error(function () {
-        $('#properties').html("<p>Unable to load json.</p>");
-      });
-    }());
-    </script>
 </body>
 </html>