FabrikaHradekTour/res/forum/admin/admin.html

<div id="panels">
    <div id="left_panel">
        Zde budou uživatelé.
    </div>
    <div id="right_panel">
	<div id="buttons">
            <button class="btn">Uložit Změny</button>
            <button onclick="remove_user()" class="btn">Odstranit Uživatele</button>
         </div>
    </div>
</div>
<script>
    var right_panel_buffer = null;
    var username = null;

    $.ajax
    ({
        url: "./res/forum/api/list_users.php",
        success: function(result)
        {
            let users = "";
            for (let i in result.users)
            {
                users += "<div class=\"output\">" + result.users[i] + "</div>";
            }

            $("#left_panel").html(users);
        }
    });

    $("#left_panel").on("click", ".output", function(event)
    {
        $("#buttons").show();
        if (right_panel_buffer == null) right_panel_buffer = document.getElementById("right_panel").innerHTML;

        username = event.target.innerHTML;

        $.ajax
        ({
            url: "./res/forum/api/user_info.php?username=" + event.target.innerHTML,
            success: async function(result)
            {
                let admin_select = await selection("admin", result.admin);
                let sex_select = await selection("sex", result.sex);

                let output =
		        `Uživatelské jméno: <input class="editable" type="text" value="${result.username}"><br>
                 Přezdívka: <input class="editable" type="text" value="${result.nickname}"><br>
                 Admin: ${admin_select}<br>
                 Pohlaví: ${sex_select}<br>
                 Bio: <input class="editable" type="text" value="${result.bio}"><br>`;

                $("#right_panel").html(output + right_panel_buffer);
            }
        });
    });

    function remove_user()
    {
        $.ajax
        ({
            url: "./res/forum/api/remove_user.php?username=" + username,
            success: function(result)
            {
                //location.reload();
                show("admin");
            }
        });
    }

    function selection(type, value)
    {
        return new Promise(function(resolve)
        {
            $.ajax
            ({
                url: "./res/forum/admin/" + type + "_selection.html",
                dataType: "html",
                success: function(result)
                {
                    resolve(result.replace("value=\"" + value, "selected value=\"" + value));
                }
            })
        });
    }
</script>