datatracker/ietf/templates/meeting/interim_request.html
Ryan Cross 2cdd073a6c tweaks to request form ui
- Legacy-Id: 10898
2016-03-04 23:28:28 +00:00

100 lines
3.8 KiB
HTML

{% extends "base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin %}
{% load staticfiles bootstrap3 widget_tweaks %}
{% 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 %}
{% bootstrap_field form.group layout='horizontal' %}
<div class="form-group form-inline">
<div class="col-md-offset-2">
<div class="col-md-3">
<!-- <div class="checkbox"> -->
<label class="checkbox-inline">{% render_field form.face_to_face %}<strong>Face to Face</strong></label>
<!-- </div> -->
</div>
<!-- <div id="meeting-type-options"> -->
<div class="col-md-2 radio-inline"><strong>Meeting Type:</strong></div>
<label class="radio-inline">
<input type="radio" value="single" name="meeting_type">Single
</label>
<label class="radio-inline">
<input type="radio" value="multi-day" name="meeting_type">Multi-Day
</label>
<label class="radio-inline">
<input type="radio" value="series" name="meeting_type">Series
</label>
<!-- </div> -->
</div>
</div>
<div class="fieldset">
<div class="form-group">
<label for="face-to_face" class="col-md-2 control-label">Location</label>
<div class="col-md-10 form-inline">
{% render_field form.city class="form-control" placeholder="City" %}
{% render_field form.country class="form-control" %}
{% render_field form.timezone class="form-control" %}
</div>
</div>
<div class="form-group">
<label for="session" class="col-md-2 control-label">Session</label>
<div class="">
<div class="form-inline">
<div class="col-md-3">{% render_field form.date class="form-control" %}</div>
<div class="col-md-3">{% render_field form.time class="form-control" placeholder="time" %}</div>
<div class="col-md-3">{% render_field form.duration class="form-control" placeholder="duration" %}</div>
</div>
</div>
</div>
<div class="form-group">
<label for="id_remote_instructions" class="col-md-2 control-label">Remote Instructions</label>
<div class="col-md-10">{% render_field form.remote_instructions class="form-control" placeholder="ie. Webex address" %}</div>
</div>
<div class="form-group">
<label for="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="agenda_note" class="col-md-2 control-label">Agenda Note</label>
<div class="col-md-10">{% render_field form.agenda_note class="form-control" placeholder="Note" %}</div>
</div>
</div> <!-- fieldset -->
{% buttons %}
<button type="submit" class="btn btn-primary">Submit</button>
<a class="btn btn-default pull-right" href="{% url "ietf.meeting.views.upcoming" %}">Back</a>
{% 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 %}