Extract reusable templates from the Flash Services package

flash/templates/home.html

@@ -2,8 +2,14 @@
 {% block body %}<main>
   <div class="dashboard">
     {% for service_id, service in config.services.items() %}
-      {% set template = 'partials/{}.html'.format(service.TEMPLATE) %}
-      {% include template %}
+      <div id="{{ service_id }}" class="service-tile {{ service.service_name }}-tile">
+        <div class="service-caption">
+          <div class="service-name">{{ service.FRIENDLY_NAME }}</div>
+          <div class="project-name"></div>
+        </div>
+        {% set template = 'partials/{}.html'.format(service.TEMPLATE) %}
+        {% include template %}
+      </div>
     {% endfor %}
   </div>
-</main>{% endblock %}
+</main>{% endblock %}

flash/templates/partials/ci-section.html

@@ -0,0 +1,9 @@
+<section class="pane {{ service.service_name }}-pane">
+  {% for _ in range(4) %}
+    <div class="pane-item build-outcome">
+      <div class="message"></div>
+      <div class="elapsed"></div>
+      <div class="author"></div>
+    </div>
+  {% endfor %}
+</section>

flash/templates/partials/undefined-section.html

@@ -0,0 +1,4 @@
+<div class="pane">
+  <p class="warning">No pane template defined for
+    {{ service.service_name }} service.</p>
+</div>

flash/templates/partials/vcs-section.html

@@ -0,0 +1,9 @@
+<section class="pane {{ service.service_name }}-pane">
+  {% for _ in range(4) %}
+    <div class="pane-item commit">
+      <div class="message"></div>
+      <div class="committed"></div>
+      <div class="author"></div>
+    </div>
+  {% endfor %}
+</section>

requirements.txt

@@ -1,7 +1,7 @@
 astroid==1.4.4
 colorama==0.3.7
 cookies==2.2.1
-flash-services==0.1.5
+flash-services==0.2.0
 Flask==0.10.1
 Flask-Humanize==0.3.0
 humanize==0.5.1