ZwiiCMS/core/module/theme/view/site/site.php

210 lines
6.9 KiB
PHP
Raw Normal View History

2018-04-02 08:29:19 +02:00
<?php echo template::formOpen('themeSiteForm'); ?>
2022-09-29 08:45:59 +02:00
<div class="row">
<div class="col1">
<?php echo template::button('themeSiteBack', [
'class' => 'buttonGrey',
'href' => helper::baseUrl() . 'theme',
'value' => template::ico('left')
]); ?>
2018-04-02 08:29:19 +02:00
</div>
2022-09-29 08:45:59 +02:00
<div class="col1">
<?php /* echo template::button('themeSiteHelp', [
2022-09-29 08:45:59 +02:00
'href' => 'https://doc.zwiicms.fr/site61863d315ffe0',
'target' => '_blank',
'value' => template::ico('help'),
'class' => 'buttonHelp'
]); */ ?>
2022-09-29 08:45:59 +02:00
</div>
<div class="col2 offset8">
<?php echo template::submit('themeSiteSubmit'); ?>
</div>
</div>
<div class="row">
<div class="col12">
<div class="block">
2022-10-03 18:37:25 +02:00
<h4><?php echo helper::translate('Paramètres'); ?>
2022-09-29 08:45:59 +02:00
</h4>
<div class="row">
<div class="col4">
<?php echo template::select('themeSiteWidth', $module::$siteWidths, [
'label' => 'Largeur du site',
'selected' => $this->getData(['theme', 'site', 'width'])
]); ?>
2021-10-28 16:20:54 +02:00
</div>
2022-09-29 08:45:59 +02:00
<div class="col4">
<?php echo template::select('themeSiteRadius', $module::$radius, [
'label' => 'Arrondi des angles',
'selected' => $this->getData(['theme', 'site', 'radius'])
]); ?>
</div>
<div class="col4">
<?php echo template::select('themeSiteShadow', $module::$shadows, [
'label' => 'Ombre sur les bords du site',
'selected' => $this->getData(['theme', 'site', 'shadow'])
]); ?>
</div>
</div>
<div class="row">
<div class="col6">
<?php echo template::checkbox('themeSiteMargin', true, 'Pas de marge au-dessus et en-dessous du site', [
'checked' => $this->getData(['theme', 'site', 'margin'])
]); ?>
2021-10-28 16:20:54 +02:00
</div>
</div>
</div>
</div>
2022-09-29 08:45:59 +02:00
</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-29 08:45:59 +02:00
</h4>
<div class="row">
<div class="col8">
<div class="row">
<div class="col6">
<?php echo template::text('themeSiteBackgroundColor', [
'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', 'site', 'backgroundColor'])
]); ?>
2020-03-16 10:20:25 +01:00
</div>
2022-09-29 08:45:59 +02:00
<div class="col6">
<?php echo template::text('themeTextTextColor', [
'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Texte',
'value' => $this->getData(['theme', 'text', 'textColor'])
]); ?>
</div>
</div>
<div class="row">
<div class="col6">
<?php echo template::text('themeTitleTextColor', [
'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Titres',
'value' => $this->getData(['theme', 'title', 'textColor'])
]); ?>
</div>
<div class="col6">
<?php echo template::text('themeTextLinkColor', [
'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Liens',
'value' => $this->getData(['theme', 'text', 'linkColor'])
]); ?>
</div>
</div>
<div class="row">
<div class="col6">
<?php echo template::text('themeBlockBackgroundColor', [
'class' => 'colorPicker',
'help' => 'Couleur visible en l\'absence d\'une image.<br />Le curseur horizontal règle le niveau de transparence.',
2022-10-02 10:59:42 +02:00
'label' => 'Arrière plan des blocs',
2022-09-29 08:45:59 +02:00
'value' => $this->getData(['theme', 'block', 'backgroundColor'])
]); ?>
</div>
<div class="col6">
<?php echo template::text('themeBlockBorderColor', [
'class' => 'colorPicker',
'help' => 'Couleur visible en l\'absence d\'une image.<br />Le curseur horizontal règle le niveau de transparence.',
'label' => 'Bordure des blocs',
'value' => $this->getData(['theme', 'block', 'borderColor'])
]); ?>
2020-03-16 10:20:25 +01:00
</div>
2022-09-29 08:45:59 +02:00
</div>
<div class="row">
<div class="col6 offset3">
<?php echo template::text('themeButtonBackgroundColor', [
'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Boutons',
'value' => $this->getData(['theme', 'button', 'backgroundColor'])
]); ?>
</div>
</div>
</div>
<div class="col4 bodybackground">
<div class="bgPreview">
2020-05-18 10:50:43 +02:00
<div class="row">
<div class="col6">
2022-09-29 08:45:59 +02:00
<h1 class="headerPreview">Titre</h1>
<h2 class="headerPreview">Sous-titre </h2>
2020-05-18 10:50:43 +02:00
</div>
<div class="col6">
2022-09-29 08:45:59 +02:00
<?php echo template::button('themeSiteSubmitButtonPreview', [
'class' => 'buttonSubmitPreview',
'value' => 'Bouton'
2020-05-18 10:50:43 +02:00
]); ?>
</div>
</div>
<div class="row">
2022-09-29 08:45:59 +02:00
<div class="col12">
<div class="block preview">
<h4 class="preview">Bloc</h4>
<p class="textPreview">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p><a href="#" class="urlPreview">Lorem ipsum dolor sit amet.</a></p>
2020-05-18 10:50:43 +02:00
</div>
</div>
2020-03-16 10:20:25 +01:00
</div>
2018-04-02 08:29:19 +02:00
</div>
</div>
</div>
</div>
</div>
2022-09-29 08:45:59 +02:00
</div>
<div class="row">
<div class="col6">
<div class="block">
2022-10-03 18:37:25 +02:00
<h4><?php echo helper::translate('Mise en forme du texte'); ?>
2022-09-29 08:45:59 +02:00
</h4>
<div class="row">
<div class="col6">
<?php
echo template::select('themeTextFont', $module::$fonts['name'], [
'label' => 'Fonte',
'selected' => $this->getData(['theme', 'text', 'font']),
2023-03-01 15:50:41 +01:00
'font' => $module::$fonts['family']
2022-09-29 08:45:59 +02:00
]); ?>
</div>
<div class="col6">
<?php echo template::select('themeTextFontSize', $module::$siteFontSizes, [
'label' => 'Taille',
'help' => 'Taille de référence pour le site. Les tailles des polices de la bannière, de menu et de pied de page sont proportionnelles à cette taille.',
'selected' => $this->getData(['theme', 'text', 'fontSize'])
]); ?>
2018-04-02 08:29:19 +02:00
</div>
</div>
</div>
2022-09-29 08:45:59 +02:00
</div>
<div class="col6">
<div class="block">
2022-10-03 18:37:25 +02:00
<h4><?php echo helper::translate('Mise en forme des titres'); ?>
2022-09-29 08:45:59 +02:00
</h4>
<div class="row">
<div class="col4">
<?php echo template::select('themeTitleFont', $module::$fonts['name'], [
'label' => 'Fonte',
'selected' => $this->getData(['theme', 'title', 'font']),
2023-03-01 15:50:41 +01:00
'font' => $module::$fonts['family']
2022-09-29 08:45:59 +02:00
]); ?>
</div>
<div class="col4">
<?php echo template::select('themeTitleFontWeight', $module::$fontWeights, [
'label' => 'Style',
'selected' => $this->getData(['theme', 'title', 'fontWeight'])
]); ?>
</div>
<div class="col4">
<?php echo template::select('themeTitleTextTransform', $module::$textTransforms, [
'label' => 'Casse',
'selected' => $this->getData(['theme', 'title', 'textTransform'])
]); ?>
2018-04-02 08:29:19 +02:00
</div>
</div>
</div>
</div>
2022-09-29 08:45:59 +02:00
</div>
<?php echo template::formClose(); ?>