1 {% extends "base.html" %}
7 <link href="{% static "bower_components/fullcalendar/dist/fullcalendar.css" %}"
9 <link href="{% static "bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" %}"
11 {% endblock extrahead %}
14 <div class="col-lg-8">
15 <div class="container-fluid">
16 <div class="panel panel-default">
17 <div class="panel-heading">
18 <i class="fa fa-calendar fa-fw"></i>Calendar
20 <div class="panel-body">
30 <div class="col-lg-4">
31 <div class="panel panel-default">
32 <div class="panel-heading">
33 <i class="fa fa-edit fa-fw"></i>Booking
35 <div class="panel-body">
36 {% if user.is_authenticated %}
37 <div id="booking_form_div">
38 {% bootstrap_form_errors form type='non_fields' %}
39 <form method="post" action="" class="form" id="bookingform">
42 <div class='input-group' id='starttimepicker'>
43 {% bootstrap_field form.start addon_after='<span class="glyphicon glyphicon-calendar"></span>' %}
45 <div class='input-group' id='endtimepicker'>
46 {% bootstrap_field form.end addon_after='<span class="glyphicon glyphicon-calendar"></span>' %}
48 {% bootstrap_field form.opsys %}
49 {% bootstrap_field form.purpose %}
50 {% bootstrap_field form.installer %}
51 {% bootstrap_field form.scenario %}
53 <button type="submit" class="btn btn btn-success">
61 <a href="{% url 'account:login' %}">
69 <div id="booking_detail_modal" class="modal fade" role="dialog">
70 <div class="modal-dialog">
73 <div class="modal-content">
74 <div class="modal-header">
75 <button type="button" class="close" data-dismiss="modal">×</button>
76 <h4 class="modal-title">Booking Detail</h4>
78 <div class="modal-body" id="booking_detail_content">
80 <div class="modal-footer">
81 <button type="button" class="btn btn-default" data-dismiss="modal">Close
88 {% endblock content %}
91 <script type="text/javascript">
92 var bookings_url = "{% url 'booking:bookings_json' resource_id=resource.id %}";
93 var booking_detail_prefix = "{% url 'booking:detail_prefix' %}";
94 var user_timezone = "{{ request.user.userprofile.timezone }}"
97 <script src={% static "bower_components/moment/moment.js" %}></script>
98 <script src={% static "bower_components/fullcalendar/dist/fullcalendar.js" %}></script>
99 <script type="text/javascript"
100 src={% static "bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js" %}></script>
101 <script src={% static "js/fullcalendar-options.js" %}></script>
102 <script src={% static "js/datetimepicker-options.js" %}></script>
103 <script src={% static "js/booking-calendar.js" %}></script>
104 {% endblock extrajs %}