2018-04-02 08:29:19 +02:00
|
|
|
<?php echo template::formOpen('themeHeaderForm'); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
<div class="row">
|
2022-02-08 13:23:34 +01:00
|
|
|
<div class="col1">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::button('themeHeaderBack', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'class' => 'buttonGrey',
|
|
|
|
'href' => helper::baseUrl() . 'theme',
|
|
|
|
'value' => template::ico('left')
|
|
|
|
]); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
2022-02-08 13:23:34 +01:00
|
|
|
<div class="col1">
|
2023-02-18 22:47:01 +01:00
|
|
|
<?php /* echo template::button('themeHeaderHelp', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'href' => 'https://doc.zwiicms.fr/banniere',
|
|
|
|
'target' => '_blank',
|
|
|
|
'value' => template::ico('help'),
|
|
|
|
'class' => 'buttonHelp'
|
2023-02-18 22:47:01 +01:00
|
|
|
]); */?>
|
2021-11-10 08:03:31 +01:00
|
|
|
</div>
|
2022-02-08 13:23:34 +01:00
|
|
|
<div class="col2 offset8">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::submit('themeHeaderSubmit'); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
2021-10-28 16:23:11 +02:00
|
|
|
<div class="col12">
|
|
|
|
<div class="block">
|
2022-10-03 18:37:25 +02:00
|
|
|
<h4><?php echo helper::translate('Paramètres'); ?>
|
2022-09-14 22:54:46 +02:00
|
|
|
</h4>
|
2021-10-28 16:23:11 +02:00
|
|
|
<div class="row">
|
2021-11-15 22:23:21 +01:00
|
|
|
<div class="col4">
|
|
|
|
<?php echo template::select('themeHeaderPosition', $module::$headerPositions, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Position',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'position'])
|
|
|
|
]); ?>
|
2021-11-15 22:23:21 +01:00
|
|
|
</div>
|
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, [
|
2023-03-03 09:03:27 +01:00
|
|
|
'label' => 'Contenu',
|
2022-09-29 08:45:59 +02:00
|
|
|
'selected' => $this->getData(['theme', 'header', 'feature'])
|
|
|
|
]); ?>
|
2021-11-07 15:50:24 +01:00
|
|
|
</div>
|
2021-11-11 15:54:57 +01:00
|
|
|
|
2021-11-09 18:38:37 +01:00
|
|
|
<div class="col4">
|
|
|
|
<?php echo template::select('themeHeaderHeight', $module::$headerHeights, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Hauteur maximale',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'height']),
|
|
|
|
]); ?>
|
2021-11-09 18:38:37 +01:00
|
|
|
</div>
|
2021-11-15 22:23:21 +01:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
2021-11-09 18:38:37 +01:00
|
|
|
<div class="col4">
|
2021-11-15 22:23:21 +01:00
|
|
|
<?php echo template::select('themeHeaderWide', $module::$containerWides, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Largeur',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'wide'])
|
|
|
|
]); ?>
|
2021-11-09 18:38:37 +01:00
|
|
|
</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">
|
2022-09-29 08:45:59 +02:00
|
|
|
<?php echo template::checkbox('themeHeaderTinyHidden', true, 'Masquer la bannière en écran réduit', [
|
|
|
|
'checked' => $this->getData(['theme', 'header', 'tinyHidden'])
|
|
|
|
]); ?>
|
2021-11-10 08:03:31 +01:00
|
|
|
</div>
|
2021-10-28 16:23:11 +02:00
|
|
|
</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', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'checked' => $this->getData(['theme', 'header', 'margin'])
|
|
|
|
]); ?>
|
2021-10-28 16:23:11 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-11-21 16:11:40 +01:00
|
|
|
<div class="row">
|
2021-10-28 16:23:11 +02:00
|
|
|
<div class="col12">
|
2019-06-27 21:10:50 +02:00
|
|
|
<div class="block">
|
2022-10-03 18:37:25 +02:00
|
|
|
<h4><?php echo helper::translate('Couleurs'); ?>
|
2022-09-14 22:54:46 +02:00
|
|
|
</h4>
|
2019-06-27 21:10:50 +02:00
|
|
|
<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', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'class' => 'colorPicker',
|
|
|
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
2022-10-02 10:59:42 +02:00
|
|
|
'label' => 'Arrière plan',
|
2022-09-29 08:45:59 +02:00
|
|
|
'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', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'class' => 'colorPicker',
|
|
|
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
|
|
|
'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">
|
2022-10-03 18:37:25 +02:00
|
|
|
<h4><?php echo helper::translate('Mise en forme du titre'); ?>
|
2022-09-14 22:54:46 +02:00
|
|
|
</h4>
|
2021-11-07 15:50:24 +01:00
|
|
|
<div class="row">
|
2023-04-15 07:51:45 +02:00
|
|
|
<div class="col12">
|
2023-03-03 09:03:27 +01:00
|
|
|
<?php echo template::checkbox('themeHeaderTextHide', true, 'Titre masqué', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'checked' => $this->getData(['theme', 'header', 'textHide'])
|
|
|
|
]); ?>
|
2021-11-19 15:17:23 +01:00
|
|
|
</div>
|
2023-04-15 07:51:45 +02:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col3">
|
2022-04-21 18:38:19 +02:00
|
|
|
<?php echo template::select('themeHeaderFont', $module::$fonts['name'], [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Fonte',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'font']),
|
|
|
|
'fonts' => $module::$fonts['family']
|
|
|
|
]); ?>
|
2021-11-07 15:50:24 +01:00
|
|
|
</div>
|
2023-04-15 07:51:45 +02:00
|
|
|
<div class="col2">
|
2021-11-07 15:50:24 +01:00
|
|
|
<?php echo template::select('themeHeaderFontSize', $module::$headerFontSizes, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Taille',
|
2023-04-14 13:56:43 +02:00
|
|
|
'help' => 'Proportionnelle à la taille définie dans le site.',
|
2022-09-29 08:45:59 +02:00
|
|
|
'selected' => $this->getData(['theme', 'header', 'fontSize'])
|
|
|
|
]); ?>
|
2021-11-07 15:50:24 +01:00
|
|
|
</div>
|
2023-04-15 07:51:45 +02:00
|
|
|
<div class="col2">
|
2021-11-07 15:50:24 +01:00
|
|
|
<?php echo template::select('themeHeaderFontWeight', $module::$fontWeights, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Style',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'fontWeight'])
|
|
|
|
]); ?>
|
2021-11-07 15:50:24 +01:00
|
|
|
</div>
|
2023-04-15 07:51:45 +02:00
|
|
|
<div class="col3">
|
2021-11-07 15:50:24 +01:00
|
|
|
<?php echo template::select('themeHeaderTextTransform', $module::$textTransforms, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Casse',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'textTransform'])
|
|
|
|
]); ?>
|
2021-11-07 15:50:24 +01:00
|
|
|
</div>
|
2023-04-15 07:51:45 +02:00
|
|
|
<div class="col2">
|
2021-11-11 15:54:57 +01:00
|
|
|
<?php echo template::select('themeHeaderTextAlign', $module::$aligns, [
|
2023-04-14 12:57:24 +02:00
|
|
|
'label' => 'Alignement',
|
2022-09-29 08:45:59 +02:00
|
|
|
'selected' => $this->getData(['theme', 'header', 'textAlign'])
|
|
|
|
]); ?>
|
2021-11-11 15:54:57 +01:00
|
|
|
</div>
|
2021-11-19 15:17:23 +01:00
|
|
|
|
2021-11-07 15:50:24 +01:00
|
|
|
</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">
|
2022-10-03 18:37:25 +02:00
|
|
|
<h4><?php echo helper::translate('Papier peint'); ?>
|
2022-09-14 22:54:46 +02:00
|
|
|
</h4>
|
2019-07-05 19:59:09 +02:00
|
|
|
<div class="row">
|
2020-09-18 20:51:40 +02:00
|
|
|
<div class="col12">
|
2022-10-23 17:27:57 +02:00
|
|
|
<?php $imageFile = file_exists(self::FILE_DIR . 'source/' . $this->getData(['theme', 'header', 'image'])) ? $this->getData(['theme', 'header', 'image']) : ""; ?>
|
|
|
|
<?php echo template::file('themeHeaderImage', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Image',
|
2022-10-23 17:27:57 +02:00
|
|
|
'language' => $this->getData(['user', $this->getUser('id'), 'language']),
|
2022-09-29 08:45:59 +02:00
|
|
|
'type' => 1,
|
|
|
|
'value' => $imageFile
|
2022-10-23 17:27:57 +02:00
|
|
|
]);
|
|
|
|
?>
|
2022-09-29 08:45:59 +02:00
|
|
|
<span class="themeHeaderImageOptions displayNone" id="themeHeaderImageInfo">
|
2023-04-14 12:57:24 +02:00
|
|
|
<?php echo helper::translate('Largeur de l\'image'); ?> <span id="themeHeaderImageWidth"></span> ; <?php echo helper::translate('Largeur du site :'); ?> <?php echo $this->getData(['theme', 'site', 'width']); ?>
|
|
|
|
|
|
|
|
|
<?php echo helper::translate('Hauteur de l\'image'); ?> <span id="themeHeaderImageHeight"></span>
|
|
|
|
|
|
2023-03-11 18:41:25 +01:00
|
|
|
<?php echo helper::translate('Ratio'); ?> <span id="themeHeaderImageRatio"></span>
|
2022-03-07 14:09:09 +01:00
|
|
|
</span>
|
2019-07-05 19:59:09 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2022-03-07 14:09:09 +01:00
|
|
|
<div class="themeHeaderImageOptions" class="displayNone">
|
2019-06-27 21:10:50 +02:00
|
|
|
<div class="row">
|
2021-11-19 15:17:23 +01:00
|
|
|
<div class="col3">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::select('themeHeaderImageRepeat', $module::$repeats, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Répétition',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'imageRepeat'])
|
|
|
|
]); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
2021-11-19 15:17:23 +01:00
|
|
|
<div class="col3">
|
2021-11-09 18:58:19 +01:00
|
|
|
<?php echo template::select('themeHeaderImageContainer', $module::$headerWide, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Adaptation',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'imageContainer']),
|
|
|
|
]); ?>
|
2021-11-09 18:58:19 +01:00
|
|
|
</div>
|
2021-11-19 15:17:23 +01:00
|
|
|
<div class="col3">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::select('themeHeaderImagePosition', $module::$imagePositions, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Position',
|
|
|
|
'selected' => $this->getData(['theme', 'header', 'imagePosition'])
|
|
|
|
]); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
2021-11-19 15:17:23 +01:00
|
|
|
<div id="themeHeaderShow" class="col3">
|
2019-11-09 19:03:03 +01:00
|
|
|
<?php echo template::checkbox('themeHeaderlinkHomePage', true, 'Bannière cliquable', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'checked' => $this->getData(['theme', 'header', 'linkHomePage'])
|
|
|
|
]); ?>
|
2020-08-12 17:39:43 +02:00
|
|
|
</div>
|
2019-12-06 18:40:45 +01: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">
|
2021-11-21 10:28:06 +01:00
|
|
|
<div class="row">
|
|
|
|
<div class="col12">
|
|
|
|
<?php echo template::textarea('themeHeaderText', [
|
2023-03-03 11:14:03 +01:00
|
|
|
'label' => '<div class="titleWysiwygContent">' . helper::translate('Contenu HTML') . '</div>',
|
2021-11-21 10:28:06 +01:00
|
|
|
'class' => 'editorWysiwyg',
|
|
|
|
'value' => $this->getData(['theme', 'header', 'featureContent'])
|
|
|
|
]); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-11-09 22:31:31 +01:00
|
|
|
<div id="featureContent" class="displayNone">
|
2022-09-29 08:45:59 +02:00
|
|
|
<?php echo $this->getData(['theme', 'header', 'featureContent']); ?>
|
2021-11-09 22:31:31 +01:00
|
|
|
</div>
|
2022-09-29 08:45:59 +02:00
|
|
|
<?php echo template::formClose(); ?>
|