radiantproduction/Vue/Accessubmenus/index.php
2026-03-31 13:31:38 +00:00

98 lines
4.4 KiB
PHP

<?php $this->titre = "INTER SANTE - Accès Sous-Menus"; ?>
<div id="div_liste" class="container-fluid" style="padding-top: 20px; padding-bottom: 20px;">
<div class="page-header" style="margin-top: 0; border-bottom: 2px solid #337ab7; padding-bottom: 15px;">
<div class="row">
<div class="col-xs-2 col-sm-1">
<div style="background-color: #337ab7; color: #fff; padding: 15px; border-radius: 6px; text-align: center;">
<span class="glyphicon glyphicon-th-list" style="font-size: 24px;"></span>
</div>
</div>
<div class="col-xs-10 col-sm-11">
<h1 style="margin: 0; color: #337ab7; font-weight: bold; font-size: 24px;">
<?= _("Gestion des Sous-Menus") ?>
</h1>
<p class="text-muted" style="margin-top: 5px;"><?= _("Définissez quels boutons et actions sont visibles pour chaque profil") ?></p>
</div>
</div>
</div>
<div class="panel panel-default" style="border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
<div class="panel-body" style="background-color: #f9f9f9; padding: 25px;">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="codeProfil" class="control-label" style="text-transform: uppercase; font-size: 11px; color: #666; font-weight: bold;">
<span class="glyphicon glyphicon-tags" style="margin-right: 5px;"></span> <?= _("Profil") ?>
</label>
<select class="form-control" id="codeProfil" name="codeProfil" onChange="ajax_menus_profil();" style="height: 40px;">
<?php liste_options($profil, ""); ?>
</select>
</div>
</div>
<div class="col-md-5">
<div class="form-group">
<label for="vue" class="control-label" style="text-transform: uppercase; font-size: 11px; color: #666; font-weight: bold;">
<span class="glyphicon glyphicon-folder-open" style="margin-right: 5px;"></span> <?= _("Menu Principal") ?>
</label>
<div id="div_menu">
<select class="form-control" id="codeVue" name="codeVue" style="height: 40px;">
<?php liste_options($menus, ""); ?>
</select>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label class="hidden-xs">&nbsp;</label> <button type="button" class="btn btn-primary btn-block"
onclick="afficher_menu_vue_profil();"
style="height: 40px; font-weight: bold; text-transform: uppercase;">
<span class="glyphicon glyphicon-refresh" style="margin-right: 8px;"></span> <?= _("Actualiser la vue") ?>
</button>
</div>
</div>
</div>
</div>
</div>
<div id="div_menu_profil" class="well" style="min-height: 350px; background-color: #ffffff; border: 2px dashed #ddd; text-align: center; margin-top: 20px;">
<div style="padding-top: 80px; color: #999;">
<div style="margin-bottom: 20px;">
<span class="glyphicon glyphicon-hand-up" style="font-size: 48px; opacity: 0.3;"></span>
</div>
<h4 style="font-weight: 300;"><?= _("Sélectionnez un profil et un menu pour gérer les boutons") ?></h4>
</div>
</div>
</div>
<style>
/* Simulation de l'animation d'entrée pour les anciens navigateurs */
.container-fluid {
animation: fadeIn 0.4s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* Style pour la zone de contenu quand elle est chargée via AJAX */
#div_menu_profil:not(:empty) {
border: none;
background-color: transparent;
padding: 0;
box-shadow: none;
}
/* Focus des champs version BS3 */
.form-control:focus {
border-color: #337ab7;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 122, 183, 0.6);
}
</style>