Ajouts RH
This commit is contained in:
		@@ -7,6 +7,7 @@
 | 
			
		||||
    <link rel="stylesheet" href="../../css/RH/style.css">
 | 
			
		||||
    <link rel="stylesheet" href="../../css/RH/rh.css">
 | 
			
		||||
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 | 
			
		||||
    <link rel="icon" href="../../media/img/logoIcon.ico" type="image/x-icon" />
 | 
			
		||||
    <title>Gestion des Candidatures</title>
 | 
			
		||||
</head>
 | 
			
		||||
 | 
			
		||||
@@ -32,12 +33,18 @@
 | 
			
		||||
    
 | 
			
		||||
        <!-- Section utilisateur avec déconnexion -->
 | 
			
		||||
        <div class="user-section w3-bar-item w3-right">
 | 
			
		||||
            <div class="user-name w3-padding-16">
 | 
			
		||||
                Alice BERGER
 | 
			
		||||
            <div class="user-name">
 | 
			
		||||
               Alice BERGER
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="logout-container w3-bar-item">
 | 
			
		||||
                <a href="./notifications.html" title="Notifications">
 | 
			
		||||
                    <img src="../../media/img/notifs.png" alt="Logo notification">
 | 
			
		||||
                </a>
 | 
			
		||||
                <a href="./settings.html" title="Paramètres">
 | 
			
		||||
                    <img src="../../media/img/settings.png" alt="Logo paramètres">
 | 
			
		||||
                </a>
 | 
			
		||||
                <a href="../../index.html" title="Se déconnecter">
 | 
			
		||||
                    <img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:25px; height:25px;">
 | 
			
		||||
                    <img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
 | 
			
		||||
                </a>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
