useradmin.html 13.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 %} SRCT Go &bull; Administration Panel {% endblock %}
6

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

David Haynes's avatar
David Haynes committed
10
<!-- define the page header div -->
11 12 13
<div class="page-header" id="banner">
  <div class="row">
    <div class="col-md-12">
14 15 16 17 18 19 20
      <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>
21 22 23 24
    </div>
  </div>
</div>

25

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

48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
        <!-- 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>
70

71 72 73 74 75 76 77 78
      <!-- a div containing our form submission buttons -->
      <div class="form-group">
        <!-- the modal for approve doesn't work-->
        <a class="btn btn-primary btn-sm" data-target="#approveModal" data-toggle="modal"> Approve </a>
        <!-- input type="submit" name="_approve" value="Approve" class="btn btn-primary btn-sm"-->
        <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 81 82 83 84 85 86 87
        <!--Define Approve Modal-->
        <div id="approveModal" class="modal fade" role="dialog" tabindex="-1">
          <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>
Grady Moran's avatar
Grady Moran committed
88
              </div>
89 90 91 92 93
              <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;">
Grady Moran's avatar
Grady Moran committed
94
              </div>
95 96 97
            </div>
          </div>
        </div>
Grady Moran's avatar
Grady Moran committed
98

99 100 101 102 103 104 105 106 107 108
        <!--Define Deny Modal-->
        <div id="denyModal" class="modal fade" role="dialog" tabindex="-1">
          <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>
Grady Moran's avatar
Grady Moran committed
109
              </div>
110 111 112 113 114 115 116 117
              <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>
Grady Moran's avatar
Grady Moran committed
118

119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135
        <!--Define Block Modal-->
        <!-- Note there is another block modal for the other block button below -->
        <div id="blockModal" class="modal fade" role="dialog" tabindex="-1">
          <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>
136
            </div>
137 138 139 140 141
          </div>
        </div>
      </div>
    </form>
  </div>
142 143
</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 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164
  <div class="col-md-12">
    <input class="inputfilter" type="text" id="blockedInput"
      placeholder="Search Usernames or Full Names">
    <h3>Blocked Users</h3>
    <form method="post" action="useradmin">
      <!-- csrf protection  -->
      {% csrf_token %}
      <table class="table table-striped table-hover" id="blockedTable">
        <!-- define the header row -->
        <thead>
          <tr>
            <th>Selected</th>
            <th>Username</th>
            <th>Full Name</th>
            <th>Description</th>
            <th>Approved</th>
          </tr>
        </thead>
165

166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188
        <!-- 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>
            <td>{{ blockedUsers.approved }}</td>
          </tr>
          <!-- unless there are no blocked users -->
          {% empty %}
          <tr>
            <td>none</td>
            <td>none</td>
            <td>none</td>
            <td>none</td>
            <td>none</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
Grady Moran's avatar
Grady Moran committed
189

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

195 196 197 198 199 200 201 202 203 204 205 206 207 208 209
        <!--Define Un-Block Modal-->
        <div id="unblockModal" class="modal fade" role="dialog" tabindex="-1">
          <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>
210
            </div>
211 212 213 214 215 216
          </div>
        </div>

      </div>
    </form>
  </div>
217 218
</div>

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

240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260
        <!-- 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 -->
          {% empty %}
          <tr>
            <td>none</td>
            <td>none</td>
            <td>none</td>
            <td>none</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
261

262 263 264 265 266
      <!-- display our removal and blocking buttons -->
      <div class="form-group">
        <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>
267

268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283
        <!--Define Remove Modal-->
        <div id="removeModal" class="modal fade" role="dialog" tabindex="-1">
          <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>
              </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="_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;">
284
              </div>
285 286 287
            </div>
          </div>
        </div>
288

289 290 291 292 293 294 295 296 297 298 299 300 301 302 303
        <!--Define Block Modal 2-->
        <div id="blockModal2" class="modal fade" role="dialog" tabindex="-1">
          <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;">
Grady Moran's avatar
Grady Moran committed
304
              </div>
305
            </div>
306 307 308 309 310
          </div>
        </div>
      </div>
    </form>
  </div>
311
</div>
312 313 314
<script src="../../static/js/useradmin.js">

</script>
315

316
{% endblock %}