useradmin.html 15.6 KB
Newer Older
David Haynes's avatar
David Haynes committed
1
<!-- include the base html template -->
2
3
{% extends 'layouts/base.html' %}

David Haynes's avatar
David Haynes committed
4
<!-- define the page title block -->
5
{% block title %}
David Haynes's avatar
David Haynes committed
6
SRCT Go &bull; Administration Panel
7
8
{% endblock %}

David Haynes's avatar
David Haynes committed
9
<!-- define the content block for the page -->
10
11
{% block content %}

David Haynes's avatar
David Haynes committed
12
<!-- define the page header div -->
13
14
15
<div class="page-header" id="banner">
  <div class="row">
    <div class="col-md-12">
16
17
18
19
20
21
22
      <h1><strong>
        <span class="fa-stack fa-lg">
          <i class="fa fa-circle fa-stack-2x"></i>
          <i class="fa fa-balance-scale fa-stack-1x fa-inverse"></i>
        </span>
        <i class="fa">Moderation Panel</i>
      </strong></h1>
23
24
25
26
    </div>
  </div>
</div>

27

Zosman's avatar
Zosman committed
28
<!-- Table 1 -->
David Haynes's avatar
David Haynes committed
29
<!-- define the div where we can select users from a table to judge them -->
30
<div class="row">
31
    <div class="col-md-12">
32
        <input class="inputfilter" type="text" id="appliedInput" onkeyup="filterApplied()" placeholder="Search Usernames or Full Names">
33
        <h3>Users awaiting moderation</h3>
34
35
36
37
        <form method="post" action="useradmin">
            <!-- csrf protection  -->
            {% csrf_token %}
            <!-- define out table of users that need approval  -->
38
            <table class="table table-striped table-hover" id="appliedTable">
39
40
                <!-- define the header row -->
                <thead>
David Haynes's avatar
David Haynes committed
41
                    <tr>
42
43
44
45
                      <th>Selected</th>
                      <th>Username</th>
                      <th>Full Name</th>
                      <th>Description</th>
David Haynes's avatar
David Haynes committed
46
                    </tr>
47
                </thead>
David Haynes's avatar
David Haynes committed
48

49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
                <!-- define the body rows -->
                <tbody>
                    <!-- loop through all users in the need_approval list -->
                    {% for unapproved in need_approval %}
                        <!-- ..and make a new row for each user -->
                        <tr>
                          <td><input type="checkbox" name="username" value={{ unapproved.user }}></td>
                          <td>{{ unapproved.user }}</td>
                          <td>{{ unapproved.full_name }}</td>
                          <td>{{ unapproved.description|default:"No description provided" }}</td>
                        </tr>
                    <!-- unless it's empty in which case we show nothing -->
                    {% empty %}
                        <tr>
                          <td>none</td>
                          <td>none</td>
                          <td>none</td>
                          <td>none</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>

            <!-- a div containing our form submission buttons -->
            <div class="form-group">
Grady Moran's avatar
Grady Moran committed
74
              <!-- the modal for approve doesn't work-->
75
              <a class="btn btn-primary btn-sm" data-target="#approveModal" data-toggle="modal"> Approve </a>
Grady Moran's avatar
Grady Moran committed
76
              <!-- input type="submit" name="_approve" value="Approve" class="btn btn-primary btn-sm"-->
77
78
              <a class="btn btn-danger btn-sm" data-target="#denyModal" data-toggle="modal"> Deny </a>
              <a class="btn btn-default btn-sm btn-blockUsr" data-target="#blockModal" data-toggle="modal" style="background-color: black; color: white;"> Block </a>
Grady Moran's avatar
Grady Moran committed
79
80

              <!--Define Approve Modal-->
81
              <div id="approveModal" class="modal fade" role="dialog" tabindex="-1">
