datatracker/ietf/templates/meeting/timeslot_edit.html

{% extends "base.html" %}
{% load ietf_filters %}
{# Copyright The IETF Trust 2007, All Rights Reserved #}
{% load humanize %}

{% load dajaxice_templatetags %}

{% block title %}IETF {{ meeting.number }} Meeting Agenda: Timeslot/Room Availability{% endblock %}
{% load agenda_custom_tags %}
{% block pagehead %}
<link rel='stylesheet' type='text/css' href='/css/jquery-ui-themes/jquery-ui-1.8.11.custom.css' />
<link rel='stylesheet' type='text/css' href='/css/base2.css' />
<link rel='stylesheet' type='text/css' href='/css/agenda.css' />

<script type='text/javascript' src='/js/lib/jquery-1.8.2.min.js'></script>
<script type='text/javascript' src='/js/jquery-ui-1.9.0.custom/jquery-ui.custom.js'></script>
<script type='text/javascript' src='/js/jquery-ui-1.9.0.custom/jquery.ui.widget.js'></script>
<script type='text/javascript' src='/js/jquery-ui-1.9.0.custom/jquery.ui.droppable.js'></script>
<script type='text/javascript' src='/js/jquery-ui-1.9.0.custom/jquery.ui.sortable.js'></script>
<script type='text/javascript' src='/js/jquery-ui-1.9.0.custom/jquery.ui.accordion.js'></script>
<script type='text/javascript' src='/js/jquery-ui-1.9.0.custom/jquery.ui.draggable.js'></script>

{% if server_mode %}
	{% ifnotequal server_mode "production" %}
	<script src="https://towtruck.mozillalabs.com/towtruck.js"></script>
	{% endifnotequal %}
{% endif %}

{% dajaxice_js_import %}

<script type='text/javascript' src='/js/spin/dist/spin.min.js'></script>
<script type='text/javascript' src='/js/agenda/timeslot_edit.js'></script>
<script type='text/javascript' src='/js/agenda/agenda_helpers.js'></script>
<script type='text/javascript' src='/js/agenda/agenda_objects.js'></script>
<script type='text/javascript' src='/js/agenda/agenda_listeners.js'></script>


<script type='text/javascript'>

{% comment %}
function my_js_callback(data){
    alert(data.message);
}<!-- dajaxice example --> {% endcomment %}

var meeting_base_url = "{{ meeting_base_url }}";
var site_base_url = "{{ site_base_url }}";
total_days = {{time_slices|length}};
total_rooms = {{rooms|length}};
function setup_slots(){

{% for ts in timeslots %}
   make_ss({
     "timeslot_id":"{{ts.id}}",
     "room"       :"{{ts.location|slugify}}",
     "roomtype"   :"{{ts.type.slug}}",
     "time"       :"{{ts.time|date:'Hi' }}",
     "date"       :"{{ts.time|date:'Y-m-d'}}",
     "domid"      :"{{ts.js_identifier}}"});
{% endfor %}

   console.log("setup_slots run");
}

</script>
<style type='text/css'>

</style>
{% endblock pagehead %}


{% block noTable %}
</tr></table></div>
<div class="wrapper custom_text_stuff">
<div style="ui-icon ui-icon-arrow-1-w" id="CLOSE_IETF_MENUBAR">
&lt;
</div>

<div class="agenda_div">

<table id="meetings" class="ietf-navbar" style="width:100%">
  <th class="schedule_title"><span id="schedule_name">name: {{meeting.number}}</span>
  <div id="spinner"><!-- spinney goes here --></div>
  </th>
{% for day in time_slices %}
  <th colspan="{{date_slices|colWidth:day}}" id="{{day|date:'Y-m-d'}}-btn" class=" day_{{day}} agenda_slot_title">
    <div style="display: none;" class="delete delete_day bottom_left" id="delete_{{day|date:'Y-m-d'}}">X</div>
    {{day|date:'D'}}&nbsp;({{day}})

  </th>
  <th class="day_{{day}} spacer {{day|date:'Y-m-d'}}-spacer" id="">
    <div class="ui-widget-content ui-resizable" id="resize-{{day|date:'Y-m-d'}}-spacer">
      <div class="spacer_grip ui-resizable-handle ui-resizable-e"></div>
    </div>
</th>
{% endfor %}
    <tr>
      <th>
        <div class="addbutton" id="add_room">+ROOM</div>
        <div class="addbutton" id="add_day">+DAY</div>
      </th>
    {% for day in time_slices %}
	  {% for slot in slot_slices|lookup:day %}
	      <th class="day_{{day}} room_title">
                  <div
                       href="{{slot.json_url}}"
                       timeslot_id="{{slot.pk}}"
                       class="delete delete_slot bottom_left"
                       id="delete_{{day|date:'Y-m-d'}}_{{slot.time|date:'Hi'}}">X</div>
              {{slot.time|date:'Hi'}}-{{slot.end_time|date:'Hi'}}
              </th>

	  {% endfor %}
              <th class="day_{{day}} spacer {{day|date:'Y-m-d'}}-spacer">
	      </div></th>

    {% endfor %}

  {% for r in rooms %}
  <tr id="{{r|to_acceptable_id}}" class="agenda_slot">
    <th class="vert_time">
      <div class="delete delete_room bottom_left"
	   id="delete_{{r|to_acceptable_id}}"
	   href="{{r.json_url}}"
	   roomid="{{r.pk}}">X</div>
      <div class="right room_name">{{r}} <span class="capacity">({{r.capacity}})</span></div>

      <!-- <span class="hide_room light_blue_border">X</span><span class="left">{{r}}</span></th> -->
    {% for day in time_slices %}
      {% for slot in date_slices|lookup:day %}
        <td id="{{r|slugify}}_{{day}}_{{slot.0|date:'Hi'}}" class="day_{{day}} agenda-column-{{day}}-{{slot.0|date:'Hi'}} agenda_slot {% cycle 'agenda_slot_alt' '' %} agenda_slot_unavailable" ></td>
      {% endfor %}
        <td class="day_{{day}} spacer {{day|date:'Y-m-d'}}-spacer"></td>
    {% endfor %}
  </tr>
  {% endfor %}
</table>

</div>
<div class="dialog" id="add_room_dialog">
   <form action="{{roomsurl}}" method="post">{% csrf_token %}
      <table>
        {{ addroom.as_table }}
      <tr><td><input type="submit" name="addroom" value="addroom"></td></tr>
      </table>
   </form>
</div>
<div class="dialog" id="add_day_dialog">
   <table>
      <form action="{{adddayurl}}" method="post">{% csrf_token %}
        {{ addday.as_table }}
        <tr><td><input type="submit" name="addday" value="addday"></td></tr>
      </form>
   </table>
</div>

<div class="dialog" id="room_delete_dialog">
     Are you sure you want to delete this room?
</div>

<div class="dialog" id="slot_delete_dialog">
     Are you sure you want to delete this entire timeslot?
</div>

{% if server_mode %}
	{% ifnotequal server_mode "production" %}
	<button onclick="TowTruck(this); return false;">Start TowTruck</button>
	{% endifnotequal %}
{% endif %}
<table><tr><td>
{% endblock %}