summaryrefslogtreecommitdiff
path: root/templates/admin/changeMID.html
blob: a2ca2573e85ae2a915b11d9afeb941bb15fbf38d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
{% extends "layout.html" %}
{% load staticfiles %}

{% block content %}
<div class="container">
    <div class="row">
        {% include "account/sub_nav.html" %}
        <div class="span12">
            {% include "admin/sub_nav.html" %}

            Username: <br>

            <input type="text" id="username" list="users" placeholder="Enter Username">
            <datalist id="users"></datalist>

            <br><br>

            <select id="mid">
                {% for mid in mid_count %}
                <option id = "{{ mid.2 }}">
                    {{ mid.0 }}-{{mid.1}}
                </option>
                {% endfor %}
            </select>
            <br>
            <button id="update-btn" class="btn btn-primary" onclick="updateMID()"> Update MID </button>
        </div>
    </div>

    <script type="text/javascript">
        
    function updateMID() {
        $("#update-btn").prop('disabled',true);
        var BASE_URL = window.location.origin + "/sbhs";  
        var username = $("#username").val();
        var board_id = $("#mid").children(":selected").attr("id");

        if(username == "")
        {
            alert("Username field must not be empty");
            return;
        }

        var request = $.ajax({
            url:BASE_URL + "/admin/updatemid",
            method : "POST",
            data : {
                "username" : username,
                "board_id" : board_id
            }
        });

        request.done(function(data){
            if(data.status_code == 200) {
                alert(data.message);
                $("#update-btn").prop('disabled',false);
                location.reload();
            }
            else {
                alert(data.message);
                $("#update-btn").prop('disabled',false);
            }                
        });
    }

    // for live search of usernames
    if (sessionStorage.getItem("fetchedUsers") == null) {
        var BASE_URL = window.location.origin + "/sbhs";
        var request = $.ajax({
            url: BASE_URL + '/admin/getusers',
            method: 'POST'
        });

        request.done(function(data){
            if (data.status_code == 200) {
                sessionStorage.setItem("fetchedUsers", true);
                populateUsers(data.message);
                appendUsers();
            }
            else {
                console.log("Sorry. Unable to implement live search");
            }
        });
    }

    function populateUsers(data) {
        for (username of data) {
            sessionStorage.setItem("sbhsuser"+username, username);
        } 
    }

    function appendUsers() {   
        if (sessionStorage.getItem("fetchedUsers")) {
            var i, matchedUsers = [];
            query = "sbhsuser";
            for (i in sessionStorage) {
              if (sessionStorage.hasOwnProperty(i)) {
                if (i.match(query)) {
                  value = sessionStorage.getItem(i);
                  matchedUsers.push(value);
                }
              }
            }
            options = "";
            for (matchedUser of matchedUsers) {
                options += "<option>" + matchedUser + "</option>";
            }
            if (options.length != 0) {
                document.getElementById("users").innerHTML = options;
            }    
        }
    }

    appendUsers();
    </script>
</div>
{% endblock %}