2018-04-02 08:29:19 +02:00
|
|
|
<?php echo template::formOpen('themeSiteForm'); ?>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col2">
|
|
|
|
<?php echo template::button('themeSiteBack', [
|
|
|
|
'class' => 'buttonGrey',
|
|
|
|
'href' => helper::baseUrl() . 'theme',
|
|
|
|
'ico' => 'left',
|
|
|
|
'value' => 'Retour'
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
<div class="col2 offset8">
|
|
|
|
<?php echo template::submit('themeSiteSubmit'); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col12">
|
|
|
|
<div class="block">
|
|
|
|
<h4>Couleurs</h4>
|
|
|
|
<div class="row">
|
2020-03-16 10:20:25 +01:00
|
|
|
<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.',
|
|
|
|
'label' => 'Fond',
|
|
|
|
'value' => $this->getData(['theme', 'site', 'backgroundColor'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
<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('themeLinkTextColor', [
|
|
|
|
'class' => 'colorPicker',
|
|
|
|
'help' => 'Le curseur horizontal règle le niveau de transparence.',
|
|
|
|
'label' => 'Liens',
|
|
|
|
'value' => $this->getData(['theme', 'link', 'textColor'])
|
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-03-21 18:08:04 +01:00
|
|
|
<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>
|
2020-03-16 10:20:25 +01:00
|
|
|
</div>
|
2018-04-02 08:29:19 +02:00
|
|
|
</div>
|
2020-03-21 18:08:04 +01:00
|
|
|
<div class="col4 bgPreview">
|
2020-03-16 10:20:25 +01:00
|
|
|
<div class="row">
|
2020-03-21 18:08:04 +01:00
|
|
|
<div class="col12">
|
|
|
|
<h1 class="headerPreview">Titre </h1>
|
|
|
|
<h3 class="headerPreview">Sous-Titre </h3>
|
|
|
|
<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-03-16 10:20:25 +01:00
|
|
|
</div>
|
2020-03-21 18:08:04 +01:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col4 offset8">
|
|
|
|
<?php echo template::button('themeSiteSubmitButtonPreview', [
|
|
|
|
'class' => 'buttonSubmitPreview',
|
2020-04-11 20:06:11 +02:00
|
|
|
'value' => 'Bouton'
|
2020-03-16 10:20:25 +01:00
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-04-02 08:29:19 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
2019-03-20 20:05:03 +01:00
|
|
|
<div class="col6">
|
2018-04-02 08:29:19 +02:00
|
|
|
<div class="block">
|
2019-03-20 20:05:03 +01:00
|
|
|
<h4>Mise en forme du texte</h4>
|
2018-04-02 08:29:19 +02:00
|
|
|
<div class="row">
|
2019-03-20 20:05:03 +01:00
|
|
|
<div class="col6">
|
|
|
|
<?php echo template::select('themeTextFont', $module::$fonts, [
|
|
|
|
'label' => 'Police',
|
2020-02-18 15:20:21 +01:00
|
|
|
'selected' => $this->getData(['theme', 'text', 'font']),
|
|
|
|
'fonts' => true
|
2018-04-02 08:29:19 +02:00
|
|
|
]); ?>
|
2019-03-20 20:05:03 +01:00
|
|
|
</div>
|
|
|
|
<div class="col6">
|
|
|
|
<?php echo template::select('themeTextFontSize', $module::$siteFontSizes, [
|
|
|
|
'label' => 'Taille',
|
2019-03-21 19:55:51 +01:00
|
|
|
'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.',
|
2019-03-20 20:05:03 +01:00
|
|
|
'selected' => $this->getData(['theme', 'text', 'fontSize'])
|
2018-04-02 08:29:19 +02:00
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col6">
|
|
|
|
<div class="block">
|
2019-03-20 20:05:03 +01:00
|
|
|
<h4>Mise en forme des titres</h4>
|
2018-04-02 08:29:19 +02:00
|
|
|
<div class="row">
|
2019-03-20 20:05:03 +01:00
|
|
|
<div class="col4">
|
|
|
|
<?php echo template::select('themeTitleFont', $module::$fonts, [
|
|
|
|
'label' => 'Police',
|
2020-02-18 15:20:21 +01:00
|
|
|
'selected' => $this->getData(['theme', 'title', 'font']),
|
|
|
|
'fonts' => true
|
2018-04-02 08:29:19 +02:00
|
|
|
]); ?>
|
|
|
|
</div>
|
2019-03-20 20:05:03 +01:00
|
|
|
<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>
|
2019-03-20 20:05:03 +01:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col12">
|
2018-04-02 08:29:19 +02:00
|
|
|
<div class="block">
|
2019-03-20 20:05:03 +01:00
|
|
|
<h4>Apparence</h4>
|
2018-04-02 08:29:19 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col4">
|
2019-03-20 20:05:03 +01:00
|
|
|
<?php echo template::select('themeSiteWidth', $module::$widths, [
|
|
|
|
'label' => 'Largeur du site',
|
|
|
|
'selected' => $this->getData(['theme', 'site', 'width'])
|
2018-04-02 08:29:19 +02:00
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
<div class="col4">
|
2019-03-20 20:05:03 +01:00
|
|
|
<?php echo template::select('themeSiteRadius', $module::$radius, [
|
2019-11-29 16:09:28 +01:00
|
|
|
'label' => 'Bords arrondis',
|
2019-03-20 20:05:03 +01:00
|
|
|
'selected' => $this->getData(['theme', 'site', 'radius'])
|
2018-04-02 08:29:19 +02:00
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
<div class="col4">
|
2019-03-20 20:05:03 +01:00
|
|
|
<?php echo template::select('themeSiteShadow', $module::$shadows, [
|
|
|
|
'label' => 'Ombre sur les bords du site',
|
|
|
|
'selected' => $this->getData(['theme', 'site', 'shadow'])
|
2018-04-02 08:29:19 +02:00
|
|
|
]); ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php echo template::formClose(); ?>
|