Grady Moran's avatar
Grady Moran committed
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
                <div class="modal-dialog">
                  <!-- Modal content-->
                  <div class="modal-content" style="background-color:#f5f5f5; border-radius: 7px">
                    <div class="modal-header" style="text-align:center;">
                      <h4 class="modal-title  text-center"
                      style="font-weight:bold; font-size: 21px !important;">
                      Are you sure you would like to approve a user?</h4>
                    </div>
                    <div class="modal-body" style="padding-bottom: 80px">
                      <a type="button" class="btn btn-success btn-lg" style="border-width: 0px;float:left; width:49%; background-color: #A9B0AD; color: #ffffff; border-radius: 4px;" data-dismiss="modal">Cancel</a>
                      <input type="submit" name="_approve" value="Approve" class="btn btn-primary btn-lg" style="border-width: 0px;float:right; width:49%; background-color: #00331a; color: #ffffff; border-radius: 4px;">
                    </div>
                  </div>
                </div>
              </div>

              <!--Define Deny Modal-->
99
              <div id="denyModal" class="modal fade" role="dialog" tabindex="-1">
Grady Moran's avatar
Grady Moran committed
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
                <div class="modal-dialog">
                  <!-- Modal content-->
                  <div class="modal-content" style="background-color:#f5f5f5; border-radius: 7px">
                    <div class="modal-header" style="text-align:center;">
                      <h4 class="modal-title  text-center"
                      style="font-weight:bold; font-size: 21px !important;">
                      Are you sure you would like to deny a user?</h4>
                      <h6 style="font-weight:500; margin-top: 0px; margin-bottom: 0px;">
                        Please remember the user's feelings</h6>
                    </div>
                    <div class="modal-body" style="padding-bottom: 80px">
                      <a type="button" class="btn btn-success btn-lg" style="border-width: 0px;float:left; width:49%; background-color: #A9B0AD; color: #ffffff; border-radius: 4px;" data-dismiss="modal">Cancel</a>
                      <input type="submit" name="_deny" value="Deny" class="btn btn-danger btn-lg" style="border-width: 0px;float:right; width:49%; background-color: #ac1d37; color: #ffffff; border-radius: 4px;">
                    </div>
                  </div>
                </div>
              </div>

              <!--Define Block Modal-->
              <!-- Note there is another block modal for the other block button below -->
120
              <div id="blockModal" class="modal fade" role="dialog" tabindex="-1">
Grady Moran's avatar
Grady Moran committed
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
                <div class="modal-dialog">
                  <!-- Modal content-->
                  <div class="modal-content" style="background-color:#f5f5f5; border-radius: 7px">
                    <div class="modal-header" style="text-align:center;">
                      <h4 class="modal-title  text-center"
                        style="font-weight:bold; font-size: 21px !important;">
                        Are you sure you would like to block a user?</h4>
                      <h6 style="font-weight:500; margin-top: 0px; margin-bottom: 0px;">
                            Please remember the user's feelings</h6>
                    </div>
                    <div class="modal-body" style="padding-bottom: 80px">
                      <a type="button" class="btn btn-success btn-lg" style="border-width: 0px;float:left; width:49%; background-color: #A9B0AD; color: #ffffff; border-radius: 4px;" data-dismiss="modal">Cancel</a>
                      <input type="submit" name="_block" value="Block" class="btn btn-danger btn-lg" style="border-width: 0px; float:right; width:49%;background-color: #000000; color: #ffffff; border-radius: 4px;">
                    </div>
                  </div>
                </div>
              </div>

139
140
            </div>
        </form>
141
142
143
    </div>
</div>

Zosman's avatar
Zosman committed
144
<!-- Table 2 -->
Zosman's avatar
Zosman committed
145
<!-- define the table that displays blocked users and allows us to unblock them -->
146
<div class="row">
147
    <div class="col-md-12">
148
      <input class="inputfilter" type="text" id="blockedInput" onkeyup="filterBlocked()" placeholder="Search Usernames or Full Names">
149
150
151
152
153
      <h3>Blocked Users</h3>
      <form method="post" action="useradmin">
          <!-- csrf protection  -->
          {% csrf_token %}
          <table class="table table-striped table-hover" id="blockedTable">
