254 lines
14 KiB
PHP
Executable File
254 lines
14 KiB
PHP
Executable File
<?php
|
||
$nomFicAppelant = basename(__FILE__);
|
||
// -----------------------------------------------------
|
||
// Etre admin
|
||
// -----------------------------------------------------
|
||
if (isset($_SESSION['isAdmin']) && $_SESSION['isAdmin']=='O' ) {
|
||
|
||
$imgRepeat='';
|
||
$imgSize='';
|
||
$theImage='';
|
||
$imgRepeat = '';
|
||
$uploadOk = 1;
|
||
$backgroundSize='';
|
||
|
||
// -----------------------------------------------------
|
||
// Var
|
||
// -----------------------------------------------------
|
||
if (isset($_POST['theImage'])) {$theImage=$_POST['theImage'];}
|
||
if (isset($_POST['imgRepeat'])) {$imgRepeat=$_POST['imgRepeat'];}
|
||
if (isset($_POST['imgSize'])) {$imgSize=$_POST['imgSize'];}
|
||
if (isset($_GET['theImage'])) {$theImage=$_GET['theImage'];}
|
||
|
||
if ($codeOpe=="UPDATE" || $codeOpe=="majGallerie" ) {
|
||
$uploadOk=1;
|
||
// -----------------------------------------------------
|
||
// Upload
|
||
// -----------------------------------------------------
|
||
// -----------------------------------------------------
|
||
//
|
||
if (isset($_FILES["fileToUpload"]) && !empty($_FILES["fileToUpload"])) {
|
||
if (isset($debug[2]) && $debug[2] == '1') { $debugMsg .= monDebug(2, ['upload tmp name' => $_FILES["fileToUpload"]["tmp_name"]], '');}
|
||
if ($_FILES["fileToUpload"]["tmp_name"]!='') {
|
||
$target_dir = "../Design/_fonds/";
|
||
$targetExtension =['jpeg', 'jpg', 'png', 'gif', 'bmp' ];
|
||
$targetSize ='6291456'; //6 Mo
|
||
$largeurMax = 0;
|
||
$hauteurMax = 0;
|
||
$largeurMin = 0;
|
||
$hauteurMin = 0;
|
||
include ($includePathAdmin. "/_fonctions/uploadGenerique.php");
|
||
}
|
||
}
|
||
if (isset($debug[2]) && $debug[2] == '1') { $debugMsg .= monDebug(2, ['uploadOk' => $uploadOk], '');}
|
||
|
||
// -----------------------------------------------------
|
||
// Req UPDATE + select
|
||
// -----------------------------------------------------
|
||
if ($uploadOk==1) {include ("imgFondsReqUpdate.php");}
|
||
}
|
||
|
||
include ("imgFondsReqSelect.php");
|
||
|
||
// -----------------------------------------------------
|
||
// Debug
|
||
// -----------------------------------------------------
|
||
if (isset($debug[1]) && $debug[1] == '1' ) {
|
||
$debugMsg .= monDebug (1,[
|
||
'theImage' => $theImage,
|
||
'imgRepeat' => $imgRepeat,
|
||
'imgSize' => $imgSize,
|
||
'modifLg' => $modifLg,
|
||
'backgroundRepeat' => $backgroundRepeat,
|
||
'backgroundSize' => $backgroundSize,
|
||
],'');
|
||
}
|
||
|
||
|
||
echo '<form name="imgFondsModaleF" id="imgFondsModaleF" method="POST" enctype="multipart/form-data">';
|
||
|
||
// -----------------------------------------------------
|
||
// Form
|
||
// -----------------------------------------------------
|
||
echo '<div id="zoneFormModales" >';
|
||
|
||
echo 'Prévisualisation réduite : ';
|
||
echo '<div > ';
|
||
if ($theImage!="-" && $theImage!="") {
|
||
$retour='';
|
||
$theImage2=str_replace("../../","../",$theImage);
|
||
$msgHTM='<html><head></head><body ';
|
||
$msgHTM=$msgHTM. 'style="position:relative; background-size:contain; background-repeat:no-repeat; background-image:url(\'' .$theImage2. '\');';
|
||
if (!empty($backgroundRepeat) && $backgroundRepeat!='-') $msgHTM=$msgHTM. 'background-repeat:' .$backgroundRepeat. ';';
|
||
// if (!empty($backgroundSize) && $backgroundSize!='-') $msgHTM=$msgHTM. 'background-size:' .$backgroundSize. ';"';
|
||
$msgHTM=$msgHTM. '"><body></html>';
|
||
$retour=file_put_contents('imgFondsPreview.html',$msgHTM);
|
||
// echo '<img src="'.$theImage2.'" height="30%" width="30%" frameborder="0" scrolling="yes" ></img>';
|
||
echo '<iframe src="imgFondsPreview.html" height="20%" frameborder="0" scrolling="yes" ></iframe>';
|
||
}
|
||
echo '</div>';
|
||
|
||
// -----------------------------------------------------
|
||
// Champs cachés
|
||
// -----------------------------------------------------
|
||
echo '<input type="hidden" name="codeOpe" id="codeOpe" value="' .$codeOpe. '" >';
|
||
echo '<input type="hidden" name="lgCourante" id="lgCourante" value="' .$_SESSION['lgCouranteCode']. '" >';
|
||
echo '<input type="hidden" id="imgSize" name="imgSize" value="' .$backgroundSize. '" />';
|
||
echo '<input type="hidden" id="theImage" name="theImage" value="' .$theImage. '" />';
|
||
|
||
// -----------------------------------------------------
|
||
// Chemin actuel
|
||
// -----------------------------------------------------
|
||
echo '<div class="libChampsWebmaster" >';
|
||
echo 'Chemin actuel : ';
|
||
echo '<input class="inputWebmaster" style="width:80%;" type="text" id="theImage" name="theImage" value="' .$theImage. '" >';
|
||
echo '</div>';
|
||
|
||
// -----------------------------------------------------
|
||
// Gallerie
|
||
// -----------------------------------------------------
|
||
echo '<div style="display:block; width:100%; border:1px solid lightgrey; padding:0px; margin: auto;">';
|
||
|
||
// -----------------------------------------------------
|
||
// Bouton parcourir
|
||
// -----------------------------------------------------
|
||
echo '<label for="fileToUpload" >';
|
||
echo '<span class="boutonsWebmaster" title="Cliquez ici pour parcourir les dossiers de votre ordinateur. " >';
|
||
echo '<i class="fad fa-download"></i> ';
|
||
echo 'Parcourir... ';
|
||
echo '</span>';
|
||
echo '</label>';
|
||
echo '<input style="display:none;" type="file" name="fileToUpload" id="fileToUpload" >';
|
||
|
||
// -----------------------------------------------------
|
||
// Gallerie
|
||
// -----------------------------------------------------
|
||
echo '<span class="boutonsWebmaster" onClick="document.getElementById(\'iFr\').src =\'../Design/gallerie.php?scope=fonds&siteDossier=' .$_SESSION['siteDossier']. '&server=' .$_SESSION['server']. '&src=Design&propager=' .$propager. '\';">🖼️ Images du site</span>';
|
||
|
||
echo '<span class="boutonsWebmaster" onClick="document.getElementById(\'iFr\').src =\'/include/biblio/gallerie.php?scope=fonds&siteDossier=' .$_SESSION['siteDossier']. '&server=' .$_SESSION['server']. '&src=Biblio&propager=' .$propager. '\';">📚 Bibliothèque</span>';
|
||
|
||
if (isset( $src)) {
|
||
switch ($src) {
|
||
case 'Design':
|
||
$src='../Design/gallerie.php?scope=fonds&siteDossier=' .$_SESSION['siteDossier']. '&server=' .$_SESSION['server']. '&src=Design&propager=' .$propager;
|
||
break;
|
||
|
||
case 'Biblio':
|
||
default:
|
||
$src='/include/biblio/gallerie.php?scope=fonds&siteDossier=' .$_SESSION['siteDossier']. '&server=' .$_SESSION['server']. '&src=Biblio&propager=' .$propager;
|
||
break;
|
||
}
|
||
echo '<iframe id="iFr" class="catalogIframe" src="' .$src. '" >';
|
||
echo '</iframe>';
|
||
}
|
||
echo '</div>';
|
||
|
||
// -----------------------------------------------------
|
||
// Supprimer image
|
||
// -----------------------------------------------------
|
||
echo '<div class="libChampsWebmaster" onClick="deleteTitreImg();" > Supprimer : ';
|
||
echo ' <i class="fad fa-trash-alt" style="color:red; fill:red; cursor:pointer;" onClick="deleteTitreImg();" ></i>';
|
||
echo '</div>';
|
||
|
||
// -----------------------------------------------------
|
||
// Repeat
|
||
// -----------------------------------------------------
|
||
echo '<span>';
|
||
echo ' Répetition : ';
|
||
echo '<select id="imgRepeat" name="imgRepeat" class="inputWebmaster" onChange="majDirect(\'0\');" >';
|
||
if ($backgroundRepeat==='no-repeat') {echo '<option value="no-repeat" selected>Une seule image</option>';} else {echo '<option value="no-repeat">Une seule image</option>';}
|
||
if ($backgroundRepeat==='repeat') {echo '<option value="repeat" selected>Mosaïque par défaut</option>';} else {echo '<option value="repeat">Mosaïque par défaut</option>';}
|
||
if ($backgroundRepeat==='repeat-x') {echo '<option value="repeat-x" selected>Répetition en largeur</option>';}else {echo '<option value="repeat-x">Répetition en largeur</option>';}
|
||
if ($backgroundRepeat==='repeat-y') {echo '<option value="repeat-y" selected>Répetition en hauteur</option>';}else {echo '<option value="repeat-y">Répetition en hauteur</option>';}
|
||
if ($backgroundRepeat==='round') {echo '<option value="round" selected>Mosaïque sans espace</option>';} else {echo '<option value="round">Mosaïque sans espace</option>';}
|
||
if ($backgroundRepeat==='space') {echo '<option value="space" selected>Mosaïque avec espace</option>';} else {echo '<option value="space">Mosaïque avec espace</option>';}
|
||
echo '</select>';
|
||
echo '</span>';
|
||
|
||
// -----------------------------------------------------
|
||
// Saisie des options
|
||
// -----------------------------------------------------
|
||
|
||
// -----------------------------------------------------
|
||
// Valeur aide
|
||
// -----------------------------------------------------
|
||
echo '<span class="info-icon fad fa-info-circle" onMouseOver="openPopup(\'T\');" ></span>';
|
||
echo '<div id="popupInfoT" class="popup">';
|
||
echo '<div class="popup-content" onMouseLeave="closePopup(\'T\');">';
|
||
echo '<span class="popup-close" onClick="closePopup(\'T\');">×</span>';
|
||
echo '<img src="./adminInclude/designAdmin/info.png" alt="Info" class="popup-icon" />';
|
||
echo '<p>
|
||
✅ En fonction de l\'option choisie, la `taille saisie` sera automatiquement remplie avec le code correspondant, sinon saisisez une valeur personalisée :
|
||
<br><br><b>Ajustée à la page -> contain</b> : ajuste l’image pour qu’elle soit entièrement visible dans le conteneur, tout en conservant ses proportions. Il peut rester de l’espace vide.
|
||
<br><br><b>Etirée -> cover</b> : ajuste l’image pour remplir entièrement le conteneur, quitte à en rogner une partie, toujours en conservant ses proportions.
|
||
<br><br><b>Auto -> auto</b> pour conserver les proportions de l’image d’origine.:
|
||
<br><br>✅ Vous pouvez aussi saisir des dimensions personnalisées :
|
||
<br>- Si vous saisissez une seule valeur, elle correspond à la largeur de l’image. La hauteur est automatiquement définie à auto.
|
||
<br>Exemple : 800px signifie une largeur de 800px et une hauteur ajustée automatiquement.
|
||
<br><br>- Si vous saisissez deux valeurs, la première correspond à la largeur, la deuxième à la hauteur.
|
||
<br>Exemple : 100% 50% signifie que l’image occupera 100% de la largeur du conteneur et 50% de sa hauteur.
|
||
<br><br>✅ Chaque valeur peut être :
|
||
une longueur (ex. : 200px, 10em)
|
||
un pourcentage (ex. : 50%)
|
||
<br><br>✅ Pour revenir à la taille par défaut choisissez <b>Defaut -> initial</b>
|
||
</p>';
|
||
echo '</div>';
|
||
echo '</div>';
|
||
|
||
echo '<span >';
|
||
$title='Choisissez une valeur depuis la liste déroulante';
|
||
echo ' Taille option : ';
|
||
echo '<select title="' .$title. '" id="imgSize2" name="imgSize2" class="inputWebmaster" onChange="majDirect(\'2\');" >';
|
||
if ($backgroundSize==='-') {echo '<option value="-" class="inputWebmaster" selected>Aucune</option>';} else {echo '<option value="-" class="inputWebmaster">Aucune</option>';}
|
||
if ($backgroundSize==='contain') {echo '<option value="contain" class="inputWebmaster" selected>Ajustée à la page</option>';} else {echo '<option value="contain" class="inputWebmaster">Ajustée à la page</option>';}
|
||
if ($backgroundSize==='cover') {echo '<option value="cover" class="inputWebmaster" selected>Etirée</option>';} else {echo '<option value="cover" class="inputWebmaster">Etirée</option>';}
|
||
if ($backgroundSize==='auto') {echo '<option value="auto" class="inputWebmaster" selected>Auto</option>';} else {echo '<option value="auto" class="inputWebmaster">Auto</option>';}
|
||
if ($backgroundSize==='saisie') {echo '<option value="saisie" class="inputWebmaster" selected>Saisie</option>';} else {echo '<option value="saisie" class="inputWebmaster">Saisie</option>';}
|
||
|
||
if ($backgroundSize==='initial') {echo '<option value="initial" class="inputWebmaster" selected>Defaut</option>';} else {echo '<option value="initial" class="inputWebmaster">Defaut</option>';}
|
||
echo '</select>';
|
||
echo '</span>';
|
||
|
||
// Saisie valeur
|
||
echo '<span >';
|
||
echo ' Taille saisie : ';
|
||
echo '<input type="text" id="imgSize1" name="imgSize1" title="Vous pouvez saisir la taille" onChange="majDirect(\'1\');" value="' .$backgroundSize. '" class="inputWebmaster"/>';
|
||
echo '</span>';
|
||
echo '</div>';
|
||
|
||
// -----------------------------------------------------
|
||
// Zone validate
|
||
// -----------------------------------------------------
|
||
echo '<div id="zoneValidateModales" >';
|
||
|
||
// -----------------------------------------------------
|
||
// Valider
|
||
// -----------------------------------------------------
|
||
echo '<span onClick="majImgFonds();" class="boutonsWebmaster" title="Valider" >';
|
||
echo '<i class="fad fa-check-circle"></i> ';
|
||
echo 'Valider';
|
||
echo '</span>';
|
||
|
||
// -----------------------------------------------------
|
||
// Gérer le style
|
||
// -----------------------------------------------------
|
||
echo '<span onClick="window.location=\'./frmAdmin.php?affAdmin=3&theVoletCss=Transverses site&theNumCss=2\';" class="boutonsWebmaster" title="Cliquez pour personnaliser le style" >';
|
||
echo '<i class="fad fa-feather" style="color:grey;"></i> ';
|
||
echo 'Gérer le style </span>';
|
||
|
||
// -----------------------------------------------------
|
||
// Btn retour
|
||
// -----------------------------------------------------
|
||
echo '<span class="boutonsWebmaster" style="margin:7px;" onClick="window.location=\'siteActif\'" >';
|
||
echo '<i class="fad fa-chevron-circle-left"></i>';
|
||
echo' Retour à l\'agencement ';
|
||
echo '</span>';
|
||
|
||
echo '</div>';
|
||
echo '</form>';
|
||
}
|
||
else {
|
||
$confPath="../_conf";
|
||
include ("./adminInclude/redirectionAdmin.php");
|
||
}
|
||
?>
|