2018-04-02 08:29:19 +02:00
< ? php echo template :: formOpen ( 'themeHeaderForm' ); ?>
2019-06-27 21:10:50 +02:00
< div class = " row " >
< div class = " col2 " >
< ? php echo template :: button ( 'themeHeaderBack' , [
2018-04-02 08:29:19 +02:00
'class' => 'buttonGrey' ,
'href' => helper :: baseUrl () . 'theme' ,
'ico' => 'left' ,
'value' => 'Retour'
]); ?>
2019-06-27 21:10:50 +02:00
</ div >
< div class = " col2 offset8 " >
< ? php echo template :: submit ( 'themeHeaderSubmit' ); ?>
</ div >
</ div >
< div class = " row " >
2021-10-28 16:23:11 +02:00
< div class = " col12 " >
< div class = " block " >
< h4 > Paramètres </ h4 >
< div class = " row " >
2021-11-09 18:38:37 +01:00
< div class = " col4 " >
2021-11-07 15:50:24 +01:00
< ? php echo template :: select ( 'themeHeaderFeature' , $module :: $headerFeatures , [
'label' => 'Nature de contenu' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'feature' ])
]); ?>
</ div >
2021-11-09 18:38:37 +01:00
< div class = " col4 " >
2021-10-28 16:23:11 +02:00
< ? php echo template :: select ( 'themeHeaderPosition' , $module :: $headerPositions , [
'label' => 'Position' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'position' ])
]); ?>
</ div >
2021-11-09 18:38:37 +01:00
< div class = " col4 " >
< ? php echo template :: select ( 'themeHeaderHeight' , $module :: $headerHeights , [
'label' => 'Hauteur maximale' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'height' ]),
'help' => 'La hauteur maximale est de 600 pixels, même si les dimensions de l\'image sélectionnée sont supérieures. <br />Lorsque l\'adaptation est positionnée sur Responsive, la hauteur diminue proportionnellement à la largeur.'
]); ?>
</ div >
2021-10-28 16:23:11 +02:00
</ div >
< div class = " row " >
2021-11-09 18:38:37 +01:00
< div class = " col4 " >
< ? php echo template :: select ( 'themeHeaderContainer' , $module :: $containers , [
'label' => 'Largeur' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'container' ])
]); ?>
</ div >
2021-11-07 15:50:24 +01:00
< div class = " col4 " >
2021-10-28 16:23:11 +02:00
< div id = " themeHeaderSmallDisplay " class = " displayNone " >
< ? php echo template :: checkbox ( 'themeHeaderTinyHidden' , true , 'Masquer la bannière en écran réduit' , [
'checked' => $this -> getData ([ 'theme' , 'header' , 'tinyHidden' ])
]); ?>
</ div >
</ div >
2021-11-07 15:50:24 +01:00
< div class = " col4 " >
2021-10-28 16:23:11 +02:00
< div id = " themeHeaderPositionOptions " class = " displayNone " >
< ? php echo template :: checkbox ( 'themeHeaderMargin' , true , 'Aligner la bannière avec le contenu' , [
'checked' => $this -> getData ([ 'theme' , 'header' , 'margin' ])
]); ?>
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
2021-11-09 18:38:37 +01:00
< div class = " row wallpaperContainer " >
2021-10-28 16:23:11 +02:00
< div class = " col12 " >
2019-06-27 21:10:50 +02:00
< div class = " block " >
< h4 > Couleurs </ h4 >
< div class = " row " >
2020-09-18 20:51:40 +02:00
< div class = " col6 " >
2019-06-27 21:10:50 +02:00
< ? php echo template :: text ( 'themeHeaderBackgroundColor' , [
2018-04-02 08:29:19 +02:00
'class' => 'colorPicker' ,
2020-08-12 17:39:43 +02:00
'help' => 'Le curseur horizontal règle le niveau de transparence.' ,
2018-04-02 08:29:19 +02:00
'label' => 'Fond' ,
'value' => $this -> getData ([ 'theme' , 'header' , 'backgroundColor' ])
]); ?>
2019-06-27 21:10:50 +02:00
</ div >
2020-09-18 20:51:40 +02:00
< div class = " col6 " >
2019-06-27 21:10:50 +02:00
< ? php echo template :: text ( 'themeHeaderTextColor' , [
2018-04-02 08:29:19 +02:00
'class' => 'colorPicker' ,
2020-08-12 17:39:43 +02:00
'help' => 'Le curseur horizontal règle le niveau de transparence.' ,
2018-04-02 08:29:19 +02:00
'label' => 'Texte' ,
'value' => $this -> getData ([ 'theme' , 'header' , 'textColor' ])
]); ?>
2019-06-27 21:10:50 +02:00
</ div >
</ div >
</ div >
</ div >
2021-10-28 16:23:11 +02:00
</ div >
2021-11-09 18:38:37 +01:00
< div class = " row wallpaperContainer " >
2021-10-28 16:23:11 +02:00
< div class = " col12 " >
2019-06-27 21:10:50 +02:00
< div class = " block " >
2021-11-07 15:50:24 +01:00
< h4 > Mise en forme du titre </ h4 >
< div class = " row " >
< div class = " col3 " >
< ? php echo template :: select ( 'themeHeaderFont' , $module :: $fonts , [
'label' => 'Police' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'font' ]),
'fonts' => true
]); ?>
</ div >
< div class = " col3 " >
< ? php echo template :: select ( 'themeHeaderFontSize' , $module :: $headerFontSizes , [
'label' => 'Taille' ,
'help' => 'Proportionnelle à celle définie dans le site.' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'fontSize' ])
]); ?>
</ div >
< div class = " col3 " >
< ? php echo template :: select ( 'themeHeaderFontWeight' , $module :: $fontWeights , [
'label' => 'Style' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'fontWeight' ])
]); ?>
</ div >
< div class = " col3 " >
< ? php echo template :: select ( 'themeHeaderTextTransform' , $module :: $textTransforms , [
'label' => 'Casse' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'textTransform' ])
]); ?>
</ div >
</ div >
</ div >
</ div >
</ div >
2021-11-09 18:38:37 +01:00
< div class = " row wallpaperContainer " >
2021-11-07 15:50:24 +01:00
< div class = " col12 " >
< div class = " block " >
< h4 > Papier peint </ h4 >
2019-07-05 19:59:09 +02:00
< div class = " row " >
2020-09-18 20:51:40 +02:00
< div class = " col12 " >
2019-07-05 19:59:09 +02:00
< ? php
$imageFile = file_exists ( self :: FILE_DIR . 'source/' . $this -> getData ([ 'theme' , 'header' , 'image' ])) ?
$this -> getData ([ 'theme' , 'header' , 'image' ]) : " " ;
echo template :: file ( 'themeHeaderImage' , [
2020-08-12 17:39:43 +02:00
'help' => 'Sélectionner une image aux dimensions recommandées ci-dessous :' ,
2019-07-05 19:59:09 +02:00
'label' => 'Fond' ,
'type' => 1 ,
'value' => $imageFile
]); ?>
</ div >
</ div >
2019-06-27 21:10:50 +02:00
< div id = " themeHeaderImageOptions " class = " displayNone " >
< div class = " row " >
2021-11-09 18:58:19 +01:00
< div class = " col4 " >
2019-06-27 21:10:50 +02:00
< ? php echo template :: select ( 'themeHeaderImageRepeat' , $module :: $repeats , [
2018-04-02 08:29:19 +02:00
'label' => 'Répétition' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'imageRepeat' ])
]); ?>
2019-06-27 21:10:50 +02:00
</ div >
2021-11-09 18:58:19 +01:00
< div class = " col4 " >
< ? php echo template :: select ( 'themeHeaderImageContainer' , $module :: $headerWide , [
'label' => 'Adaptation' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'imageContainer' ]),
'help' => ' Les modes responsives permettent de conserver des dimensions proportionnelles .< br />
Cover pour une image plus grande que la bannière , Contain pour une image plus petite .
Les modes Auto et Etiré ne provoquent pas de modification de la hauteur de la bannière . '
]); ?>
</ div >
< div class = " col4 " >
2019-06-27 21:10:50 +02:00
< ? php echo template :: select ( 'themeHeaderImagePosition' , $module :: $imagePositions , [
2018-04-02 08:29:19 +02:00
'label' => 'Position' ,
'selected' => $this -> getData ([ 'theme' , 'header' , 'imagePosition' ])
]); ?>
2019-06-27 21:10:50 +02:00
</ div >
</ div >
2019-07-05 19:59:09 +02:00
< div class = " row " >
2019-12-06 18:40:45 +01:00
< div class = " col6 " >
2019-11-10 21:02:28 +01:00
< ? php echo template :: checkbox ( 'themeHeaderTextHide' , true , 'Masquer le titre du site' , [
2019-07-05 19:59:09 +02:00
'checked' => $this -> getData ([ 'theme' , 'header' , 'textHide' ])
]); ?>
</ div >
2019-12-06 18:40:45 +01:00
< div id = " themeHeaderShow " class = " col6 " >
2019-11-09 19:03:03 +01:00
< ? php echo template :: checkbox ( 'themeHeaderlinkHomePage' , true , 'Bannière cliquable' , [
'checked' => $this -> getData ([ 'theme' , 'header' , 'linkHomePage' ])
2020-08-12 17:39:43 +02:00
]); ?>
</ div >
2019-12-06 18:40:45 +01:00
</ div >
< div class = " row " >
< div class = " col12 textAlignCenter " >
< span id = " themeHeaderImage " >
2020-09-18 20:51:40 +02:00
Largeur : < span id = " themeHeaderImageWidth " ></ span > | Hauteur : < span id = " themeHeaderImageHeight " ></ span > | ratio : < span id = " themeHeaderImageRatio " ></ span >
2019-12-06 18:40:45 +01:00
</ span >
2020-08-12 17:39:43 +02:00
</ div >
2019-07-05 19:59:09 +02:00
</ div >
2019-06-27 21:10:50 +02:00
</ div >
</ div >
</ div >
</ div >
2021-11-09 18:38:37 +01:00
< div class = " row featureContainer " >
2019-06-27 21:10:50 +02:00
< div class = " col12 " >
< div class = " block " >
2021-11-07 15:50:24 +01:00
< h4 > Contenu personnalisé </ h4 >
2019-06-27 21:10:50 +02:00
< div class = " row " >
2021-11-07 15:50:24 +01:00
< div class = " col12 " >
< ? php echo template :: textarea ( 'themeHeaderContent' , [
'class' => 'editorWysiwyg' ,
'value' => $this -> getData ([ 'theme' , 'header' , 'featureContent' ])
]); ?>
2019-06-27 21:10:50 +02:00
</ div >
</ div >
</ div >
</ div >
</ div >
2021-11-09 22:31:31 +01:00
< div id = " featureContent " class = " displayNone " >
< ? php echo $this -> getData ([ 'theme' , 'header' , 'featureContent' ]); ?>
</ div >
2018-04-02 08:29:19 +02:00
< ? php echo template :: formClose (); ?>