welcome_privacy.html 5 KB
Newer Older
1 2
{% extends 'layouts/base.html' %}

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

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

{% block content %}

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

16 17
{% include 'room_change_warning.html' %}

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 2 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
    <p>
29
      Excellent, {{ student.get_first_name_or_uname }}! If you live on
30 31 32 33 34 35 36 37 38 39 40 41 42
      campus, you have three privacy options to control your room and social media
      visibility.
      <ul>
        <li><strong>Floor</strong>: Only the other students living on your floor.</li>
        <li><strong>Building</strong>: Everyone living in your building.</li>
        <li><strong>All Students</strong>: Anyone with a current Mason username and password.</li>
      </ul>
      If you live off campus and decide to include any social media accounts, please
      note they will be visible to anyone signed in.
    </p>
    <p>
      To protect everyone's privacy, you'll only be able to change your room a couple
      times a year, so make sure to set it correctly.
43
    </p>
44 45 46
  </div>
</div>

47 48 49 50 51
<div class="row">
  <div class="col-md-8 col-md-offset-2">

    <div class="panel panel-default">
      <div class="panel-heading">
52
        <h1 class="panel-title text-center"><strong>Room & Privacy</strong></h1>
53 54 55
      </div>

      <div class="panel-body">
56
        {% if not student.recent_changes > 2 %}
57
        {% spaceless %}
58
        {% if form.non_field_errors %}
59
        <ul class="text-center">
60
          {% for error in form.non_field_errors %}
61
            <li class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</li>
62 63 64 65
          {% endfor %}
        </ul>
        <hr />
        {% endif %}
66
        <form class="form-horizontal" autocomplete="off" action="" method="post">{% csrf_token %}
67
          <fieldset>
68
            {% if form.on_campus.errors %}
69 70 71 72
              {% for error in form.on_campus.errors %}
                <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
              {% endfor %}
            {% endif %}
73
            <div class="form-group">
74
              <div class="col-md-4">
75
              <label for="{{ form.on_campus.id_for_label }}">
76
                Do You Live on Campus?
77
              </label><br/>
78
                {% for option in form.on_campus %}
79 80 81
                  <label class="radio-inline">{{ option.choice_label }}{{ option.tag }}</label>
                {% endfor %}
              </div>
82
            </div>
83
            <div id="lives-on-campus">
84 85
              <hr />
              <p class="help-block">
86 87 88
                The Global Center, the Townhouses, and Beacon Hall are not currently supported.
                We'll let everyone know when we add them. Until then, if you live there, you're
                still welcome to browse around.
89
              </p>
90
              {% if form.room.errors %}
91 92 93 94
                {% for error in form.room.errors %}
                  <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
                {% endfor %}
              {% endif %}
95
              <div class="form-group">
96
                {{ form.room }}
97
              </div>
98
              {% if form.privacy.errors %}
99 100 101 102
                {% for error in form.privacy.errors %}
                  <p class="text-danger"><i class="fa fa-exclamation-triangle fa-fw"></i> {{ error }}</p>
                {% endfor %}
              {% endif %}
103
              <div class="form-group">
104
                <div class="col-md-3 col-sm-6">
105
                <label for="{{ form.privacy.id_for_label }}">
106
                  Privacy
107
                </label><br/>
108
                  {{ form.privacy }}
109
                </div>
110 111 112
              </div>
            </div>
          </fieldset>
113
          <hr/>
114 115
          <input type="submit" value="Save" class="btn btn-primary"/>
        </form>
116
        {% endspaceless %}
117
        {% else %}
118
        <a href="{% url 'welcomeMajor' %}">
119 120 121
          <button type="button" class="btn btn-primary">Continue</button>
        </a>
        {% endif %}
122 123 124 125 126 127
      </div>
    </div>

  </div>
</div>

128 129 130 131 132 133 134 135 136
<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 room here changes it only on this particular site.</strong></p>
      <p>To actually switch your room, you'll need to go through a lengthy process with the Housing Office.</p>
    </div>
  </div>
</div>

137

138 139 140
{% endblock content %}

{% block javascript %}
141
<script type="text/javascript" src="/static/js/chained.min.js"></script>
142
{% include 'room_selection_script.html' %}
143
{% endblock javascript %}