Amélioration du formulaire de fonte
This commit is contained in:
parent
ce1b69d42b
commit
77781aa817
41
core/module/theme/view/fontAdd/fontAdd.js.php
Normal file
41
core/module/theme/view/fontAdd/fontAdd.js.php
Normal file
@ -0,0 +1,41 @@
|
||||
/**
|
||||
* This file is part of Zwii.
|
||||
* For full copyright and license information, please see the LICENSE
|
||||
* file that was distributed with this source code.
|
||||
*
|
||||
* @author Frédéric Tempez <frederic.tempez@outlook.com>
|
||||
* @copyright Copyright (C) 2018-2022, Frédéric Tempez
|
||||
* @license GNU General Public License, version 3
|
||||
* @link http://zwiicms.fr/
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* Option par défaut du sélecteur de mode
|
||||
*/
|
||||
$(document).ready(function(){
|
||||
$('input[name=fontAddFontImported]').prop('checked', true);
|
||||
$('#fontAddFileWrapper').hide();
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Mode téléchargement en ligne de la fonte ou installation locale
|
||||
*/
|
||||
$("input[name=fontAddFontImported]").on("click", function() {
|
||||
if( $('input[name=fontAddFontImported]').is(':checked') ){
|
||||
$('input[name=fontAddFontFile]').prop('checked', false);
|
||||
} else {
|
||||
$('input[name=fontAddFontFile]').prop('checked', true);
|
||||
}
|
||||
$('#fontAddFileWrapper').hide();
|
||||
});
|
||||
|
||||
$("input[name=fontAddFontFile]").on("click", function() {
|
||||
if( $('input[name=fontAddFontFile]').is(':checked') ){
|
||||
$('input[name=fontAddFontImported]').prop('checked', false);
|
||||
} else {
|
||||
$('input[name=fontAddFontImported]').prop('checked', true);
|
||||
}
|
||||
$('#fontAddFileWrapper').show();
|
||||
});
|
@ -20,8 +20,15 @@
|
||||
<div class="block">
|
||||
<h4>Identité de la fonte</h4>
|
||||
<div class="row">
|
||||
<div class="col12">
|
||||
Police utilisée en ligne se connecter sur <a href="https://www.cdnfonts.com/" target="_blank">https://www.cdnfonts.com/</a> pour récupérer les informations nécessaires.<br/>Sinon, précisez le nom du fichier de fonte au format WOFF.
|
||||
<div class="col6">
|
||||
<?php echo template::checkbox('fontAddFontImported', true, 'Fonte téléchargée sur cdnFonts', [
|
||||
'help' => 'Police utilisée en ligne, se connecter sur cdnFonts pour récupérer les informations nécessaires.'
|
||||
]); ?>
|
||||
</div>
|
||||
<div class="col6">
|
||||
<?php echo template::checkbox('fontAddFontFile', true,'Fonte installée', [
|
||||
'help' => '<br/>Sélectionnez un fichier de fonte au format WOFF.'
|
||||
]); ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
@ -21,14 +21,14 @@
|
||||
* Aperçu en direct
|
||||
*/
|
||||
$("input, select").on("change", function() {
|
||||
|
||||
|
||||
var css = "";
|
||||
|
||||
// Contenu perso
|
||||
if ($("#themeHeaderFeature").val() == "feature") {
|
||||
|
||||
|
||||
css = "header{min-height: " + $("#themeHeaderHeight").val() + ";height:" + $("#themeHeaderHeight").val() + "; overflow:hidden; background-position:top; background-repeat: no-repeat; line-height:1.15; background-color:unset; background-image:unset; text-align:unset;}";
|
||||
|
||||
|
||||
$("#featureContent").appendTo("header").show();
|
||||
$("#themeHeaderTitle").hide();
|
||||
|
||||
@ -36,7 +36,7 @@ $("input, select").on("change", function() {
|
||||
$("#themeHeaderHeight option:eq(0)").text("Hauteur du contenu personnalisé");
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Couleurs, image, alignement et hauteur de la bannière
|
||||
if ($("#themeHeaderFeature").val() == "wallpaper") {
|
||||
@ -95,10 +95,10 @@ $("input, select").on("change", function() {
|
||||
css += "background-image:none;";
|
||||
}
|
||||
css += "line-height:" + $("#themeHeaderHeight").val() + ";height:" + $("#themeHeaderHeight").val() + "}";
|
||||
|
||||
|
||||
|
||||
// Taille, couleur, épaisseur et capitalisation du titre de la bannière
|
||||
css += "header span{font-family:'" + headerFontText + "',sans-serif;font-weight:" + $("#themeHeaderFontWeight").val() + ";font-size:" + $("#themeHeaderFontSize").val() + ";text-transform:" + $("#themeHeaderTextTransform").val() + ";color:" + $("#themeHeaderTextColor").val() + "}";
|
||||
css += "header span{font-family:'" + headerFontText + "',sans-serif;font-weight:" + $("#themeHeaderFontWeight").val() + ";font-size:" + $("#themeHeaderFontSize").val() + ";text-transform:" + $("#themeHeaderTextTransform").val() + ";color:" + $("#themeHeaderTextColor").val() + "}";
|
||||
|
||||
// Cache le titre de la bannière
|
||||
if($("#themeHeaderTextHide").is(":checked")) {
|
||||
@ -169,9 +169,9 @@ $("input, select").on("change", function() {
|
||||
// Marge dans le site
|
||||
if( $("#themeHeaderMargin").is(":checked") &&
|
||||
$("#themeHeaderPosition").val() === "site"
|
||||
) {
|
||||
) {
|
||||
css += 'header{margin:20px 20px 0 20px !important;}';
|
||||
/*} else {
|
||||
/*} else {
|
||||
css += 'header{margin:0 !important;}';*/
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user