From 35c34c690ae9616d791c39fa218fe1621fa8d8d2 Mon Sep 17 00:00:00 2001
From: maxbr <maxbr@mi.fu-berlin.de>
Date: Fri, 29 Jul 2016 12:43:43 +0200
Subject: 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>
---
 .../templates/dashboard/booking_calendar.html      | 79 ++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 tools/pharos-dashboard/templates/dashboard/booking_calendar.html

(limited to 'tools/pharos-dashboard/templates/dashboard/booking_calendar.html')

diff --git a/tools/pharos-dashboard/templates/dashboard/booking_calendar.html b/tools/pharos-dashboard/templates/dashboard/booking_calendar.html
new file mode 100644
index 00000000..0f6bece0
--- /dev/null
+++ b/tools/pharos-dashboard/templates/dashboard/booking_calendar.html
@@ -0,0 +1,79 @@
+{% extends "dashboard/base.html" %}
+{% load staticfiles %}
+{% load bootstrap3 %}
+
+{% block extrahead %}
+    <link href="{% static "bower_components/fullcalendar/dist/fullcalendar.css" %}"
+          rel='stylesheet'/>
+    <link href="{% static "bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" %}"
+          rel='stylesheet'/>
+{% endblock extrahead %}
+
+{% block content %}
+    <div class="row">
+        <div class="col-lg-8">
+            <div class="container-fluid">
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        Calendar
+                    </div>
+                    <div class="panel-body">
+                        <div id='calendar'>
+                        </div>
+                    </div>
+                    <!-- /.panel-body -->
+                </div>
+                <!-- /.panel -->
+            </div>
+        </div>
+
+        <div class="col-lg-4">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    Booking
+                </div>
+                <div class="panel-body">
+                    {% bootstrap_form_errors form type='non_fields' %}
+
+                    <form method="post" class="form" id="bookingform">
+                        {% csrf_token %}
+                        <div class='input-group' id='starttimepicker'>
+                            {% bootstrap_field form.start_date_time addon_after='<span class="glyphicon glyphicon-calendar"></span>' %}
+                        </div>
+                        <div class='input-group' id='endtimepicker'>
+                            {% bootstrap_field form.end_date_time addon_after='<span class="glyphicon glyphicon-calendar"></span>' %}
+                        </div>
+                        {% bootstrap_field form.purpose %}
+                        {{ form.booking_id }}
+                        {% buttons %}
+                            <button type="submit" class="btn btn btn-success"
+                                    id="submitform">
+                                Book Pod
+                            </button>
+                            <button type="button" class="btn btn btn-danger hidden"
+                                    id="deletebutton">
+                                Delete Booking
+                            </button>
+                        {% endbuttons %}
+                    </form>
+
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock content %}
+
+{% block extrajs %}
+    <script type="text/javascript">
+        var bookings_url = '/resource/' + {{ resource.resource_id }} +'/bookings/';
+    </script>
+
+    <script src={% static "bower_components/moment/moment.js" %}></script>
+    <script src={% static "bower_components/fullcalendar/dist/fullcalendar.js" %}></script>
+    <script type="text/javascript"
+            src={% static "bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js" %}></script>
+    <script src={% static "js/fullcalendar-options.js" %}></script>
+    <script src={% static "js/datetimepicker-options.js" %}></script>
+    <script src={% static "js/csrf.js" %}></script>
+    <script src={% static "js/booking-calendar.js" %}></script>
+{% endblock extrajs %}
\ No newline at end of file
-- 
cgit