From b1ce3b3fed85b470cd178d725417e47105f0736f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Laufk=C3=B6tter?=
 <tlaufkoetter@techfak.uni-bielefeld>
Date: Thu, 21 Jan 2016 18:43:30 +0100
Subject: [PATCH] rudimentary webpage for displaying biobox data. refs #1

---
 app/templates/bioboxes.html | 76 ++++++++++++++++++++++++++++++++++++-
 app/templates/index.html    |  4 +-
 2 files changed, 77 insertions(+), 3 deletions(-)

diff --git a/app/templates/bioboxes.html b/app/templates/bioboxes.html
index 838edc7..7132ef5 100644
--- a/app/templates/bioboxes.html
+++ b/app/templates/bioboxes.html
@@ -1,5 +1,77 @@
 {% extends "base.html" %}
 {% block content %}
-    <h1>Bioboxes</h1>
-
+    <div class="container">
+        <h1>Bioboxes</h1>
+        <div class="panel-group" id="bioboxes">
+            {% for box in boxes %}
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <a data-toggle="collapse" data-parent="#bioboxes" href="#{{ box.pmid }}">
+                                {{ box.title }}
+                            </a>
+                        </h4>
+                    </div>
+                    <div id="{{ box.pmid }}" class="panel-collapse collapse">
+                        <div class="panel-body">
+                            <table class="table table-striped">
+                                <tbody>
+                                <tr>
+                                    <td>Dockerhub</td>
+                                    <td>
+                                        <a href="https://hub.docker.com/r/{{ box.image.dockerhub }}">{{ box.image.dockerhub }}</a>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>Repo</td>
+                                    <td><a href="{{ box.image.repo }}">{{ box.image.repo }}</a></td>
+                                </tr>
+                                {% if box.image.source %}
+                                    <tr>
+                                        <td>Source</td>
+                                        <td><a href="{{ box.image.source }}">{{ box.image.source }}</a></td>
+                                    </tr>
+                                {% endif %}
+                                <tr>
+                                    <td>pmid</td>
+                                    <td>{{ box.pmid }}</td>
+                                </tr>
+                                {% if box.homepage %}
+                                    <tr>
+                                        <td>Homepage</td>
+                                        <td><a href="{{ box.homepage }}">{{ box.homepage }}</a></td>
+                                    </tr>
+                                {% endif %}
+                                {% if box.mailing_list %}
+                                    <tr>
+                                        <td>Mailing list</td>
+                                        <td><a href="{{ box.mailing_list }}">{{ box.mailing_list }}</a></td>
+                                    </tr>
+                                {% endif %}
+                                <tr>
+                                    <td>Description</td>
+                                    <td><p>{{ box.description }}</p></td>
+                                </tr>
+                                <tr>
+                                    <td>Tasks</td>
+                                    <td></td>
+                                </tr>
+                                {% for task in box.tasks %}
+                                    <tr>
+                                        <td></td>
+                                        <td>name: {{ task.name }}</td>
+                                    </tr>
+                                    <tr>
+                                        <td></td>
+                                        <td>interface: {{ task.interface }}</td>
+                                    </tr>
+                                {% endfor %}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+    </div>
 {% endblock %}
\ No newline at end of file
diff --git a/app/templates/index.html b/app/templates/index.html
index ca5b659..a089eae 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -1,4 +1,6 @@
 {% extends "base.html" %}
 {% block content %}
-<h1>{{ title }}</h1>
+    <div class="container">
+        <h1>{{ title }}</h1>
+    </div>
 {% endblock %}
\ No newline at end of file