import pharos dashboard code

JIRA: RELENG-12

The last commit was missing some JS/CSS dependencies of the site. This
happened because they are in folders that are named 'build' or 'dist'.
This commit adds a bower.json file, that specifies dependencies.
Dependencies can now be installed by running 'bower install' in the 
dashboard/static folder.

Change-Id: I054f319c66771f767e97711cb678d79d3bd6bee4
Signed-off-by: maxbr <maxbr@mi.fu-berlin.de>

3 files changed, 159 insertions, 0 deletions

diff --git a/pharos-dashboard/templates/tables/ci_pods.html b/pharos-dashboard/templates/tables/ci_pods.html
new file mode 100644
index 0000000..3889664
--- /dev/null
+++ b/pharos-dashboard/templates/tables/ci_pods.html
@@ -0,0 +1,59 @@
+{% extends "dashboard/table.html" %}
+{% load staticfiles %}
+
+{% block table %}
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Slave Name</th>
+        <th>Status</th>
+        <th>Installer</th>
+        <th>Scenario</th>
+        <th>Branch</th>
+        <th>Job</th>
+    </tr>
+    </thead>
+    <tbody>
+    {% for pod in ci_pods %}
+        <tr>
+            <th>
+                <a target='_blank' href={{ pod.url }}>{{ pod.name }}</a>
+            </th>
+            <th>
+                <a target='_blank' href={{ pod.slaveurl }}>{{ pod.slavename }}</a>
+            </th>
+            <th style="background-color:{{ pod.status_color }}">
+                {{ pod.status }}
+            </th>
+            <th {{ pod.last_job.blink }}>
+                {{ pod.last_job.installer }}
+            </th>
+            <th {{ pod.last_job.blink }}>
+                {{ pod.last_job.scenario }}
+            </th>
+            <th {{ pod.last_job.blink }}>
+                {{ pod.last_job.branch }}
+            </th>
+            <th><a {{ pod.last_job.blink }} style="color:{{ pod.last_job.color }}"
+                                           target='_blank'
+                                           href={{ pod.last_job.url }}>{{ pod.last_job.name }}</a>
+            </th>
+        </tr>
+    {% endfor %}`
+    </tbody>
+    </table>
+{% endblock table %}
+
+
+{% block tablejs %}
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $('#table').DataTable({
+                columnDefs: [
+                    {type: 'status', targets: 2}
+                ],
+                "order": [[2, "asc"]]
+            });
+        });
+    </script>
+{% endblock tablejs %}
\ No newline at end of file
diff --git a/pharos-dashboard/templates/tables/dev_pods.html b/pharos-dashboard/templates/tables/dev_pods.html
new file mode 100644
index 0000000..730aa95
--- /dev/null
+++ b/pharos-dashboard/templates/tables/dev_pods.html
@@ -0,0 +1,58 @@
+{% extends "dashboard/table.html" %}
+{% load staticfiles %}
+
+{% block table %}
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Slave Name</th>
+        <th>Booked by</th>
+        <th>Booked until</th>
+        <th>Purpose</th>
+        <th>Status</th>
+        <th></th>
+    </tr>
+    </thead>
+    <tbody>
+    {% for pod in dev_pods %}
+        <tr>
+            <th>
+                <a target='_blank' href={{ pod.url }}>{{ pod.name }}</a>
+            </th>
+            <th>
+                <a target='_blank' href={{ pod.slaveurl }}>{{ pod.slavename }}</a>
+            </th>
+            <th>
+                {{ pod.current_booking.user }}
+            </th>
+            <th>
+                {{ pod.current_booking.end_date_time }}
+            </th>
+            <th>
+                {{ pod.current_booking.purpose }}
+            </th>
+            <th style="background-color:{{ pod.status_color }}">
+                {{ pod.status }}
+            </th>
+            <th>
+                <a href='{% url 'dashboard:booking_calendar' %}{{ pod.resource_id }}' class="btn btn-primary">
+                    Book
+                </a>
+            </th>
+        </tr>
+    {% endfor %}
+    </tbody>
+{% endblock table %}
+
+{% block tablejs %}
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $('#table').DataTable({
+                columnDefs: [
+                    {type: 'status', targets: 5}
+                ],
+                "order": [[5, "asc"]]
+            });
+        });
+    </script>
+{% endblock tablejs %}
\ No newline at end of file
diff --git a/pharos-dashboard/templates/tables/jenkins_slaves.html b/pharos-dashboard/templates/tables/jenkins_slaves.html
new file mode 100644
index 0000000..2d011b4
--- /dev/null
+++ b/pharos-dashboard/templates/tables/jenkins_slaves.html
@@ -0,0 +1,42 @@
+{% extends "dashboard/table.html" %}
+{% load staticfiles %}
+
+{% block table %}
+    <thead>
+    <tr>
+        <th>Slave name</th>
+        <th>Status</th>
+        <th>Job</th>
+    </tr>
+    </thead>
+    <tbody>
+    {% for slave in slaves %}
+        <tr>
+            <th><a target='_blank'
+                   href={{ slave.slaveurl }}>{{ slave.displayName }}</a>
+            </th>
+            <th style="background-color:{{ slave.status_color }}">
+                {{ slave.status }}
+            </th>
+            <th><a {{ slave.last_job.blink }} style="color:{{ slave.last_job.color }}"
+                                              target="_blank" href={{ slave.last_job.url }}>
+                {{ slave.last_job.name }}</a>
+            </th>
+        </tr>
+    {% endfor %}
+    </tbody>
+{% endblock table %}
+
+
+{% block tablejs %}
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $('#table').DataTable({
+                columnDefs: [
+                    {type: 'status', targets: 1}
+                ],
+                "order": [[1, "asc"]]
+            });
+        });
+    </script>
+{% endblock tablejs %}
\ No newline at end of file