@@ -45,54 +52,69 @@
 | 
			
		||||
 | 
			
		||||
    <div class="w3-container">
 | 
			
		||||
        <div class="w3-row">
 | 
			
		||||
            <div class="w3-col s10">
 | 
			
		||||
            <div class="w3-col l10 m12 s12"> <!-- Pour large, medium et small devices -->
 | 
			
		||||
                <h2>Candidatures en Attente de Validation</h2>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
    
 | 
			
		||||
        <!-- Barre de recherche -->
 | 
			
		||||
        <div class="w3-margin-bottom">
 | 
			
		||||
            <input type="text" id="search-input" placeholder="Rechercher par nom" oninput="filterTable()" class="w3-input w3-border">
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
        <!-- Conteneur de tri -->
 | 
			
		||||
        <div class="w3-margin-bottom">
 | 
			
		||||
            <button class="w3-button w3-green" onclick="sortTable(0)">Trier par Nom</button>
 | 
			
		||||
            <button class="w3-button w3-green" onclick="sortTable(1)">Trier par Prénom</button>
 | 
			
		||||
            <button class="w3-button w3-green" onclick="sortTable(2)">Trier par Formation</button>
 | 
			
		||||
            <button class="w3-button w3-green" onclick="openVacationModal()">Ajouter une Offre de Vacation</button>
 | 
			
		||||
        <div class="w3-margin-bottom w3-row">
 | 
			
		||||
            <!-- Boutons empilés sur les petits écrans -->
 | 
			
		||||
            <div class="w3-col l2 m6 s12 w3-margin-bottom" style="padding-right: 8px;">
 | 
			
		||||
                <button class="w3-button w3-green w3-block w3-small" style="padding: 5px;" onclick="sortTable(0)">Trier par Nom</button>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="w3-col l2 m6 s12 w3-margin-bottom" style="padding-right: 8px;">
 | 
			
		||||
                <button class="w3-button w3-green w3-block w3-small" style="padding: 5px;" onclick="sortTable(1)">Trier par Prénom</button>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="w3-col l2 m6 s12 w3-margin-bottom" style="padding-right: 8px;">
 | 
			
		||||
                <button class="w3-button w3-green w3-block w3-small" style="padding: 5px;" onclick="sortTable(2)">Trier par Formation</button>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="w3-col l2 m6 s12 w3-margin-bottom">
 | 
			
		||||
                <button class="w3-button w3-blue w3-block w3-small" style="padding: 5px;" onclick="openVacationModal()">Ajouter une Offre de Vacation</button>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
        <table class="w3-table w3-bordered w3-white">
 | 
			
		||||
            <thead>
 | 
			
		||||
                <tr class="w3-green">
 | 
			
		||||
                    <th>Nom</th>
 | 
			
		||||
                    <th>Prénom</th>
 | 
			
		||||
                    <th>Formation</th>
 | 
			
		||||
                    <th>Action</th>
 | 
			
		||||
                </tr>
 | 
			
		||||
            </thead>
 | 
			
		||||
            <tbody id="candidatures-table">
 | 
			
		||||
                <tr>
 | 
			
		||||
                    <td>Mike</td>
 | 
			
		||||
                    <td>Michel</td>
 | 
			
		||||
                    <td>Informatique - BUT1</td>
 | 
			
		||||
                    <td>
 | 
			
		||||
                        <button class="w3-button w3-green" onclick="consulterDossier('Mike', 'Michel')">Consulter Dossier</button>
 | 
			
		||||
                    </td>
 | 
			
		||||
                </tr>
 | 
			
		||||
                <tr>
 | 
			
		||||
                    <td>John</td>
 | 
			
		||||
                    <td>Williams</td>
 | 
			
		||||
                    <td>Mathématiques - BUT GEA</td>
 | 
			
		||||
                    <td>
 | 
			
		||||
                        <button class="w3-button w3-green" onclick="consulterDossier('John', 'Williams')">Consulter Dossier</button>
 | 
			
		||||
                    </td>
 | 
			
		||||
                </tr>
 | 
			
		||||
                <!-- Ajoutez d'autres lignes ici -->
 | 
			
		||||
            </tbody>
 | 
			
		||||
        </table>
 | 
			
		||||
    
 | 
			
		||||
        <!-- Tableau responsive -->
 | 
			
		||||
        <div class="w3-responsive">
 | 
			
		||||
            <table class="w3-table w3-bordered w3-white">
 | 
			
		||||
                <thead>
 | 
			
		||||
                    <tr class="w3-green">
 | 
			
		||||
                        <th>Nom</th>
 | 
			
		||||
                        <th>Prénom</th>
 | 
			
		||||
                        <th>Formation</th>
 | 
			
		||||
                        <th>Durée</th>
 | 
			
		||||
                        <th>Action</th>
 | 
			
		||||
                    </tr>
 | 
			
		||||
                </thead>
 | 
			
		||||
                <tbody id="candidatures-table">
 | 
			
		||||
                    <tr>
 | 
			
		||||
                        <td>Mike</td>
 | 
			
		||||
                        <td>Michel</td>
 | 
			
		||||
                        <td>Informatique - BUT1</td>
 | 
			
		||||
                        <td>1 semestre (120h)</td>
 | 
			
		||||
                        <td>
 | 
			
		||||
                            <button class="w3-button w3-green" onclick="consulterDossier('Mike', 'Michel')">Consulter Dossier</button>
 | 
			
		||||
                        </td>
 | 
			
		||||
                    </tr>
 | 
			
		||||
                    <tr>
 | 
			
		||||
                        <td>John</td>
 | 
			
		||||
                        <td>Williams</td>
 | 
			
		||||
                        <td>Mathématiques - BUT GEA</td>
 | 
			
		||||
                        <td>2 semestre (180h)</td>
 | 
			
		||||
                        <td>
 | 
			
		||||
                            <button class="w3-button w3-green" onclick="consulterDossier('John', 'Williams')">Consulter Dossier</button>
 | 
			
		||||
                        </td>
 | 
			
		||||
                    </tr>
 | 
			
		||||
                </tbody>
 | 
			
		||||
            </table>
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    
 | 
			
		||||
 | 
			
		||||
    <!-- Modal pour consulter le dossier de candidature -->
 | 
			
		||||
    <div id="dossierModal" class="w3-modal">
 | 
			
		||||
@@ -108,8 +130,8 @@
 | 
			
		||||
                    <button class="w3-button w3-lime" style="margin-bottom: 10px;" onclick="ajouterCommentaire()">Ajouter Commentaire</button>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div>
 | 
			
		||||
                    <button class="w3-button w3-green" onclick="validerDossier()">Valider Dossier</button>
 | 
			
		||||
                    <button class="w3-button w3-red" onclick="refuserDossier()">Refuser Dossier</button>
 | 
			
		||||
                    <button class="w3-button w3-green w3-margin-bottom" onclick="validerDossier()">Valider Dossier</button>
 | 
			
		||||
                    <button class="w3-button w3-red w3-margin-bottom" onclick="refuserDossier()">Refuser Dossier</button>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
@@ -131,7 +153,7 @@
 | 
			
		||||
                    <label for="duree">Durée (en jours) :</label>
 | 
			
		||||
                    <input type="number" id="duree" name="duree" min="1" required class="w3-input w3-border">
 | 
			
		||||
                    
 | 
			
		||||
                    <button type="submit" class="w3-button w3-green">Soumettre l'Offre</button>
 | 
			
		||||
                    <button type="submit" class="w3-button w3-green w3-margin-top w3-margin-bottom">Soumettre l'Offre</button>
 | 
			
		||||
                </form>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user