datatracker/ietf/templates/meeting/interim_request.html
2020-06-27 13:51:19 +00:00

171 lines
7.9 KiB
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{% if form.remote_instructions.errors %} alert alert-danger{% endif %}">
<label for="id_session_set-{{ forloop.counter0 }}-remote_instructions" class="col-md-2 control-label required">Remote 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 %}