aswi2021mr-proper-gitlab/application/view/userContent.php @ 5b4bc51b

<?php
if (isset($_SESSION['role']) && $_SESSION['role'] == "admin") {
    echo "<script>
        //what to do when page renders
        window.onload = function() {
            fetchUsers();
        };
    </script>

    <div class=\"search-results my-4\">
        <table class=\"table table-striped\">
            <thead>
            <tr>
                <th scope=\"col\">Uživatel</th>
                <th scope=\"col\">Práva</th>
                <th scope=\"col\"><button class=\"btn ml-1\" title=\"Přidat\"  data-toggle=\"modal\" data-target=\"#edit-modal\"  data-title=\"Nový uživatel\"><i class=\"fa fa-plus\"></i></button></th>
            </tr>
            </thead>
            <tbody id=\"search-table\">
                <script>
                    let users;
                    function fetchUsers () {
                        // (A1) GET SEARCH TERM
                        const formData = new FormData();

                        // (A2) AJAX - USE HTTP:// NOT FILE:/
                        let xhr = new XMLHttpRequest();
                        xhr.open(\"POST\", \"./controller/UsersListController.php\");
                        xhr.onload = function(){
                            let search = this.response;
                            let parsedJSON = JSON.parse(search);
                            users = parsedJSON;
                            renderUsers(parsedJSON);
                        };
                        xhr.send(formData);
                    }


                    function renderUsers(users) {
                        let result = \"\";
                        users.forEach((item,id) => {
                            result += \"<tr>\";
                            result += \"<td>\" + item.username + \"</td>\";
                            result += \"<td>\" + item.role + \"</td>\";
                            (item.role !== \"admin\") ? (result += \"<td class='action-td'>\" +
                                \"<button class='btn ml-1' title='Upravit'  data-toggle='modal' data-target='#edit-modal' data-pseudo-id='\" + id + \"' data-title='Upravit uživatele'><i class='fa fa-pencil'></i></button>\" +
                                \"<button class='btn ml-1' title='Odstranit'  data-toggle='modal' data-target='#remove-modal' data-pseudo-id='\" + id + \"'><i class='fa fa-trash'></i></button>\" +
                                \"</td>\") : result += \"<td class='action-td'/>\";
                            result += \"</tr>\";
                        });
                        document.getElementById(\"search-table\").innerHTML = result;
                    }
                </script>
            </tbody>
        </table>
    </div>";
} else {
    echo "<h3 class=\"mx-auto text-center\">Pro navštívení stránky nemáte dostatečná oprávnění</h3>";
}