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', [
|
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('themeMenuHelp', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'href' => 'https://doc.zwiicms.fr/menu',
|
|
|
|
'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('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">
|
2023-03-03 16:35:49 +01:00
|
|
|
<h4><?php echo helper::translate('Paramètres'); ?>
|
2022-09-14 22:54:46 +02:00
|
|
|
</h4>
|
2021-10-28 16:37:24 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col6">
|
|
|
|
<?php
|
2022-09-29 08:45:59 +02:00
|
|
|
if ($this->getData(['theme', 'header', 'position']) == "site") {
|
|
|
|
echo template::select('themeMenuPosition', $module::$menuPositionsSite, [
|
2021-10-28 16:37:24 +02:00
|
|
|
'label' => 'Position',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'position'])
|
|
|
|
]);
|
2022-09-29 08:45:59 +02:00
|
|
|
} else {
|
|
|
|
echo template::select('themeMenuPosition', $module::$menuPositionsBody, [
|
|
|
|
'label' => 'Position',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'position'])
|
|
|
|
]);
|
|
|
|
}
|
2021-10-28 16:37:24 +02:00
|
|
|
?>
|
|
|
|
</div>
|
2021-11-16 15:23:50 +01:00
|
|
|
<div class="col6">
|
|
|
|
<?php echo template::select('themeMenuWide', $module::$containerWides, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Largeur',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'wide'])
|
|
|
|
]); ?>
|
2021-11-16 15:23:50 +01:00
|
|
|
</div>
|
2021-11-07 15:50:24 +01:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
2022-09-29 08:45:59 +02:00
|
|
|
<div class="col4">
|
2021-10-28 16:37:24 +02:00
|
|
|
<?php echo template::select('themeMenuRadius', $module::$menuRadius, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Bords arrondis',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'radius']),
|
|
|
|
'help' => 'Autour de la page sélectionnée'
|
2021-10-28 16:37:24 +02:00
|
|
|
]); ?>
|
|
|
|
</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, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Hauteur',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'height'])
|
|
|
|
]); ?>
|
2021-10-28 16:37:24 +02:00
|
|
|
</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, [
|
2023-04-14 12:57:24 +02:00
|
|
|
'label' => 'Alignement',
|
2022-09-29 08:45:59 +02:00
|
|
|
'selected' => $this->getData(['theme', 'menu', 'textAlign'])
|
|
|
|
]); ?>
|
2021-10-28 16:37:24 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="themeMenuPositionOptions" class="displayNone">
|
|
|
|
<?php echo template::checkbox('themeMenuMargin', true, 'Aligner le menu avec le contenu', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'checked' => $this->getData(['theme', 'menu', 'margin'])
|
|
|
|
]); ?>
|
2021-10-28 16:37:24 +02:00
|
|
|
</div>
|
|
|
|
<div id="themeMenuPositionFixed" class="displayNone">
|
|
|
|
<?php echo template::checkbox('themeMenuFixed', true, 'Menu fixe', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'checked' => $this->getData(['theme', 'menu', 'fixed'])
|
|
|
|
]); ?>
|
2021-10-28 16:37:24 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col12">
|
|
|
|
<div class="block">
|
2022-10-03 18:37:25 +02:00
|
|
|
<h4><?php echo helper::translate('Contenu'); ?>
|
2022-09-14 22:54:46 +02:00
|
|
|
</h4>
|
2021-10-28 16:37:24 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col3">
|
2022-09-29 08:45:59 +02:00
|
|
|
<?php echo template::checkbox('themeMenuLoginLink', true, 'Lien de connexion', [
|
|
|
|
'checked' => $this->getData(['theme', 'menu', 'loginLink'])
|
|
|
|
]); ?>
|
2021-10-28 16:37:24 +02:00
|
|
|
</div>
|
|
|
|
<div class="col3">
|
2022-09-29 08:45:59 +02:00
|
|
|
<?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'
|
|
|
|
]); ?>
|
2021-10-28 16:37:24 +02:00
|
|
|
</div>
|
|
|
|
<div class="col6">
|
2022-09-29 08:45:59 +02:00
|
|
|
<?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.'
|
|
|
|
]); ?>
|
2021-10-28 16:37:24 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
2022-09-29 08:45:59 +02:00
|
|
|
<div id="themeMenuBurgerLogoId" class="col6 offset6 <?php if ($this->getData(['theme', 'menu', 'burgerContent']) !== 'logo') echo 'displayNone'; ?>">
|
2022-10-23 17:27:57 +02:00
|
|
|
<?php $imageFile = file_exists(self::FILE_DIR . 'source/' . $this->getData(['theme', 'menu', 'burgerLogo'])) ? $this->getData(['theme', 'menu', 'burgerLogo']) : ""; ?>
|
|
|
|
<?php echo template::file('themeMenuBurgerLogo', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'help' => 'Sélectionner une image de dimensions adaptées',
|
2022-10-23 17:27:57 +02:00
|
|
|
'language' => $this->getData(['user', $this->getUser('id'), 'language']),
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Logo du menu burger',
|
|
|
|
'type' => 1,
|
|
|
|
'value' => $imageFile
|
2022-10-23 17:27:57 +02:00
|
|
|
]);
|
|
|
|
?>
|
2022-09-29 08:45:59 +02:00
|
|
|
</div>
|
2021-10-28 16:37:24 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col12">
|
|
|
|
<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-11-01 20:19:02 +01:00
|
|
|
<div class="col4">
|
2019-06-27 21:10:50 +02:00
|
|
|
<?php echo template::text('themeMenuTextColor', [
|
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', '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', [
|
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', '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', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'class' => 'colorPicker',
|
|
|
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
|
|
|
'label' => 'Fond du sous-menu',
|
|
|
|
'value' => $this->getData(['theme', 'menu', 'backgroundColorSub'])
|
|
|
|
]); ?>
|
2020-11-01 20:19:02 +01:00
|
|
|
</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', [
|
2022-09-29 08:45:59 +02:00
|
|
|
'class' => 'colorPicker',
|
|
|
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
2023-03-03 16:35:49 +01:00
|
|
|
'label' => 'Couleur texte page active',
|
2022-09-29 08:45:59 +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
|
2022-09-29 08:45:59 +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', [
|
2022-09-29 08:45:59 +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">
|
2022-10-03 18:37:25 +02:00
|
|
|
<h4><?php echo helper::translate('Mise en forme du texte'); ?>
|
2022-09-14 22:54:46 +02:00
|
|
|
</h4>
|
2019-06-27 21:10:50 +02:00
|
|
|
<div class="row">
|
2019-11-29 16:44:24 +01:00
|
|
|
<div class="col6">
|
2022-04-21 18:38:19 +02:00
|
|
|
<?php echo template::select('themeMenuFont', $module::$fonts['name'], [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Fonte',
|
|
|
|
'selected' => $this->getData(['theme', 'menu', 'font']),
|
|
|
|
'fonts' => $module::$fonts['family']
|
|
|
|
]); ?>
|
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, [
|
2022-09-29 08:45:59 +02:00
|
|
|
'label' => 'Taille',
|
|
|
|
'help' => 'Proportionnelle à celle définie dans le site',
|
|
|
|
'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, [
|
2022-09-29 08:45:59 +02: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, [
|
2022-09-29 08:45:59 +02: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>
|
2022-09-29 08:45:59 +02:00
|
|
|
<?php echo template::formClose(); ?>
|