154
155
156
157
158
159
160
                <!-- define the header row -->
                <thead>
                    <tr>
                        <th>Selected</th>
                        <th>Username</th>
                        <th>Full Name</th>
                        <th>Description</th>
Zosman's avatar
Zosman committed
161
                        <th>Approved</th>
162
163
164
165
166
167
168
169
170
171
172
173
                    </tr>
                </thead>

                <!-- define the body rows -->
                <tbody>
                    <!-- loop through all blocked users -->
                    {% for blockedUsers in blocked_users %}
                        <tr>
                          <td><input type="checkbox" name="username" value={{ blockedUsers.user }}></td>
                          <td>{{ blockedUsers.user }}</td>
                          <td>{{ blockedUsers.full_name }}</td>
                          <td>{{ blockedUsers.description|default:"No description provided" }}</td>
Zosman's avatar
Zosman committed
174
                          <td>{{ blockedUsers.approved }}</td>
175
176
177
178
179
180
181
182
                        </tr>
                    <!-- unless there are no blocked users -->
                    {% empty %}
                        <tr>
                          <td>none</td>
                          <td>none</td>
                          <td>none</td>
                          <td>none</td>
Zosman's avatar
Zosman committed
183
                          <td>none</td>
184
185
186
187
188
189
190
                        </tr>
                    {% endfor %}
                </tbody>
            </table>

            <!-- define an unblock button -->
            <div class="form-group">
191
                <!-- input type="submit" name="_unblock" value="Un-Block" class="btn btn-default btn-sm btn-Unblock"-->
192
                <a class="btn btn-default btn-sm btn-Unblock" data-target="#unblockModal" data-toggle="modal"> Unblock </a>
Grady Moran's avatar
Grady Moran committed
193
194

                <!--Define Un-Block Modal-->
195
                <div id="unblockModal" class="modal fade" role="dialog" tabindex="-1">
Grady Moran's avatar
Grady Moran committed
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
                  <div class="modal-dialog">
                    <!-- Modal content-->
                    <div class="modal-content" style="background-color:#f5f5f5; border-radius: 7px">
                      <div class="modal-header" style="text-align:center;">
                        <h4 class="modal-title  text-center"
                        style="font-weight:bold; font-size: 21px !important;">
                        Are you sure you would like to unblock a user?</h4>
                      </div>
                      <div class="modal-body" style="padding-bottom: 80px">
                        <a type="button" class="btn btn-success btn-lg" style="border-width: 0px;float:left; width:49%; background-color: #A9B0AD; color: #ffffff; border-radius: 4px;" data-dismiss="modal">Cancel</a>
                        <input type="submit" name="_unblock" value="Un-Block" class="btn btn-default btn-lg" style="border-width: 0px;float:right; width:49%; background-color: #e7e7e7; color: #000000; border-radius: 4px;">
                      </div>
                    </div>
                  </div>
                </div>

212
213
            </div>
        </form>
214
215
216
    </div>
</div>

Zosman's avatar
Zosman committed
217
<!-- Table 3 -->
218
<!-- define the table of current users -->
219
<div class="row">
220
    <div class="col-md-12">
221
        <input class="inputfilter" type="text" id="currentInput" onkeyup="filterCurrent()" placeholder="Search Usernames or Full Names">
222
        <h3>Current Users</h3>
223
224
225
        <form method="post" action="useradmin">
            <!-- csrf protection  -->
            {% csrf_token %}
226
            <table class="table table-striped table-hover " id = "currentTable">
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
                <!-- define the header row -->
                <thead>
                    <tr>
                        <th>Selected</th>
                        <th>Username</th>
                        <th>Full Name</th>
                        <th>Description</th>
                    </tr>
                </thead>

                <!-- define the body rows -->
                <tbody>
                    <!-- loop through all current users -->
                    {% for currentUsers in current_users %}
                        <tr>
                          <td><input type="checkbox" name="username" value={{ currentUsers.user }}></td>
                          <td>{{ currentUsers.user }}</td>
                          <td>{{ currentUsers.full_name }}</td>
                          <td>{{ currentUsers.description|default:"No description provided" }}</td>
                        </tr>
                    <!-- unless there are none -->
