Add basic Machine Provider UI

appengine/machine_provider/templates/catalog.html

Index: appengine/machine_provider/templates/catalog.html
diff --git a/appengine/machine_provider/templates/catalog.html b/appengine/machine_provider/templates/catalog.html
new file mode 100644
index 0000000000000000000000000000000000000000..427f25af62dc6075a4e17d638fad21623c74ae27
--- /dev/null
+++ b/appengine/machine_provider/templates/catalog.html
@@ -0,0 +1,41 @@
+{% extends "templates/base.html" %}
+{% import "templates/macros.html" as macros %}
+{% block content %}
+<h2>Catalog</h2>
+{% if next_page_token %}
+  <a href="/catalog?page_token={{next_page_token}}">Next page</a>
+{% endif %}
+<table>
+  <tr>
+    <th>Backend</th>
+    <th>Hostname</th>
+    <th>Dimensions</th>
+    <th>State</th>
+    <th>Lease ID</th>
+  </tr>
+  {% for machine in machines %}
+  <tr>
+    <td>{{machine.dimensions.backend}}</td>
+    <td>{{machine.dimensions.hostname}}</td>
+    <td>{{macros.render_message(machine.dimensions)}}</td>
+    <td>
+    {{machine.state}}
+    {% if machine.lease_expiration_ts %}
+      until {{machine.lease_expiration_ts}}
+      {% if machine.lease_expiration_ts <= now %}
+        (reclaiming)

[M-A Ruel, 2016/07/30 01:41:58]

(expired) would be a better term, because reclaiming imply something is
happening underneath but that's not what the condition above is looking for.

[smut, 2016/08/02 23:26:33]

Done.

+      {% endif %}
+    {% endif %}
+    </td>
+    <td>
+    {% if machine.lease_id %}
+      <a href="/leases/{{machine.lease_id}}">{{machine.lease_id}}</a>
+    {% endif %}
+    </td>
+  </tr>
+  {% endfor %}
+</table>
+{% if next_page_token %}
+  <a href="/catalog?page_token={{next_page_token}}">Next page</a>
+{% endif %}
+{% endblock %}