session_details.html

{% extends "base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin ietf_filters static %}

{% block title %}{{ meeting }} : {{ acronym }}{% endblock %}

{% block morecss %}
  .ui-sortable tr {
    cursor:pointer;
  }    
{% endblock %}

{% block content %}
  {% origin %}



  <h1>{{ meeting }} : {{ acronym }}
    {% if meeting.date >= thisweek %}
      <a class="regular pull-right" title="icalendar entry for {{acronym}}@{{meeting.number}}" href="{% url 'ietf.meeting.views.agenda_ical' num=meeting.number acronym=acronym %}"><span class="fa fa-fw fa-calendar"></span> </a>
    {% endif %}
  </h1>

  {% if is_materials_manager and not can_manage_materials %}
  <div class="alert alert-warning">
    The materials upload cutoff date for this session has passed. If you need to change the materials, contact the Secretariat.
  </div>
  {% endif %}


  {% with use_panels=unscheduled_sessions %}
    {% if use_panels %}
    <div class="panel panel-default">
      <div class="panel-heading">Scheduled Sessions</div>
      <div class="panel-body">
    {% endif %}
        {% include 'meeting/session_details_panel.html' with sessions=scheduled_sessions %}
    {% if use_panels %}
      </div>
    </div>
    <div class="panel panel-warning">
      <div class="panel-heading">Unscheduled Sessions</div>
      <div class="panel-body">
    {% endif %}
        {% include 'meeting/session_details_panel.html' with sessions=unscheduled_sessions %}
    {% if use_panels %}
      </div>
    </div>
    {% endif %}
  {% endwith %}

  {% if pending_suggestions %}
    <div class="panel panel-info">
      <div class="panel-heading">{% if can_manage_materials %}Proposed slides awaiting your approval{% else %}Your proposed slides awaiting chair approval{% endif %}</div>
      <div id="proposedslidelist" class="panel-body">
        {% for s in pending_suggestions %}
          {% if can_manage_materials %}
            <p><a href="{% url "ietf.meeting.views.approve_proposed_slides" slidesubmission_id=s.pk num=s.session.meeting.number %}">{{s.submitter}} - {{s.title}} ({{s.time}})</a></p>
          {% else %}
            <p>{{s.title}} ({{s.time}})</p>
          {% endif %}
        {% endfor %}
      </div>
    </div>
  {% endif %}


{% endblock %}

{% block js %}
{% if can_manage_materials %}
  <script type="text/javascript" src="{% static 'jquery/jquery.min.js' %}"></script>
  <script type="text/javascript" src="{% static 'js-cookie/src/js.cookie.js' %}"></script>
  <script type="text/javascript" src={% static 'Sortable/Sortable.min.js' %}></script>

  <script type="text/javascript">


    $.ajaxSetup({
      crossDomain: false, 
      beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type)) {
            xhr.setRequestHeader("X-CSRFToken", Cookies.get('csrftoken'));
        }
      }
    });


    var sortables=[];
    var options = {
      group: "slides",
      animation: 150,
      onAdd: function(event) {onAdd(event)},
      onRemove: function(event) {onRemove(event)},
      onEnd: function(event) {onEnd(event)}
    };

    function onAdd(event) {
      var old_session = event.from.getAttribute("session");
      var new_session = event.to.getAttribute("session");
      $.post(event.to.getAttribute("addToSession"), {
        'order': event.newIndex + 1,
        'name': event.item.getAttribute("name")
      });
      $(event.item).find("td:eq(1)").find("a").each(function(){
        $(this).attr("href", $(this).attr("href").replace(old_session,new_session) );
      });
    }

    function onRemove(event) {
      var old_session = event.from.getAttribute("session");
      $.post(event.from.getAttribute("removeFromSession"),{
        'oldIndex': event.oldIndex + 1,
        'name': event.item.getAttribute("name")
      });
    }

    function onEnd(event) {
      if (event.to == event.from) {
        $.post(event.from.getAttribute("reorderInSession"),{
          'oldIndex': event.oldIndex + 1,
          'newIndex': event.newIndex + 1
        });
      }
    }

    $(document).ready(function() {

      $(".slides tbody").each(function() {
        sortables.push(Sortable.create(this, options));
      });

    });

  </script>

{% endif %}
{% endblock %}