websafe Manque prévisualisation dans la liste de fontes

This commit is contained in:
Fred Tempez 2022-03-05 15:49:03 +01:00
parent e7bbd18e4c
commit 2fbf20a612
6 changed files with 60 additions and 20 deletions

View File

@ -1,6 +1,10 @@
# Changelog # Changelog
## Version 11.4.00
### Amélioration :
- prise en charge des fontes Web Safe : Georgia, Times, Arial, Trebuchet, Lucida, Tahoma, Verdana, Courier et Monaco.
## Version 11.3.04 ## Version 11.3.04
### Correction : ### Correction :
- Duplication d'id dans le menu. - Duplication d'id dans le menu.

View File

@ -1,4 +1,4 @@
# ZwiiCMS 11.3.04 # ZwiiCMS 11.4.00
Zwii est un CMS sans base de données (flat-file) qui permet de créer et gérer facilement un site web sans aucune connaissance en programmation. Zwii est un CMS sans base de données (flat-file) qui permet de créer et gérer facilement un site web sans aucune connaissance en programmation.

View File

@ -649,7 +649,7 @@ class template {
'<option value="%s"%s style="font-family: %s;">%s</option>', '<option value="%s"%s style="font-family: %s;">%s</option>',
$value, $value,
$attributes['selected'] == $value ? ' selected' : '', // Double == pour ignorer le type de variable car $_POST change les types en string $attributes['selected'] == $value ? ' selected' : '', // Double == pour ignorer le type de variable car $_POST change les types en string
core::$fonts[$value], $text,
$text $text
) : sprintf( ) : sprintf(
'<option value="%s"%s>%s</option>', '<option value="%s"%s>%s</option>',

View File

@ -185,37 +185,41 @@ class common {
// Fontes // Fontes
public static $fonts = [ public static $fonts = [
'abril-fatface' => 'Abril Fatface',
'arimo' => 'Arimo', 'arimo' => 'Arimo',
'arvo' => 'Arvo', 'arvo' => 'Arvo',
'berkshire-swash' => 'Berkshire Swash',
'dancing-script' => 'Dancing Script', 'dancing-script' => 'Dancing Script',
'droid-sans-2' => 'Droid Sans', 'droid-sans-2' => 'Droid Sans',
'droid-serif-2' => 'Droid Serif', 'droid-serif-2' => 'Droid Serif',
'fira-sans' => 'Fira Sans',
'genera' => 'Genera',
'inconsolata-2' => 'Inconsolata',
'indie-flower' => 'Indie Flower', 'indie-flower' => 'Indie Flower',
'josefin-sans-std' => 'Josefin Sans',
'liberation-sans' => 'Liberation Sans', 'liberation-sans' => 'Liberation Sans',
'liberation-serif' => 'Liberation Serif', 'liberation-serif' => 'Liberation Serif',
'lobster-2' => 'Lobster', 'lobster-2' => 'Lobster',
'lora' => 'Lora', 'lora' => 'Lora',
'lato' => 'Lato', 'lato' => 'Lato',
'montserrat-ace' => 'Montserrat Ace',
'old-standard-tt-3' => 'Old Standard TT', 'old-standard-tt-3' => 'Old Standard TT',
'open-sans' => 'Open Sans', 'open-sans' => 'Open Sans',
'oswald-4' => 'Oswald', 'oswald-4' => 'Oswald',
'pt-mono' => 'PT Mono', 'pt-mono' => 'PT Mono',
'pt-serif' => 'PT Serif', 'pt-serif' => 'PT Serif',
'raleway-5' => 'Raleway',
'rancho' => 'Rancho', 'rancho' => 'Rancho',
'roboto' => 'Roboto', 'roboto' => 'Roboto',
'signika' => 'Signika',
'ubuntu' => 'Ubuntu', 'ubuntu' => 'Ubuntu',
'vollkorn' => 'Vollkorn' 'vollkorn' => 'Vollkorn'
]; ];
public static $fontsWebSafe = [
'georgia' => 'Georgia, DejaVu Serif, Norasi, serif;',
'times' => 'Times, Times New Roman, Liberation Serif, FreeSerif, serif;',
'arial' => 'Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;',
'trebuchet' => 'Trebuchet MS, Arial, Helvetica, sans-serif;',
'lucida' => 'Lucida Sans, Lucida Grande, Lucida Sans Unicode, Luxi Sans, sans-serif;',
'tahoma' => 'Tahoma, Geneva, Kalimati, sans-serif;',
'verdana' => 'Verdana, DejaVu Sans, Bitstream Vera Sans, Geneva, sans-serif;',
'impact' => 'Impact, Arial Black, sans-serif;',
'courrier' => 'Courier, Courier New, FreeMono, Liberation Mono, monospace;',
'monaco' => 'Monaco, DejaVu Sans Mono, Lucida Console, Andale Mono, monospace;'
];
/** /**
* Constructeur commun * Constructeur commun
*/ */
@ -2277,16 +2281,26 @@ class core extends common {
} }
} }
/**
* Traitement des polices de caractères
*/
// Fusionne la liste des fontes avec les webSafe
foreach (self::$fontsWebSafe as $fontId => $fontValue) {
$fontName = explode (',', $fontValue);
self::$fonts [$fontId] = $fontName[0];
}
// Importe les polices personnalisées // Importe les polices personnalisées
$fontsImported = $this->getData(['fonts', 'imported']); $fontsImported = $this->getData(['fonts', 'imported']);
if (is_array($fontsImported) && if (is_array($fontsImported) &&
!empty ($fontsImported) !empty ($fontsImported)
) { ) {
// Fusionner les fonts avec les fontes installées // Fusionner avec les fontes installées
self::$fonts = array_merge(self::$fonts, $fontsImported); self::$fonts = array_merge(self::$fonts, $fontsImported);
// Tri Alphabétique
asort(self::$fonts);
} }
// Tri Alphabétique
asort(self::$fonts);
// Crée le fichier de personnalisation avancée // Crée le fichier de personnalisation avancée
if(file_exists(self::DATA_DIR.'custom.css') === false) { if(file_exists(self::DATA_DIR.'custom.css') === false) {
@ -2311,7 +2325,9 @@ class core extends common {
/** /**
* Import des polices de caractères * Import des polices de caractères
* A partir du CDN ou dans le dossier site/file/source/fonts * A partir du CDN
* ou dans le dossier site/file/source/fonts
* ou pas du tout si fonte webSafe
*/ */
$fonts = [ $this->getData(['theme', 'text', 'font']), $fonts = [ $this->getData(['theme', 'text', 'font']),
$this->getData(['theme', 'title', 'font']), $this->getData(['theme', 'title', 'font']),
@ -2321,12 +2337,21 @@ class core extends common {
]; ];
// Suppression des polices identiques // Suppression des polices identiques
$fonts = array_unique($fonts); $fonts = array_unique($fonts);
// Lire le fichier des fontes locales
$localFonts = $this->getData(['fonts', 'files']); /**
* Fontes Web Safe, ne sont pas chargées.
*/
foreach ($fonts as $fontId) {
if (array_key_exists($fontId, self::$fontsWebSafe) ) {
unset($fonts[$fontId]);
}
}
/** /**
* Chargement des polices en ligne dans un fichier séparé * Chargement des polices en ligne dans un fichier séparé
*/ */
// Lire le fichier des fontes locales
$localFonts = $this->getData(['fonts', 'files']);
$fontFile = ''; $fontFile = '';
foreach ($fonts as $fontId) { foreach ($fonts as $fontId) {
if (!array_key_exists($fontId, $localFonts) ) { if (!array_key_exists($fontId, $localFonts) ) {
@ -2549,6 +2574,16 @@ class core extends common {
]; ];
// Suppression des polices identiques // Suppression des polices identiques
$fonts = array_unique($fonts); $fonts = array_unique($fonts);
/**
* Fontes Web Safe, ne sont pas chargées.
*/
foreach ($fonts as $fontId) {
if (array_key_exists($fontId, self::$fontsWebSafe) ) {
unset($fonts[$fontId]);
}
}
// Lire le fichier des fontes locales // Lire le fichier des fontes locales
$localFonts = $this->getData(['fonts', 'files']); $localFonts = $this->getData(['fonts', 'files']);

View File

@ -574,11 +574,13 @@ class theme extends common {
} }
} }
self::$fontsList [] = [ self::$fontsList [] = [
$fontName, '<span style="font-family:' . $fontName . '">' . $fontName . '</span>' ,
$fontId, $fontId,
$fontUsed[$fontId], $fontUsed[$fontId],
//array_key_exists($fontId, $fonts['imported']) ? 'Importée' : '', //array_key_exists($fontId, $fonts['imported']) ? 'Importée' : '',
array_key_exists($fontId, $fonts['files']) ? $fonts['files'][$fontId] : 'CDN Fonts', array_key_exists($fontId, $fonts['files']) ?
$fonts['files'][$fontId] :
(array_key_exists($fontId, self::$fontsWebSafe) ? 'WebSafe' : 'CDN Fonts'),
array_key_exists($fontId, $fonts['imported']) || array_key_exists($fontId, $fonts['files']) array_key_exists($fontId, $fonts['imported']) || array_key_exists($fontId, $fonts['files'])
? template::button('themeFontDelete' . $fontId, [ ? template::button('themeFontDelete' . $fontId, [
'class' => 'themeFontDelete buttonRed', 'class' => 'themeFontDelete buttonRed',

View File

@ -37,7 +37,6 @@ $("input, select").on("change",function() {
var titleFontText = $("#themeTitleFont :selected").text(); var titleFontText = $("#themeTitleFont :selected").text();
var textFont = $("#themeTextFont :selected").val(); var textFont = $("#themeTextFont :selected").val();
var textFontText = $("#themeTextFont :selected").text(); var textFontText = $("#themeTextFont :selected").text();
console.log(textFontText);
var css = "@import url('https://fonts.cdnfonts.com/css/" + titleFont + "');"; var css = "@import url('https://fonts.cdnfonts.com/css/" + titleFont + "');";
var css = "@import url('https://fonts.cdnfonts.com/css/" + textFont + "');"; var css = "@import url('https://fonts.cdnfonts.com/css/" + textFont + "');";
// Couleurs des boutons // Couleurs des boutons