useradmin.html

<!-- include the base html template -->
{% extends 'layouts/base.html' %}

<!-- define the page title block -->
{% block title %}
SRCT Go &bull; Administration Panel
{% endblock %}

<!-- define the content block for the page -->
{% block content %}

<!-- define the page header div -->
<div class="page-header" id="banner">
  <div class="row">
    <div class="col-md-12">
      <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>
    </div>
  </div>
</div>


<!-- Table 1 -->
<!-- define the div where we can select users from a table to judge them -->
<div class="row">
    <div class="col-md-12">
        <h3>Users awaiting moderation</h3>
        <script>
        function myFunction() {
          var input, filter, table, tr, td, i;
          input = document.getElementById("myInput");
          filter = input.value.toUpperCase();
          table = document.getElementById("myTable");
          tr = table.getElementsByTagName("tr");
          for (i = 0; i < tr.length; i++) {
            td = tr[i].getElementsByTagName("td")[2];
            if (td) {
              if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
                tr[i].style.display = "";
              } else {
                tr[i].style.display = "none";
              }
            }
          }
        }
        </script>
        <form method="post" action="useradmin">
            <!-- csrf protection  -->
            {% csrf_token %}
            <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for Full names..">
            <!-- define out table of users that need approval  -->
            <table class="table table-striped table-hover" id="myTable">
                <!-- 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 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">
              <input type="submit" name="_approve" value="Approve" class="btn btn-primary btn-sm">
              <input type="submit" name="_deny" value="Deny" class="btn btn-danger btn-sm">
              <input type="submit" name="_block" value="Block" class="btn btn-default btn-sm btn-blockUsr" style="background-color: black; color: white;">
            </div>
        </form>
    </div>
</div>

<!-- Table 2 -->
<!-- define the table that displays blocked users and allows us to unblock them -->
<div class="row">
    <div class="col-md-12">
        <h3>Blocked Users</h3>

        <form method="post" action="useradmin">
            <!-- csrf protection  -->
            {% csrf_token %}

            <table class="table table-striped table-hover">
                <!-- define the header row -->
                <thead>
                    <tr>
                        <th>Selected</th>
                        <th>Username</th>
                        <th>Full Name</th>
                        <th>Description</th>
                        <th>Approved</th>
                    </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>
                          <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>

            <!-- define an unblock button -->
            <div class="form-group">
                <input type="submit" name="_unblock" value="Un-Block" class="btn btn-default btn-sm btn-Unblock">
            </div>
        </form>
    </div>
</div>

<!-- Table 3 -->
<!-- define the table of current users -->
<div class="row">
    <div class="col-md-12">
        <h3>Current Users</h3>

        <form method="post" action="useradmin">
            <!-- csrf protection  -->
            {% csrf_token %}

            <table class="table table-striped table-hover ">
                <!-- 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 -->
                    {% empty %}
                        <tr>
                          <td>none</td>
                          <td>none</td>
                          <td>none</td>
                          <td>none</td>
                        </tr>
                  {% endfor %}
                </tbody>
            </table>

            <!-- display our removal and blacking buttons -->
            <div class="form-group">
                <input type="submit" name="_remove" value="Remove" class="btn btn-danger btn-sm">
                <input type="submit" name="_block" value="Block" class="btn btn-default btn-sm btn-blockUsr" style="background-color: black; color: white;">
            </div>
        </form>
    </div>
</div>

{% endblock %}