alpha_full/admin/styles/couleursGene/couleursGene.php
2026-04-06 22:58:51 +02:00

114 lines
5.9 KiB
PHP
Executable File

<?php
// les couleurs par nom
include ("codesCouleur.php");
include ("./styles/req/coulGeneReqSelectAll.php");
// -----------------------------------------------------
// Listes des couleurs
// -----------------------------------------------------
echo '<div style="text-align:left;" >';
echo '<span >Choisissez un espace : </span>';
echo '<select class="selectWbm" onChange="selectCoul();" id="descDesign" name="descDesign" >';
// echo ' desc=' .$descDesign;
for ($j=0;$j<count($tabIdColor);$j++) {
if ($tabDescColor[$j]==$descDesign) {
echo '<option style="background-color:' .$tabBgColor[$j]. ';color:' .$tabFontColor[$j]. '; value="' .$tabDescColor[$j]. '" selected >' .$tabDescColor[$j]. '</option>';
$bgColor=$tabBgColor[$j];
$fontColor=$tabFontColor[$j];
}
else
{echo '<option style="background-color:' .$tabBgColor[$j]. ';color:' .$tabFontColor[$j]. '; value="' .$tabDescColor[$j]. '" >' .$tabDescColor[$j]. '</option>';}
}
echo '</select>';
echo '</div>';
echo '<div class="boiteCss" >';
echo '<div class="boiteCssTitre">Couleur de fond <br></div>';
// -----------------------------------------------------
// Couleur de fond
// -----------------------------------------------------
$test=strpos($backGroundCss,'gradient' );
if ($test === false ) {$test=strpos($backGroundCss,'linear');}
if ($test === false ) {$test=strpos($backGroundCss,'transparent');}
if ($test === false ) {$test=strpos($backGroundCss,'inherit');}
if (substr($bgColor, 0,1)!="#" && strlen($bgColor)> 1 && $test === flase && ) $bgColor="#" .$bgColor;
echo '<br><i class="fad fa-edit icoStyle"></i>&#160;';
echo '<span>Saisie : </span>';
echo '<input class="inputWebmaster" onChange="editCoul(\'bgColor\',1);" name="bgColor" id="bgColor" value="' .$bgColor. '" />';
$theTitle='';
echo '<br><i class="fas fa-palette icoStyle"></i>';
echo '<span >Palette : </span>';
echo '<input class="inputWebmaster" onClick="myFuncBgColGene();" type="text" name="bgColorPalette" id="bgColorPalette" value="' .$bgColor. '" /></span>';
echo '<input class="inputWebmaster" type="color" style="display:none" id="bgColorPicker" onChange="editCoul(\'bgColor\',2);" >';
echo '<br>';
echo '<i class="fad fa-paint-roller icoStyle"></i>';
echo '<span >Nom : &#160;&#160;</span>';
echo '<select class="listBoxCouleur" onChange="editCoul(\'bgColor\',3);" id="bgColorCssNom" name="bgColorCssNom" >';
echo '<option value="inherit" >Hériter du parent</option>';
echo '<option value="-" >--------------------</option>';
for ($j=1;$j<=count($colHex);$j++) {
if ($bgColor==$colHex[$j] || $bgColorCssNom==$colNom[$j])
{echo '<option style="color:' .$colNom[$j]. ';" value="' .$colHex[$j]. '" selected >' .$colNom[$j]. '</option>';}
else
{echo '<option style="color:' .$colNom[$j]. ';" value="' .$colHex[$j]. '" >' .$colNom[$j]. '</option>';}
}
echo '</select>';
echo '</div>';
echo '<br>';
echo '<div class="boiteCss" >';
echo '<div class="boiteCssTitre">Couleur de texte <br></div>';
// -----------------------------------------------------
// Couleur de texte globale
// -----------------------------------------------------
echo '<br><i class="fad fa-edit icoStyle"></i>&#160;';
echo '<span>Saisie : </span>';
echo '<input class="inputWebmaster" onChange="editCoul(\'fontColor\',1);" class="inputWebmaster" name="fontColor" id="fontColor" value="' .$fontColor. '" />';
$theTitle='';
echo '<br><i class="fad fa-palette icoStyle"></i>';
echo '<span >Palette : </span>';
echo '<input class="inputWebmaster" onClick="myFuncFColGene();" type="text" name="fontColorPalette" id="fontColorPalette" value="' .$fontColor. '" /></span>';
echo '<input class="inputWebmaster" type="color" style="display:none" id="fColorPicker" onChange="editCoul(\'fontColor\',2);" >';
echo '<br>';
echo '<i class="fad fa-paint-roller icoStyle"></i>';
echo '<span >Nom : &#160;&#160;</span>';
echo '<select class="listBoxCouleur" onChange="editCoul(\'fontColor\',3);" id="fontColorNom" name="fontColorNom" >';
if ($colNom[$j]=="inherit") echo '<option selected value="inherit" >Hérité du parent</option>';
else echo '<option value="inherit" >Hérité du parent</option>';
echo '<option value="-" >--------------------</option>';
for ($j=1;$j<=count($colHex);$j++) {
if ($fontColor==$colHex[$j] || $fontColorNom==$colNom[$j])
{echo '<option value="' .$colHex[$j]. '" selected>' .$colNom[$j]. '</option>';}
else
{echo '<option value="' .$colHex[$j]. '" >' .$colNom[$j]. '</option>';}
}
echo '</select>';
echo '</div>';
// -----------------------------------------------------
// Propager
// -----------------------------------------------------
echo '<br>';
echo '<span style="display:inline-block;width:96%;margin-top:8px;white-space: break-spaces;padding:10px; border :1px solid lightgrey;border-radius:7px;" >';
echo 'Propager à chaque famille de couleur : ';
echo '<span style="padding:7px;" >';
if($propager==1) echo '<input onClick="majPropager();" type="checkbox" name="propager" id="propager" checked value="' .$propager. '"</span>';
else echo '<input type="checkbox" onClick="majPropager();" name="propager" id="propager" value="' .$propager. '"</span>';
echo '</span>';
// -----------------------------------------------------
// Prévisualisation
// -----------------------------------------------------
echo '<br>';
echo '<span style="display:inline-block;width:96%;margin-top:8px;white-space: break-spaces;padding:10px;border :1px solid lightgrey;border-radius:7px;" >';
echo 'Prévisualisation : ';
echo '<span style="border:1px solid ' .$fontColor. ';color:' .$fontColor. ';background-color:' .$bgColor. ';padding:7px;">' .$descDesign. '</span>';
echo '</span>';
?>