radiantrh/Vue/Accessubmenus/index.php
2026-01-16 12:10:34 +00:00

95 lines
3.5 KiB
PHP
Executable File

<?php $this->titre = "INTER SANTE - Accès Sous-Menus"; ?>
<div id="div_liste" class="container-fluid py-4 animate__animated animate__fadeIn">
<div class="d-flex align-items-center mb-4">
<div class="bg-primary text-white p-3 rounded-3 shadow-sm me-3">
<i class="fas fa-list-ul fa-2x"></i>
</div>
<div>
<h1 class="mb-0 fw-bold text-primary"><?= _("Gestion des Sous-Menus") ?></h1>
<p class="text-muted small mb-0"><?= _("Définissez quels boutons et actions sont visibles pour chaque profil") ?></p>
</div>
</div>
<div class="card shadow-sm border-0 mb-4">
<div class="card-body p-4 bg-light rounded-3 border">
<div class="row g-3 align-items-end">
<div class="col-md-4">
<label for="codeProfil" class="form-label small fw-bold text-uppercase">
<i class="fas fa-user-tag me-1"></i> <?= _("Profil") ?>
</label>
<select class="form-select shadow-xs border-info-subtle" id="codeProfil" name="codeProfil" onChange="ajax_menus_profil();">
<?php liste_options($profil, ""); ?>
</select>
</div>
<div class="col-md-5">
<label for="vue" class="form-label small fw-bold text-uppercase">
<i class="fas fa-folder-open me-1"></i> <?= _("Menu Principal") ?>
</label>
<div id="div_menu">
<select class="form-select shadow-xs" id="codeVue" name="codeVue">
<?php liste_options($menus, ""); ?>
</select>
</div>
</div>
<div class="col-md-3">
<button type="button" class="btn btn-primary w-100 fw-bold shadow-sm d-flex align-items-center justify-content-center"
onclick="afficher_menu_vue_profil();" style="height: 38px;">
<i class="fas fa-sync-alt me-2"></i> <?= _("Actualiser la vue") ?>
</button>
</div>
</div>
</div>
</div>
<div id="div_menu_profil" class="min-vh-50 rounded-4 border-dashed d-flex align-items-center justify-content-center bg-white">
<div class="text-center py-5">
<div class="mb-3">
<i class="fas fa-mouse-pointer fa-3x text-muted opacity-25"></i>
</div>
<h5 class="text-muted fw-light"><?= _("Sélectionnez un profil et un menu pour gérer les boutons") ?></h5>
</div>
</div>
</div>
<style>
/* Styles spécifiques pour cette interface */
.shadow-xs { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.border-dashed {
border: 2px dashed #e9ecef !important;
transition: all 0.3s ease;
}
.form-select {
border-radius: 8px;
font-size: 10pt;
}
.form-select:focus {
border-color: #0dcaf0;
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.1);
}
.btn-primary {
border-radius: 8px;
transition: transform 0.1s ease;
}
.btn-primary:active {
transform: scale(0.98);
}
/* Ajustement de la zone de contenu quand elle est remplie */
#div_menu_profil:not(:has(.text-center)) {
border: none !important;
background: transparent;
display: block !important;
}
</style>