2018-04-02 08:29:19 +02:00
|
|
|
<?php echo template::formOpen('themeMenuForm'); ?>
|
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('themeMenuBack', [
|
2018-04-02 08:29:19 +02:00
|
|
|
'class' => 'buttonGrey',
|
|
|
|
'href' => helper::baseUrl() . 'theme',
|
2022-02-08 13:23:34 +01:00
|
|
|
'value' => template::ico('left')
|
2018-04-02 08:29:19 +02:00
|
|
|
]); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
2022-02-08 13:23:34 +01:00
|
|
|
<div class="col1">
|
2021-11-10 17:12:34 +01:00
|
|
|
<?php echo template::button('themeMenuHelp', [
|
2021-11-10 08:03:31 +01:00
|
|
|
'href' => 'https://doc.zwiicms.fr/menu',
|
|
|
|
'target' => '_blank',
|
2022-02-08 13:23:34 +01:00
|
|
|
'value' => template::ico('help'),
|
2021-11-10 08:03:31 +01:00
|
|
|
'class' => 'buttonHelp'
|
|
|
|
]); ?>
|
|
|
|
</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('themeMenuSubmit'); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
2019-12-06 18:51:33 +01:00
|
|
|
<div class="col12">
|
2019-06-27 21:10:50 +02:00
|
|
|
<div class="block">
|
2021-10-28 16:37:24 +02:00
|
|
|
<h4>Paramètres</h4>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col6">
|
|
|
|
<?php
|
|
|
|
if ( $this->getData(['theme', 'header', 'position']) == "site")
|
|
|
|
{ echo template::select('themeMenuPosition', $module::$menuPositionsSite, [
|
|
|
|
'label' => 'Position',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'position'])
|
|
|
|
]);
|
|
|
|
}else{
|
|
|
|
echo template::select('themeMenuPosition', $module::$menuPositionsBody, [
|
|
|
|
'label' => 'Position',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'position'])
|
|
|
|
]); }
|
|
|
|
?>
|
|
|
|
</div>
|
2021-11-16 15:23:50 +01:00
|
|
|
<div class="col6">
|
|
|
|
<?php echo template::select('themeMenuWide', $module::$containerWides, [
|
|
|
|
'label' => 'Largeur',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'wide'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
2021-11-07 15:50:24 +01:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col4">
|
2021-10-28 16:37:24 +02:00
|
|
|
<?php echo template::select('themeMenuRadius', $module::$menuRadius, [
|
|
|
|
'label' => 'Bords arrondis',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'radius']),
|
|
|
|
'help' => 'Autour de la page sélectionnée'
|
|
|
|
]); ?>
|
|
|
|
</div>
|
2021-11-07 15:50:24 +01:00
|
|
|
<div class="col4">
|
2021-10-28 16:37:24 +02:00
|
|
|
<?php echo template::select('themeMenuHeight', $module::$menuHeights, [
|
|
|
|
'label' => 'Hauteur',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'height'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
2021-11-07 15:50:24 +01:00
|
|
|
<div class="col4">
|
2021-10-28 16:37:24 +02:00
|
|
|
<?php echo template::select('themeMenuTextAlign', $module::$aligns, [
|
|
|
|
'label' => 'Alignement du contenu',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'textAlign'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="themeMenuPositionOptions" class="displayNone">
|
|
|
|
<?php echo template::checkbox('themeMenuMargin', true, 'Aligner le menu avec le contenu', [
|
|
|
|
'checked' => $this->getData(['theme', 'menu', 'margin'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
<div id="themeMenuPositionFixed" class="displayNone">
|
|
|
|
<?php echo template::checkbox('themeMenuFixed', true, 'Menu fixe', [
|
|
|
|
'checked' => $this->getData(['theme', 'menu', 'fixed'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col12">
|
|
|
|
<div class="block">
|
|
|
|
<h4>Contenus</h4>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col3">
|
|
|
|
<?php echo template::checkbox('themeMenuLoginLink', true, 'Lien de connexion', [
|
|
|
|
'checked' => $this->getData(['theme', 'menu', 'loginLink'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
<div class="col3">
|
|
|
|
<?php echo template::checkbox('themeMenuMemberBar', true, 'Barre de membre', [
|
|
|
|
'checked' => $this->getData(['theme', 'menu', 'memberBar']),
|
|
|
|
'help' => 'Icônes de gestion de compte et de déconnexion. Uniquement pour les membres connectés'
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
<div class="col6">
|
|
|
|
<?php echo template::select('themeMenuBurgerContent', $module::$burgerContent, [
|
|
|
|
'label' => 'Affichage dans le menu burger',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'burgerContent']),
|
|
|
|
'help' => 'Le menu burger remplace le menu complet lorsque la largeur de l\'écran n\'est pas suffisante.'
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div id="themeMenuBurgerLogoId" class="col6 offset6 <?php if( $this->getData(['theme', 'menu', 'burgerContent']) !== 'logo') echo 'displayNone';?>">
|
|
|
|
<?php
|
|
|
|
$imageFile = file_exists(self::FILE_DIR.'source/'.$this->getData(['theme', 'menu', 'burgerLogo'])) ?
|
|
|
|
$this->getData(['theme', 'menu', 'burgerLogo']) : "";
|
|
|
|
echo template::file('themeMenuBurgerLogo', [
|
|
|
|
'help' => 'Sélectionner une image de dimensions adaptées',
|
|
|
|
'label' => 'Logo du menu burger',
|
|
|
|
'type' => 1,
|
|
|
|
'value' => $imageFile
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col12">
|
|
|
|
<div class="block">
|
|
|
|
<h4>Couleurs</h4>
|
2019-06-27 21:10:50 +02:00
|
|
|
<div class="row">
|
2020-11-01 20:19:02 +01:00
|
|
|
<div class="col4">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::text('themeMenuTextColor', [
|
2018-04-02 08:29:19 +02:00
|
|
|
'class' => 'colorPicker',
|
2020-06-18 13:21:47 +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', 'menu', 'textColor'])
|
|
|
|
]); ?>
|
2020-06-18 13:21:47 +02:00
|
|
|
</div>
|
2020-11-01 20:19:02 +01:00
|
|
|
<div class="col4">
|
2020-05-15 18:31:01 +02:00
|
|
|
<?php echo template::text('themeMenuBackgroundColor', [
|
|
|
|
'class' => 'colorPicker',
|
2020-06-18 13:21:47 +02:00
|
|
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
2021-11-21 16:11:40 +01:00
|
|
|
'label' => 'Arrière-plan',
|
2020-05-15 18:31:01 +02:00
|
|
|
'value' => $this->getData(['theme', 'menu', 'backgroundColor'])
|
|
|
|
]); ?>
|
2020-06-18 13:21:47 +02:00
|
|
|
</div>
|
2020-11-01 20:19:02 +01:00
|
|
|
<div class="col4">
|
|
|
|
<?php echo template::text('themeMenuBackgroundColorSub', [
|
|
|
|
'class' => 'colorPicker',
|
|
|
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
|
|
|
'label' => 'Fond du sous-menu',
|
|
|
|
'value' => $this->getData(['theme', 'menu', 'backgroundColorSub'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
2020-05-15 18:31:01 +02:00
|
|
|
</div>
|
2020-06-18 13:21:47 +02:00
|
|
|
<div class="row">
|
2020-05-18 10:50:43 +02:00
|
|
|
<div class="col4">
|
|
|
|
<?php echo template::text('themeMenuActiveTextColor', [
|
|
|
|
'class' => 'colorPicker',
|
2020-06-18 13:21:47 +02:00
|
|
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
2021-10-28 16:37:24 +02:00
|
|
|
'label' => 'Texte page active',
|
2020-05-18 10:50:43 +02:00
|
|
|
'value' => $this->getData(['theme', 'menu', 'activeTextColor'])
|
|
|
|
]); ?>
|
2020-06-18 13:21:47 +02:00
|
|
|
</div>
|
2020-05-18 10:50:43 +02:00
|
|
|
<div class="col4 verticalAlignBottom">
|
|
|
|
<?php
|
2021-10-28 16:37:24 +02:00
|
|
|
echo template::checkbox('themeMenuActiveColorAuto', true, 'Couleur de fond automatique', [
|
2020-05-18 10:50:43 +02:00
|
|
|
'checked' => $this->getData(['theme', 'menu', 'activeColorAuto']),
|
|
|
|
'help' => 'La couleur de fond de la page active peut être définie automatique ou selon une couleur définie, comme par exemple celle de fond des pages.'
|
|
|
|
]); ?>
|
2020-06-18 13:21:47 +02:00
|
|
|
</div>
|
2020-05-18 10:50:43 +02:00
|
|
|
<div class="col4">
|
2019-11-29 15:31:37 +01:00
|
|
|
<?php echo template::text('themeMenuActiveColor', [
|
2021-10-28 16:37:24 +02:00
|
|
|
'class' => 'colorPicker',
|
|
|
|
'help' => 'Couleur de fond de la page sélectionnée dans le menu.<br>Le curseur horizontal règle le niveau de transparence.',
|
|
|
|
'label' => 'Fond page active',
|
|
|
|
'value' => $this->getData(['theme', 'menu', 'activeColor'])
|
|
|
|
]); ?>
|
2020-06-18 13:21:47 +02:00
|
|
|
</div>
|
2019-11-29 15:31:37 +01:00
|
|
|
</div>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2019-12-06 18:51:33 +01:00
|
|
|
</div>
|
2019-06-27 21:10:50 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col12">
|
|
|
|
<div class="block">
|
|
|
|
<h4>Mise en forme du texte</h4>
|
|
|
|
<div class="row">
|
2019-11-29 16:44:24 +01:00
|
|
|
<div class="col6">
|
2022-02-04 16:26:39 +01:00
|
|
|
<?php echo template::select('themeMenuFont', self::$fonts, [
|
2018-12-09 00:52:05 +01:00
|
|
|
'label' => 'Police',
|
2020-02-18 15:07:57 +01:00
|
|
|
'selected' => $this->getData(['theme', 'menu', 'font']),
|
|
|
|
'fonts' => true
|
2018-12-09 00:52:05 +01:00
|
|
|
]); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
2019-11-29 16:44:24 +01:00
|
|
|
<div class="col6">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::select('themeMenuFontSize', $module::$menuFontSizes, [
|
2018-12-09 00:52:05 +01:00
|
|
|
'label' => 'Taille',
|
2020-06-18 13:21:47 +02:00
|
|
|
'help' => 'Proportionnelle à celle définie dans le site',
|
2018-12-09 00:52:05 +01:00
|
|
|
'selected' => $this->getData(['theme', 'menu', 'fontSize'])
|
2019-06-27 21:10:50 +02:00
|
|
|
]); ?>
|
|
|
|
</div>
|
2019-11-29 16:44:24 +01:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col6">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::select('themeMenuFontWeight', $module::$fontWeights, [
|
2019-03-20 20:05:03 +01:00
|
|
|
'label' => 'Style',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'fontWeight'])
|
|
|
|
]); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
2019-11-29 16:44:24 +01:00
|
|
|
<div class="col6">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::select('themeMenuTextTransform', $module::$textTransforms, [
|
2019-03-20 20:05:03 +01:00
|
|
|
'label' => 'Casse',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'textTransform'])
|
|
|
|
]); ?>
|
2019-06-27 21:10:50 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-03-16 15:27:53 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-05-02 13:21:48 +02:00
|
|
|
<?php echo template::formClose(); ?>
|