welcome_name.html 4.95 KB
Newer Older
1 2 3 4
{% extends 'layouts/base.html' %}

{% block title %} SRCT RoomList | Welcome | Step 1 of 4 {% endblock %}

Daniel W Bond's avatar
Daniel W Bond committed
5
{% block message_queue %}
6 7 8 9
{% endblock %}

{% block content %}

10 11
{% load accounts_extras %}

12 13 14 15 16 17
<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
    <span class="sr-only">25% complete</span>
  </div>
</div>

18 19 20
<div class="page-header" id="banner">
  <div class="row">
    <div class="col-md-12 text-center">
21
      <h1>Welcome to <strong>SRCT</strong>ROOMLIST! <small>Step 1 of 4</small></h1>
22 23 24 25
    </div>
  </div>
</div>

26 27
<div class="row">
  <div class="col-md-8 col-md-offset-2">
28 29
    <p>Welcome to Roomlist, and thank you for signing in! Let's get started by
       verifying your name, and optionally, selecting a gender identity.<p>
30 31 32
  </div>
</div>

33 34 35 36 37
<div class="row">
  <div class="col-md-8 col-md-offset-2">

    <div class="panel panel-default">
      <div class="panel-heading">
Daniel W Bond's avatar
Daniel W Bond committed
38
        <h1 class="panel-title text-center"><strong>Name & Gender</strong></h1>
39
      </div>
40
      {% if error in form.non_field_errors %}
41
      <ul class="text-center">
42
        {% for error in form.non_field_errors %}
43
          <li class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</li>
44 45 46
        {% endfor %}
      </ul>
      {% endif %}
47
      <div class="panel-body">
48 49
        <form class="form-horizontal" autocomplete="off" action="" method="post">{% csrf_token %}
          <fieldset>
50 51
          {% if form.first_name.errors %}
            {% for error in form.first_name.errors %}
52 53 54
              <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
            {% endfor %}
          {% endif %}
55 56
          {% if form.last_name.errors %}
            {% for error in form.last_name.errors %}
57 58 59
              <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
            {% endfor %}
          {% endif %}
60
          <div class="form-group">
61
            <div class="col-md-6">
62 63 64
              <label for="{{ form.first_name.id_for_label }}">First Name</label>
                {% if not form.first_name.errors %}
                  {{ form.first_name }}
65 66
                {% else %}
                  <div class="has-error">
67
                    {{ form.first_name }}
68 69 70 71
                    <p>{{ form.first_name.errors }}</p>
                  </div>
                {% endif %}
              </div>
72
            <div class="col-md-6">
73 74 75
              <label for="{{ form.last_name.id_for_label }}">Last Name</label>
                {% if not form.last_name.errors %}
                  {{ form.last_name }}
76 77
                {% else %}
                  <div class="has-error">
78
                    {{ form.last_name }}
79 80 81 82 83 84
                    <p>{{ form.last_name.errors }}</p>
                  </div>
                {% endif %}
              </div>
          </div>

85 86
          {% if form.gender.errors %}
            {% for error in form.gender.errors %}
87 88 89
              <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
            {% endfor %}
          {% endif %}
90
          <div class="form-group">
91
            <label for="{{ form.gender.id_for_label }}" class="col-xs-12">
92 93
              Gender Identity
              <p class="help-block">(choose all that apply)</p>
94
            </label>
95
              {% for checkbox in form.gender %}
96
                <div class="checkbox col-md-3 col-sm-3 col-sm-offset-1 col-xs-5 col-xs-offset-1">
97
                  <label for="{{ checkbox.id_for_label }}">
98
                    {{ checkbox.choice_label|gender_icon }}
99 100 101 102 103
                    {{ checkbox.tag }}
                </div>
              {% endfor %}
          </div>

104 105
          {% if form.show_gender.errors %}
            {% for error in form.show_gender.errors %}
106 107 108
              <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
            {% endfor %}
          {% endif %}
109
          <div class="form-group">
110
            <div class="col-md-6">
111
            <label for "{{ form.show_gender.id_for_label }}">
112
              Show Gender on Profile?
113
            </label><br />
114
              {% for radio in form.show_gender %}
115 116
                <label class="radio-inline">{{ radio.choice_label }}{{ radio.tag }}</label>
              {% endfor %}
117
            </div>
118 119 120
          </div>

          </fieldset>
121
          <hr/>
122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140
          <input type="submit" value="Save" class="btn btn-primary"/>
        </form>
      </div>
    </div>

  </div>
</div>

<div class="row">
  <div class="col-md-8 col-md-offset-2 text-center">
    <div class="alert alert-danger" role="alert">
      <p><i class="fa fa-exclamation-circle fa-fw fa-lg"></i> <strong>Changing your name here serves only to make it easier for others to find you on this particular site.</strong></p>
      <p>Talk with the Registrar's Office to handle the paperwork necessary to change your name officially with the university.</p>
    </div>
  </div>
</div>


{% endblock %}