ebene/radiantrh
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ezr

Browse Source
This commit is contained in:
KONE SOREL 2026-03-31 12:20:45 +00:00
parent 62ada6ec6c
commit 8095607793
1 changed files with 48 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
Vue/Roles/index.php
View File

@ -1,69 +1,51 @@
<?php $this->titre = "INTER SANTE - Configuration des Accès"; ?> <?php $this->titre = "INTER SANTE - Configuration des Accès"; ?>
<div id="div_liste" class="container-fluid" style="padding-top: 20px; padding-bottom: 20px;"> <div id="div_liste" class="container-fluid py-4 animate__animated animate__fadeIn">
<div class="d-flex align-items-center mb-4">
<div class="page-header" style="margin-top: 0; border-bottom: 2px solid #337ab7; padding-bottom: 15px;"> <div class="bg-primary text-white p-3 rounded-3 shadow-sm me-3">
<div class="row"> <i class="fas fa-shield-alt fa-2x"></i>
<div class="col-xs-2 col-sm-1"> </div>
<div style="background-color: #337ab7; color: #fff; padding: 15px; border-radius: 6px; text-align: center;"> <div>
<span class="glyphicon glyphicon-lock" style="font-size: 24px;"></span> <h1 class="mb-0 fw-bold text-primary"><?= _("Gestion des Menus & Droits") ?></h1>
</div> <p class="text-muted small mb-0"><?= _("Configurez les accès au menu principal selon le profil utilisateur RH") ?></p>
</div>
<div class="col-xs-10 col-sm-11">
<h1 style="margin-top: 0; color: #337ab7; font-weight: bold; font-size: 24px;">
<?= _("Gestion des Menus & Droits") ?>
</h1>
<p class="text-muted"><?= _("Configurez les accès au menu principal selon le profil utilisateur RH") ?></p>
</div>
</div> </div>
</div> </div>
<div class="panel panel-default"> <div class="card shadow-sm border-0 mb-4">
<div class="panel-body" style="background-color: #f9f9f9;"> <div class="card-body bg-light p-4 rounded-3 border">
<div class="row"> <div class="row align-items-center">
<div class="col-md-5"> <div class="col-md-5">
<div class="form-group"> <label for="codeProfil" class="form-label small fw-bold text-uppercase mb-2">
<label for="codeProfil" class="control-label" style="text-transform: uppercase; font-size: 11px; color: #666;"> <i class="fas fa-user-tag me-2"></i><?= _("Profil Utilisateur cible") ?>
<span class="glyphicon glyphicon-user" style="margin-right: 5px;"></span> </label>
<?= _("Profil Utilisateur cible") ?> <div class="input-group input-group-lg shadow-sm">
</label> <select class="form-select fw-bold border-0"
<div class="input-group input-group-lg"> id="codeProfil"
<select class="form-control" name="codeProfil"
id="codeProfil" required
name="codeProfil" autofocus
required onChange="javascript:afficher_menu_principal_profil_rh();"
onChange="javascript:afficher_menu_principal_profil_rh();" style="font-size: 11pt;">
style="font-weight: bold;"> <?php liste_options($profil, ""); ?>
<?php liste_options($profil, ""); ?> </select>
</select>
<span class="input-group-addon">
<span class="glyphicon glyphicon-search"></span>
</span>
</div>
</div> </div>
</div> </div>
<div class="col-md-7" style="margin-top: 25px;"> <div class="col-md-7 pt-4">
<div class="alert alert-info" style="margin-bottom: 0;"> <div class="alert alert-info border-0 shadow-xs mb-0 py-2 px-3 d-flex align-items-center">
<table style="width: 100%;"> <i class="fas fa-info-circle me-3 fa-lg"></i>
<tr> <span class="small">
<td style="width: 40px; vertical-align: middle;"> <?= _("La sélection d'un profil chargera automatiquement la liste des menus disponibles pour modification.") ?>
<span class="glyphicon glyphicon-info-sign" style="font-size: 20px;"></span> </span>
</td>
<td>
<small><?= _("La sélection d'un profil chargera automatiquement la liste des menus disponibles pour modification.") ?></small>
</td>
</tr>
</table>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="div_menu_profil" class="well" style="min-height: 400px; background-color: #ffffff; border: 2px dashed #ccc; text-align: center; margin-top: 20px;"> <div id="div_menu_profil" class="min-vh-50 rounded-3 d-flex align-items-center justify-content-center border-dashed">
<div style="margin-top: 100px; color: #999;"> <div class="text-center text-muted opacity-50 p-5">
<span class="glyphicon glyphicon-list-alt" style="font-size: 60px; margin-bottom: 20px;"></span> <i class="fas fa-th-list fa-4x mb-3"></i>
<h3><?= _("En attente de sélection") ?></h3> <h5><?= _("En attente de sélection") ?></h5>
<p><?= _("Veuillez choisir un profil ci-dessus pour gérer ses accès.") ?></p> <p><?= _("Veuillez choisir un profil ci-dessus pour gérer ses accès.") ?></p>
</div> </div>
</div> </div>
@ -71,25 +53,25 @@
</div> </div>
<style> <style>
/* Ajustements manuels car Bootstrap 3 n'a pas les utilitaires de bordure modernes */ .min-vh-50 { min-height: 400px; transition: all 0.3s ease; }
.well {
/* Style pour le conteneur vide */
.border-dashed {
border: 2px dashed #dee2e6;
background-color: #fcfcfc;
}
.form-select:focus {
box-shadow: none; box-shadow: none;
-webkit-box-shadow: none; border-color: #0d6efd;
} }
/* Animation lors du chargement des données */
#div_menu_profil:not(:empty) { #div_menu_profil:not(:empty) {
border: 1px solid #ddd; border: none;
border-radius: 4px;
background-color: transparent; background-color: transparent;
display: block !important;
} }
/* Simulation du comportement "animate" en CSS simple */ .shadow-xs { box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.animate-fade {
animation: fadeIn 0.5s;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
</style> </style>