David Haynes's avatar
David Haynes committed
248
249
250
251
252
253
254
255
                    {% empty %}
                        <tr>
                          <td>none</td>
                          <td>none</td>
                          <td>none</td>
                          <td>none</td>
                        </tr>
                  {% endfor %}
256
257
258
                </tbody>
            </table>

259
            <!-- display our removal and blocking buttons -->
260
            <div class="form-group">
261
262
              <a class="btn btn-danger btn-sm" data-target="#removeModal" data-toggle="modal"> Remove </a>
              <a class="btn btn-default btn-sm btn-blockUsr" data-target="#blockModal2" data-toggle="modal" style="background-color: black; color: white;"> Block </a>
263

Grady Moran's avatar
Grady Moran committed
264
              <!--Define Remove Modal-->
265
              <div id="removeModal" class="modal fade" role="dialog" tabindex="-1">
Grady Moran's avatar
Grady Moran committed
266
267
268
269
270
271
272
273
274
                <div class="modal-dialog">
                  <!-- Modal content-->
                  <div class="modal-content" style="background-color:#f5f5f5; border-radius: 7px">
                    <div class="modal-header" style="text-align:center;">
                      <h4 class="modal-title  text-center"
                      style="font-weight:bold; font-size: 21px !important;">
                      Are you sure you would like to remove a user?</h4>
                      <h6 style="font-weight:500; margin-top: 0px; margin-bottom: 0px;">
                        Please remember the user's feelings</h6>
275
276
277
                    </div>
                    <div class="modal-body" style="padding-bottom: 80px">
                      <a type="button" class="btn btn-success btn-lg" style="border-width: 0px;float:left; width:49%; background-color: #A9B0AD; color: #ffffff; border-radius: 4px;" data-dismiss="modal">Cancel</a>
Grady Moran's avatar
Grady Moran committed
278
                      <input type="submit" name="_remove" value="Remove" class="btn btn-danger btn-lg" style="border-width: 0px; float:right; width:49%;background-color: #ac1d37; color: #ffffff; border-radius: 4px;">
279
280
281
282
283
                    </div>
                  </div>
                </div>
              </div>

Grady Moran's avatar
Grady Moran committed
284
              <!--Define Block Modal 2-->
285
              <div id="blockModal2" class="modal fade" role="dialog" tabindex="-1">
286
287
288
289
290
291
                <div class="modal-dialog">
                  <!-- Modal content-->
                  <div class="modal-content" style="background-color:#f5f5f5; border-radius: 7px">
                    <div class="modal-header" style="text-align:center;">
                      <h4 class="modal-title  text-center"
                        style="font-weight:bold; font-size: 21px !important;">
Grady Moran's avatar
Grady Moran committed
292
293
294
                        Are you sure you would like to block a user?</h4>
                      <h6 style="font-weight:500; margin-top: 0px; margin-bottom: 0px;">
                            Please remember the user's feelings</h6>
295
                    </div>
Grady Moran's avatar
Grady Moran committed
296
297
298
                    <div class="modal-body" style="padding-bottom: 80px">
                      <a type="button" class="btn btn-success btn-lg" style="border-width: 0px;float:left; width:49%; background-color: #A9B0AD; color: #ffffff; border-radius: 4px;" data-dismiss="modal">Cancel</a>
                      <input type="submit" name="_block" value="Block" class="btn btn-danger btn-lg" style="border-width: 0px; float:right; width:49%;background-color: #000000; color: #ffffff; border-radius: 4px;">
299
300
                    </div>
                  </div>
Grady Moran's avatar
Grady Moran committed
301
302
                </div>
              </div>
303
304
            </div>
        </form>
305
306
    </div>
</div>
307
<script src = "../../static/js/useradmin.js"> </script>
308

309
{% endblock %}