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 %}
    .slides tr {
    cursor:pointer;
    }
{% endblock %}
{% block content %}
    {% origin %}
    <h1>
        {{ meeting }}
        <br>
        <small class="text-muted">{{ acronym }}</small>
    </h1>
    {% if meeting.date >= thisweek %}
        <a class="regular float-end"
           title="icalendar entry for {{ acronym }}@{{ meeting.number }}"
           aria-label="icalendar entry for {{ acronym }}@{{ meeting.number }}"
           href="{% url 'ietf.meeting.views.agenda_ical' num=meeting.number acronym=acronym %}">
            <i class="bi bi-calendar"></i>
        </a>
    {% endif %}
    {% if is_materials_manager and not can_manage_materials %}
        <div class="alert alert-warning my-3">
            The materials upload cutoff date for this session has passed. If you need to change the materials, contact the Secretariat.
        </div>
    {% endif %}
    <h2 class="mt-3">Scheduled Sessions</h2>
    {% include 'meeting/session_details_panel.html' with sessions=scheduled_sessions %}
    <h2 class="mt-3">Unscheduled Sessions</h2>
    {% include 'meeting/session_details_panel.html' with sessions=unscheduled_sessions %}
    {% if pending_suggestions %}
        <h2 class="mt-3">
            {% if can_manage_materials %}
                Proposed slides awaiting your approval
            {% else %}
                Your proposed slides awaiting chair approval
            {% endif %}
        </h2>
        <div class="proposedslidelist">
            {% 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>
    {% endif %}
{% endblock %}
{% block js %}
    {% if can_manage_materials %}
        <script src="{% static 'ietf/js/sortable.js' %}"></script>
        <script>
            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("data-session");
                var new_session = event.to.getAttribute("data-session");
                $.post(event.to.getAttribute("data-add-to-session"), {
                    '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("data-session");
                $.post(event.from.getAttribute("data-remove-from-session"),{
                    'oldIndex': event.oldIndex + 1,
                    'name': event.item.getAttribute("name")
                });
            }

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

            $(document).ready(function() {

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

            });

        </script>
    {% endif %}
{% endblock %}