Add a Booking detail view

JIRA: RELENG-12

This adds a pop-up to the booking calendar, containing information
about a selected booking.

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

2 files changed, 47 insertions, 2 deletions

diff --git a/pharos-dashboard/templates/booking/booking_calendar.html b/pharos-dashboard/templates/booking/booking_calendar.html
index d144bb8..de3e3b3 100644
--- a/pharos-dashboard/templates/booking/booking_calendar.html
+++ b/pharos-dashboard/templates/booking/booking_calendar.html
@@ -11,7 +11,6 @@
 {% endblock extrahead %}
 
 {% block content %}
-    <div class="row">
     <div class="col-lg-8">
         <div class="container-fluid">
             <div class="panel panel-default">
@@ -57,11 +56,31 @@
             </div>
         </div>
     </div>
+
+    <div id="booking_detail_modal" class="modal fade" role="dialog">
+        <div class="modal-dialog">
+
+            <!-- Modal content-->
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    <h4 class="modal-title">Booking Detail</h4>
+                </div>
+                <div class="modal-body" id="booking_detail_content">
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                </div>
+            </div>
+
+        </div>
+    </div>
 {% endblock content %}
 
 {% block extrajs %}
     <script type="text/javascript">
-        var bookings_url = "{% url 'booking:bookings_json' resource_id=resource.id %}"
+        var bookings_url = "{% url 'booking:bookings_json' resource_id=resource.id %}";
+        var booking_detail_prefix = "{% url 'booking:detail_prefix' %}";
         var user_timezone = "{{ request.user.userprofile.timezone }}"
     </script>
 
diff --git a/pharos-dashboard/templates/booking/booking_detail.html b/pharos-dashboard/templates/booking/booking_detail.html
new file mode 100644
index 0000000..d3f4753
--- /dev/null
+++ b/pharos-dashboard/templates/booking/booking_detail.html
@@ -0,0 +1,26 @@
+{% load jira_filters %}
+
+<p>
+    <b>Resource: </b>
+    <a href="{{ booking.resource.url }}">
+        {{ booking.resource.name }}
+    </a>
+</p>
+<p>
+    <b>User: </b> {{ booking.user.username }}
+</p>
+<p>
+    <b>Start: </b> {{ booking.start }}
+</p>
+<p>
+    <b>End: </b> {{ booking.end }}
+</p>
+<p>
+    <b>Purpose: </b> {{ booking.purpose }}
+</p>
+<p>
+    <b>Jira: </b>
+    <a href="{{ jira_issue | jira_issue_url }}">
+        {{ jira_issue }}
+    </a>
+</p>
\ No newline at end of file