aswi2021mr-proper-gitlab/application/view/changesContent.php @ f26471ee

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

    <div class=\"search-results my-4\">
        <table class=\"table table-striped\">
            <thead>
            <tr>
                <th scope=\"col\">Lemma</th>
                <th scope=\"col\">Slovní tvar</th>
                <th scope=\"col\">Návrh změny</th>
                <th scope=\"col\"></th>
            </tr>
            </thead>
            <tbody id=\"search-table\">
                <script>
                    let changes;
                    function fetchChanges () {
                        // (A1) GET SEARCH TERM
                        const formData = new FormData();

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


                    function renderChanges(changesList) {
                        let result = \"\";
                        if(changesList !== null){
                            changesList.forEach((item,id) => {
                                result +=\" <tr>\";
                                result += \" <td>\" + item.lemma + \" </td> \";
                                result += \" <td>\" + item.word + \" </td> \";
                                result += \" <td>\" + item.message + \" <td>\";
                                result += \" <td class='action-td'> \" +
                                    \" <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 += \" </tr> \";
                            });
                            document.getElementById(\"search-table\").innerHTML = result;                            
                            document.getElementById(\"no-data-label\").style.display = \"none\";
                        } else {
                            document.getElementById(\"search-table\").innerHTML = result;   
                            document.getElementById(\"no-data-label\").style.display = \"\";
                        }
                    }
                </script>
            </tbody>
        </table>
        
        <h3 id=\"no-data-label\" class=\"mx-auto text-center font-italic\">Žádná data nebyla nalezena</h3>
    </div>";
} else {
    echo "<h3 class=\"mx-auto text-center\">Pro navštívení stránky nemáte dostatečná oprávnění</h3>";
}