CMS-CSE/core/views/pages/cms.parametres-server-logs.php

<form id="logsForm-<?= md5($console) ?>" method="get" action="/console.logs.php">
    <input type="hidden" name="l" value="<?= $console ?>">
    <div class="input-group mb-3">
        <select class="form-control" name="limit">
            <option value="50">Limiter aux 50 derniers logs</option>
            <option value="100">Limiter aux 100 derniers logs</option>
            <option value="200">Limiter aux 200 derniers logs</option>
            <option value="300">Limiter aux 300 derniers logs</option>
            <option value="400">Limiter aux 400 derniers logs</option>
            <option value="500">Limiter aux 500 derniers logs</option>
        </select>
    </div>
    <div class="input-group mb-3">
        <input type="text" class="form-control" name="search" value="" placeholder="Mot clé à filtrer">
        <div class="input-group-append">
            <button class="btn btn-outline-primary" style="border-top-left-radius: 0; border-bottom-left-radius: 0;" type="submit">Cliquez ici pour filtrer et/ou rafraîchir les logs</button>
        </div>
    </div>
</form>

<hr>

<table class="table table-bordered">
<tbody>
    <tr>
        <td scope="row" style="background:#222;">
            <div id="logsResult-<?= md5($console) ?>" style="width:100%;height:100vh;overflow:auto;background:#222;color:#eee;padding:10px;"></div>
        </td>
    </tr>
    </tbody>
</table>

<script>
$(function() {
    function loadLogs() {
        $.get($("#logsForm-<?= md5($console) ?>").attr("action"), $("#logsForm-<?= md5($console) ?>").serialize(), function(data) {
            $("#logsResult-<?= md5($console) ?>").html(data);
        });
    }
    $("#logsForm-<?= md5($console) ?>").on("submit", function(e) {
        e.preventDefault();
        loadLogs();
    });
    // Chargement initial
    loadLogs();
});
</script>