Amélioration du formulaire de fonte

core/module/theme/view/fontAdd/fontAdd.js.php

@@ -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();
+});

core/module/theme/view/fontAdd/fontAdd.php

@@ -20,8 +20,15 @@
 			<div class="block">
 				<h4>Identité de la fonte</h4>
 				<div class="row">
-					<div class="col12">
+					<div class="col6">
-						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.
+							<?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">

core/module/theme/view/header/header.js.php

@@ -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;}';*/
     }