datatracker/ietf/templates/meeting/interim_request.html

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

{% block title %}Interim Request{% endblock %}

{% block pagehead %}
  <link rel="stylesheet" href="{% static 'select2/select2.css' %}">
  <link rel="stylesheet" href="{% static 'select2-bootstrap-css/select2-bootstrap.min.css' %}">
  <link rel="stylesheet" href="{% static 'bootstrap-datepicker/css/bootstrap-datepicker3.min.css' %}">
{% endblock %}

{% block content %}
  {% origin %}
  <h1>Interim Meeting Request</h1>

  <form id="interim-request-form" role="form" method="post" class="form-horizontal">
    {% csrf_token %}

    {% if form.non_field_errors %}
    <div class="form-group alert alert-danger">
      {{ form.non_field_errors }}
    </div>
    {% endif %}

    {% bootstrap_field form.group layout='horizontal' %}

    <div class="form-group form-inline">
        <div class="col-md-offset-2">
            <div class="col-md-2">
                <label class="checkbox-inline">{% render_field form.in_person %}<strong>In Person</strong></label>
            </div>

            {% if user|has_role:"Secretariat,Area Director,IRTF Chair" %}
            <div class="col-md-2">
                <label class="checkbox-inline">{% render_field form.approved %}<strong>Preapproved by AD</strong></label>
            </div>
            {% endif %}

            <div class="col-md-2 radio-inline"><strong>Meeting Type:</strong></div>
            
            {% for radio in form.meeting_type %}
            <label class="radio-inline" for="{{ radio.id_for_label }}">
                {{ radio.tag }}
                {{ radio.choice_label }}
            </label>
            {% endfor %}

        </div> <!-- col-md-offset-2 -->
    </div> <!-- form-group form-inline -->


    <div class="form-group meeting-type-help mth-multi" style="display: none;">
        <div class="col-md-offset-2">
            <div class="col-md-10">
                <p class="help-block">
		   Use Multi-Day for a single meeting that spans more than one contiguous
		   workday. Do not use Multi-Day for a series of separate meetings (such as
		   periodic interim calls). Use Series instead.
		</p>
            </div>
        </div>
    </div>
    
    <div class="form-group meeting-type-help mth-series" style="display: none;">
        <div class="col-md-offset-2">
            <div class="col-md-10">
                <p class="help-block">
		   Use Series for a series of separate meetings, such as periodic interim calls.
		   Use Multi-Day for a single meeting that spans more than one contiguous
		   workday.
		</p>
            </div>
        </div>
    </div>
    
    <div class="form-group">
        <label for="id_session_set-{{ forloop.counter0 }}-city" class="col-md-2 control-label">Location</label>
        <div class="col-md-10 form-inline">
            {% render_field form.city class="form-control location" placeholder="City" %}
            {% render_field form.country class="form-control location" style="width: 30%" %}
            <div id="timezone-field">
            {% render_field form.time_zone class="form-control" %}
            <span class="help-block">Local Timezone</span></div>
        </div>
    </div>

    {{ formset.management_form }}

    {% if formset.non_form_errors %}
    <div class="form-group alert alert-danger">
      {{ formset.non_form_errors }}
    </div>
    {% endif %}

    {% for form in formset %}
    <div class="fieldset{% if forloop.last %} template{% endif %}" >
    
    <div class="form-group {% if form.date.errors %}alert alert-danger{% endif %}">
        <label for="id_session_set-{{ forloop.counter0 }}-date" class="col-md-2 control-label required">Date</label>
        <div class="col-md-2">{% render_field form.date class="form-control" %}</div>
        {% if form.date.errors %}<span class="help-inline">{{ form.date.errors }}</span>{% endif %}
    </div>
    
    <div class="form-group {% if form.time.errors or form.requested_duration.errors %}alert alert-danger{% endif %}">
        <label for="id_session_set-{{ forloop.counter0 }}-time" class="col-md-2 control-label required">Start Time</label>
        <div class="col-md-3 form-inline">
            {% render_field form.time class="form-control time-field" placeholder="HH:MM" %}
            <div id="id_session_set-{{ forloop.counter0 }}-time_utc" class="utc-time"></div>
            <span class="help-block">Local Time</span>
            {% if form.time.errors %}<span class="help-inline">{{ form.time.errors }}</span>{% endif %}
        </div>
        <label for="id_session_set-{{ forloop.counter0 }}-requested_duration" class="col-md-1 control-label required">Duration</label>
        <div class="col-md-1">{% render_field form.requested_duration class="form-control time-field" placeholder="HH:MM" %}{% if form.requested_duration.errors %}<span class="help-inline">{{ form.requested_duration.errors }}</span>{% endif %}</div>
        <label for="id_session_set-{{ forloop.counter0 }}-end_time" class="col-md-2 control-label">End Time</label>
        <div class="col-md-3 form-inline">
        {% render_field form.end_time class="form-control time-field computed" placeholder="HH:MM" disabled="disabled" %}
        <div id="id_session_set-{{ forloop.counter0 }}-end_time_utc" class="utc-time"></div>
        <span class="help-block">Local Time</span>
        </div>
    </div>

    <div class="form-group">
        <label for="id_session_set-{{ forloop.counter0 }}-remote_participation" class="col-md-2 control-label">
            Remote Participation
        </label>
        <div class="col-md-10">
            <div class="row">
                <div class="col-md-12">
                    {% render_field form.remote_participation class="form-control" %}
                </div>
            </div>
        </div>
    </div>

    <div class="form-group{% if form.remote_instructions.errors %} alert alert-danger{% endif %}">
        <label for="id_session_set-{{ forloop.counter0 }}-remote_instructions" class="control-label col-md-2 required">Instructions</label>
        <div class="col-md-10">
            {% render_field form.remote_instructions class="form-control" placeholder="Webex (or other) URL or descriptive information (see below)" %}
            <p class="help-block">
                For virtual interims, a conference link <b>should be provided in the original request</b> in all but the most unusual circumstances.
                Otherwise, "Remote participation is not supported" or "Remote participation information will be obtained at the time of approval" are acceptable values.
                See <a href="https://www.ietf.org/forms/wg-webex-account-request/">here</a> for more on remote participation support.
            </p>
        </div>
        {% if form.remote_instructions.errors %}<span class="help-inline">{{ form.remote_instructions.errors }}</span>{% endif %}
    </div>

    <div class="form-group">
        <label for="id_session_set-{{ forloop.counter0 }}-agenda" class="col-md-2 control-label">Agenda</label>
        <div class="col-md-10">{% render_field form.agenda class="form-control" rows="6" placeholder="Paste agenda here" %}</div>
    </div>
        
    <div class="form-group">
        <label for="id_session_set-{{ forloop.counter0 }}-agenda_note" class="col-md-2 control-label">Additional Information</label>
        <div class="col-md-10">{% render_field form.agenda_note class="form-control" %}</div>
    </div>
    <button name="id_session_set-{{ forloop.counter0 }}-delete-button" type="button" class="btn btn-default hidden btn-delete">Delete</button>
    </div>  <!-- fieldset -->
    {% endfor %}

    <div class="form-group">
    <div class="col-md-12">
    <button id="add_session" type="button" class="btn btn-default" style="display: none;"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span>Add Session</button>
    </div>
    </div>

    {% buttons %}
      <div class="col-md-12">
      <button type="submit" class="btn btn-primary">Submit</button>
      <a class="btn btn-default pull-right" href="{% url 'ietf.meeting.views.upcoming' %}">Back</a>
      </div>
    {% endbuttons %}

  </form>

{% endblock %}

{% block js %}
  <script src="{% static 'bootstrap-datepicker/js/bootstrap-datepicker.min.js' %}"></script>
  <script src="{% static 'select2/select2.min.js' %}"></script>
  <script src="{% static 'ietf/js/meeting-interim-request.js' %}"></script>
{% endblock %}