CMS-CSE/core/views/pages/cms.parametres-general.php

<?php
$checkMaintenance = core::isMaintenance();
$checkDebug = core::isDebug();
?>

<h4>Général</h4>
<div class="element-parametres form-check form-switch">
    <input class="form-check-input" type="checkbox" role="switch" id="checkMaintenance" <?php core::checkboxSelecter($checkMaintenance) ?>>
    <label class="form-check-label" for="checkMaintenance">Site en mode maintenance (les salariés ne pourront plus faire d'action sur le site)</label>
</div>
<div class="element-parametres form-check form-switch">
    <input class="form-check-input" type="checkbox" role="switch" id="checkDebug" <?php core::checkboxSelecter($checkDebug) ?>>
    <label class="form-check-label" for="checkDebug">Afficher les erreurs (débug)</label>
</div>

<?php if (session::accessUserByType(1) and session::getId() == 1 and (ENVIRONNEMENT == "DEV" or ENVIRONNEMENT == "PREPROD")) { ?>

    <h4>Développement</h4>
    <div class="element-parametres">
        <a href="/submit.php?from=parametres-reset-datas" onclick="return confirm('Etes-vous certain de vouloir supprimer les données ?')"><button type="button" class="btn btn-warning">Nettoyer les données</button></a>
    </div>
    <div class="element-parametres">
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalPHPInfo">PHP Infos</button>
    </div>

    <div class="modal fade" id="modalPHPInfo" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">PHP Info</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <iframe width="970" height="800" src="/parametres-debug-info.vue"></iframe>
                </div>
            </div>
        </div>
    </div>

<?php } ?>

<script>
    $(document).ready(function() {
        $('#checkMaintenance').on('change', function() {
            window.location.href = "/submit.php?from=parametres-maintenance-activation&actif=" + $("#checkMaintenance").prop('checked');
        });

        $('#checkDebug').on('change', function() {
            window.location.href = "/submit.php?from=parametres-debug-activation&actif=" + $("#checkDebug").prop('checked');
        });

        $('#modalPHPInfo').on('show.bs.modal', function() {
            $(this).find('.modal-body').css({
                width: 'auto', //probably not needed
                height: 'auto', //probably not needed 
                'max-height': '100%'
            });
        });
    });
</script>

<style>
    h4 {
        margin-top: 15px;
    }

    .element-parametres {
        margin-top: 5px;
    }

    .modal-body {
        position: relative;
        overflow-y: auto;
        max-height: 400px;
        padding: 15px;
    }

    .modal-dialog{
        width: 1005px !important;
    }

    .modal {
        --bs-modal-width: none;
    }

    .autoModal.modal .modal-body {
        max-height: 100%;
    }
</style>