forked from ZwiiCMS-Team/ZwiiCMS
Disposition menu
This commit is contained in:
parent
eb9b39161a
commit
412098f6b7
@ -15,158 +15,53 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col12">
|
<div class="col12">
|
||||||
<div class="block">
|
<div class="block">
|
||||||
<h4>Couleur</h4>
|
<h4>Paramètres</h4>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col4">
|
<div class="col6">
|
||||||
<?php echo template::text('themeMenuTextColor', [
|
|
||||||
'class' => 'colorPicker',
|
|
||||||
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
|
||||||
'label' => 'Texte',
|
|
||||||
'value' => $this->getData(['theme', 'menu', 'textColor'])
|
|
||||||
]); ?>
|
|
||||||
</div>
|
|
||||||
<div class="col4">
|
|
||||||
<?php echo template::text('themeMenuBackgroundColor', [
|
|
||||||
'class' => 'colorPicker',
|
|
||||||
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
|
||||||
'label' => 'Fond',
|
|
||||||
'value' => $this->getData(['theme', 'menu', 'backgroundColor'])
|
|
||||||
]); ?>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col12">
|
|
||||||
<div class="block">
|
|
||||||
<h4>Page active</h4>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col4">
|
|
||||||
<?php echo template::text('themeMenuActiveTextColor', [
|
|
||||||
'class' => 'colorPicker',
|
|
||||||
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
|
||||||
'label' => 'Texte',
|
|
||||||
'value' => $this->getData(['theme', 'menu', 'activeTextColor'])
|
|
||||||
]); ?>
|
|
||||||
</div>
|
|
||||||
<div class="col4 verticalAlignBottom">
|
|
||||||
<?php
|
<?php
|
||||||
echo template::checkbox('themeMenuActiveColorAuto', true, 'Couleur du fond automatique', [
|
if ( $this->getData(['theme', 'header', 'position']) == "site")
|
||||||
'checked' => $this->getData(['theme', 'menu', 'activeColorAuto']),
|
{ echo template::select('themeMenuPosition', $module::$menuPositionsSite, [
|
||||||
'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.'
|
'label' => 'Position',
|
||||||
|
'selected' => $this->getData(['theme', 'menu', 'position'])
|
||||||
|
]);
|
||||||
|
}else{
|
||||||
|
echo template::select('themeMenuPosition', $module::$menuPositionsBody, [
|
||||||
|
'label' => 'Position',
|
||||||
|
'selected' => $this->getData(['theme', 'menu', 'position'])
|
||||||
|
]); }
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<div class="col6">
|
||||||
|
<?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>
|
</div>
|
||||||
<div class="col4">
|
|
||||||
<?php echo template::text('themeMenuActiveColor', [
|
|
||||||
'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',
|
|
||||||
'value' => $this->getData(['theme', 'menu', 'activeColor'])
|
|
||||||
]); ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col12">
|
|
||||||
<div class="block">
|
|
||||||
<h4>Mise en forme du texte</h4>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col6">
|
|
||||||
<?php echo template::select('themeMenuFont', $module::$fonts, [
|
|
||||||
'label' => 'Police',
|
|
||||||
'selected' => $this->getData(['theme', 'menu', 'font']),
|
|
||||||
'fonts' => true
|
|
||||||
]); ?>
|
|
||||||
</div>
|
|
||||||
<div class="col6">
|
|
||||||
<?php echo template::select('themeMenuFontSize', $module::$menuFontSizes, [
|
|
||||||
'label' => 'Taille',
|
|
||||||
'help' => 'Proportionnelle à celle définie dans le site',
|
|
||||||
'selected' => $this->getData(['theme', 'menu', 'fontSize'])
|
|
||||||
]); ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col6">
|
<div class="col6">
|
||||||
<?php echo template::select('themeMenuFontWeight', $module::$fontWeights, [
|
<?php echo template::select('themeMenuHeight', $module::$menuHeights, [
|
||||||
'label' => 'Style',
|
'label' => 'Hauteur',
|
||||||
'selected' => $this->getData(['theme', 'menu', 'fontWeight'])
|
'selected' => $this->getData(['theme', 'menu', 'height'])
|
||||||
]); ?>
|
]); ?>
|
||||||
</div>
|
</div>
|
||||||
<div class="col6">
|
<div class="col6">
|
||||||
<?php echo template::select('themeMenuTextTransform', $module::$textTransforms, [
|
<?php echo template::select('themeMenuTextAlign', $module::$aligns, [
|
||||||
'label' => 'Casse',
|
'label' => 'Alignement du contenu',
|
||||||
'selected' => $this->getData(['theme', 'menu', 'textTransform'])
|
'selected' => $this->getData(['theme', 'menu', 'textAlign'])
|
||||||
]); ?>
|
]); ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
||||||
</div>
|
<div id="themeMenuPositionFixed" class="displayNone">
|
||||||
<div class="row">
|
<?php echo template::checkbox('themeMenuFixed', true, 'Menu fixe', [
|
||||||
<div class="col12">
|
'checked' => $this->getData(['theme', 'menu', 'fixed'])
|
||||||
<div class="block">
|
]); ?>
|
||||||
<h4>Configuration</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>
|
|
||||||
<div class="col6">
|
|
||||||
<?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>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col6">
|
|
||||||
<?php echo template::select('themeMenuHeight', $module::$menuHeights, [
|
|
||||||
'label' => 'Hauteur',
|
|
||||||
'selected' => $this->getData(['theme', 'menu', 'height'])
|
|
||||||
]); ?>
|
|
||||||
</div>
|
|
||||||
<div class="col6">
|
|
||||||
<?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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -211,4 +106,99 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col12">
|
||||||
|
<div class="block">
|
||||||
|
<h4>Couleurs</h4>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col4">
|
||||||
|
<?php echo template::text('themeMenuTextColor', [
|
||||||
|
'class' => 'colorPicker',
|
||||||
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
||||||
|
'label' => 'Texte',
|
||||||
|
'value' => $this->getData(['theme', 'menu', 'textColor'])
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
<div class="col4">
|
||||||
|
<?php echo template::text('themeMenuBackgroundColor', [
|
||||||
|
'class' => 'colorPicker',
|
||||||
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
||||||
|
'label' => 'Fond',
|
||||||
|
'value' => $this->getData(['theme', 'menu', 'backgroundColor'])
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col4">
|
||||||
|
<?php echo template::text('themeMenuActiveTextColor', [
|
||||||
|
'class' => 'colorPicker',
|
||||||
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
||||||
|
'label' => 'Texte page active',
|
||||||
|
'value' => $this->getData(['theme', 'menu', 'activeTextColor'])
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
<div class="col4 verticalAlignBottom">
|
||||||
|
<?php
|
||||||
|
echo template::checkbox('themeMenuActiveColorAuto', true, 'Couleur de fond automatique', [
|
||||||
|
'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.'
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
<div class="col4">
|
||||||
|
<?php echo template::text('themeMenuActiveColor', [
|
||||||
|
'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'])
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col12">
|
||||||
|
<div class="block">
|
||||||
|
<h4>Mise en forme du texte</h4>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col6">
|
||||||
|
<?php echo template::select('themeMenuFont', $module::$fonts, [
|
||||||
|
'label' => 'Police',
|
||||||
|
'selected' => $this->getData(['theme', 'menu', 'font']),
|
||||||
|
'fonts' => true
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
<div class="col6">
|
||||||
|
<?php echo template::select('themeMenuFontSize', $module::$menuFontSizes, [
|
||||||
|
'label' => 'Taille',
|
||||||
|
'help' => 'Proportionnelle à celle définie dans le site',
|
||||||
|
'selected' => $this->getData(['theme', 'menu', 'fontSize'])
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col6">
|
||||||
|
<?php echo template::select('themeMenuFontWeight', $module::$fontWeights, [
|
||||||
|
'label' => 'Style',
|
||||||
|
'selected' => $this->getData(['theme', 'menu', 'fontWeight'])
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
<div class="col6">
|
||||||
|
<?php echo template::select('themeMenuTextTransform', $module::$textTransforms, [
|
||||||
|
'label' => 'Casse',
|
||||||
|
'selected' => $this->getData(['theme', 'menu', 'textTransform'])
|
||||||
|
]); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<?php echo template::formClose(); ?>
|
<?php echo template::formClose(); ?>
|
||||||
|
Loading…
Reference in New Issue
Block a user