radiantproduction/Vue/Nouveluserrh/index.php

<?php 
    $this->titre = "INTER SANTE - Nouvel Utilisateur Portail RH"; 
    $idClient    = $_SESSION['idClient_C'];
    $nomClient   = $_SESSION['nomClient_C'];
    
    $codeModeGenerationPass     = $paramsgenerationpass['codeModeGenerationPass'];
    $codeModeEnvoiPass          = $paramsgenerationpass['codeModeEnvoiPass'];
?>

<input class="sr-only" id="nomForm" name="nomForm" type="text" value="nouveluserrh">

<div id="div_liste" class="container-fluid" style="padding-top: 15px;">
    
    <h1 class="text-primary" style="margin-bottom: 20px;">
        <span class="glyphicon glyphicon-plus-sign" style="margin-right: 10px;"></span> 
        <?= _("Nouvel Utilisateur") ?>
    </h1>

    <div class="panel panel-default" style="border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
        
        <div class="panel-heading" style="background-color: #fff; padding: 15px;">
            <h4 class="panel-title" style="font-weight: bold;">
                <span style="color: #999; font-weight: normal;"><?= $nomClient ?></span>
            </h4>
        </div>

        <div class="panel-body">
            <form id="form_new_user">
                
                <div class="row">
                    <div class="col-xs-12">
                        <h5 class="text-success" style="text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px;">
                            <span class="glyphicon glyphicon-user" style="margin-right: 8px;"></span><?= _("Identité & Connexion") ?>
                        </h5>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Nom de famille") ?></label>
                            <input type="text" id="nom" name="nom" class="form-control" required autocomplete="off" autofocus>
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label small" style="text-transform: uppercase; font-size: 11px;"><?= _("Prénoms") ?></label>
                            <input type="text" id="prenoms" name="prenoms" class="form-control" autocomplete="off">
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Login (Identifiant)") ?></label>
                            <div class="input-group">
                                <span class="input-group-addon">@</span>
                                <input type="text" id="codeUtilisateur" name="codeUtilisateur" 
                                       class="form-control" style="text-transform: lowercase;"
                                       onChange="this.value=supprimer_espace_string(this.value);" required>
                            </div>
                            <div id="div_unicite_login" style="margin-top: 5px;">
                                <input type="hidden" id="uniciteLogin" name="uniciteLogin" value="0">
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("E-mail") ?></label>
                            <input type="email" id="email" name="email" class="form-control" placeholder="exemple@domaine.com" required>
                        </div>
                    </div>
                </div>

                <div class="row" style="margin-top: 15px;">
                    <div class="col-xs-12">
                        <h5 class="text-success" style="text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px;">
                            <span class="glyphicon glyphicon-eye-open" style="margin-right: 8px;"></span><?= _("Profil & Préférences") ?>
                        </h5>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Téléphone") ?></label>
                            <input type="tel" id="telephone" name="telephone" class="form-control" required>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Langue") ?></label>
                            <select class="form-control" id="codeLangueUser" name="codeLangueUser" required>
                                <?php liste_options($langue, ""); ?>
                            </select>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Profil / Rôle") ?></label>
                            <select class="form-control" id="codeProfil" name="codeProfil" required style="font-weight: bold; border-color: #d6e9c6;">
                                <?php liste_options($user_profil, ""); ?>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="well" style="margin-top: 20px; border-radius: 4px; background-color: #fcfcfc; border: 1px solid #e3e3e3;">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label small" style="text-transform: uppercase; font-size: 11px;"><?= _("Mode d'envoi du mot de passe") ?></label>
                                <select class="form-control" id="codeModeEnvoiPass" name="codeModeEnvoiPass">
                                    <?php liste_options($modeenvoipass, $codeModeEnvoiPass, true); ?>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label small" style="text-transform: uppercase; font-size: 11px;"><?= _("Mode de génération") ?></label>
                                <select class="form-control" id="codeModeGenerationPass" name="codeModeGenerationPass" onChange="ajax_saisir_pass_new_user();">
                                    <?php liste_options($modegenerationpass, $codeModeGenerationPass, true); ?>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div id="div_passwd" style="margin-top: 10px;">
                        <?php require __DIR__ . '/../Ajaxsaisirpassnewuser/index.php'; ?>
                    </div>
                </div>

                <div class="row" style="margin-top: 25px; padding-bottom: 10px;">
                    <div class="col-xs-12 text-right">
                        <button type="button" class="btn btn-default" style="font-weight: bold; padding: 8px 25px; margin-right: 10px;" onClick="retour_a_users_rh_client();">
                            <span class="glyphicon glyphicon-remove" style="margin-right: 5px;"></span><?= _("Annuler") ?>
                        </button>
                        <button type="button" id="btn_enreg" class="btn btn-success" style="font-weight: bold; padding: 8px 35px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);" onClick="creer_user_rh_client();">
                            <span class="glyphicon glyphicon-ok-circle" style="margin-right: 5px;"></span><?= _("Créer le compte") ?>
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    /* Simulation des utilitaires manquants en BS3 */
    .required:after { content: " *"; color: #a94442; }
    
    .form-control:focus {
        border-color: #3c763d;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(60, 118, 61, 0.3);
    }
    
    /* Animation FadeIn simple */
    #div_liste {
        animation: fadeIn 0.4s ease;
    }
    @keyframes fadeIn {
        from { opacity: 0; } to { opacity: 1; }
    }
</style>