welcome_major.html 3.56 KB
Newer Older
1 2
{% extends 'layouts/base.html' %}

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

5 6 7 8
{% block css %}
<link href="/static/css/chosen.min.css" rel="stylesheet" media="screen">
{% endblock css %}

Daniel W Bond's avatar
Daniel W Bond committed
9
{% block message_queue %}
10 11 12 13
{% endblock %}

{% block content %}

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

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

28 29
<div class="row">
  <div class="col-md-8 col-md-offset-2">
30 31 32 33 34
    <p>
      Now let's verify your major and add your graduating year,
      {{ request.user.student.get_first_name_or_uname }}. This information can help
      students form study groups.
    </p>
35 36 37
  </div>
</div>

38 39 40 41 42
<div class="row">
  <div class="col-md-8 col-md-offset-2">

    <div class="panel panel-default">
      <div class="panel-heading">
43
        <h1 class="panel-title text-center"><strong>Major</strong></h1>
44 45 46
      </div>

      <div class="panel-body">
47
        {% if form.non_field_errors %}
48 49
        <hr />
          <ul class="text-center">
50
            {% for error in form.non_field_errors %}
51 52 53 54 55
              <li class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</li>
            {% endfor %}
          </ul>
        <hr />
        {% endif %}
56 57
        <form class="form-horizontal" autocomplete="off" action="" method="post">{% csrf_token %}
          <fieldset>
58 59
          {% if form.major.errors %}
            {% for error in form.major.errors %}
60 61 62 63 64
              <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
            {% endfor %}
          {% endif %}
          <div class="form-group">
            <div class="col-lg-9">
65
            <label for="{{ form.major.id_for_label }}">
66 67
              Major(s)
            </label><br />
68
              {{ form.major }}
69 70
            </div>
          </div>
71 72
          {% if form.graduating_year.errors %}
            {% for error in form.graduating_year.errors %}
73 74 75 76 77
              <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
            {% endfor %}
          {% endif %}
          <div class="form-group">
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
78
              <label for="{{ form.graduating_year.id_for_label }}">
79 80
                Graduating Year
              </label>
81
                {{ form.graduating_year }}
82 83
            </div>
          </div>
84
          <hr/>
85
          <input type="submit" value="Save" class="btn btn-primary"/>
86
          </fieldset>
87 88 89 90 91 92 93
        </form>
      </div>
    </div>

  </div>
</div>

94 95 96 97 98 99 100 101 102
<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 major here serves only to make it easier for others to find you on this site.</strong></p>
      <p>Talk with your academic advisor and file all necessary paperwork to officially change your major with the registrar.</p>
    </div>
  </div>
</div>

103
{% endblock %}
104 105 106 107

{% block javascript %}
<script type="text/javascript" src="/static/js/chosen.min.js"></script>
<script>
108
$(".chosen-select").chosen({max_selected_options: 2,
109 110
                            width: "100%",
                            placeholder_text_multiple: '(select up to two)'});
111 112
</script>
{% endblock javascript %}