source: spip-zone/_plugins_/webfonts/branches/webfonts2/formulaires/selectionner_webfonts.html @ 107938

Last change on this file since 107938 was 107938, checked in by arnaud.berard@…, 3 years ago

filtrer les résultats par categorie : display, serif, sans-serif, …
et rendre conditionelles les critères category et family

  • Property svn:eol-style set to native
  • Property svn:executable set to *
File size: 4.1 KB
Line 
1[(#REM)<!--
2
3Squelette
4(c) 2016
5Distribue sous licence GPL
6
7font
8        family
9        subset
10        variants
11
12-->]
13
14<div class="formulaire_spip formulaire_editer formulaire_#FORM">
15   
16        [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
17        [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
18                <!-- http://contrib.spip.net/SPIP-Bonux -->
19<BOUCLE_test(CONDITION){si #ENV{editable}|oui}>
20        <form method='post' action='#ENV{action}' enctype='multipart/form-data'>
21        <div>
22                [(#REM)<!-- declarer les hidden qui declencheront le service du formulaire
23                parametre : url d'action -->]
24                #ACTION_FORMULAIRE{#ENV{action},#FORM}
25               
26
27        <input name="font_list" type="hidden" value="#ENV{font_list}">
28                #SET{preview_list,#ENV{font_list}}
29        <div>
30            <label for="font_search">Rechercher une typo</label>
31            <input name="font_search" type="text" value="#ENV{font_search}">
32                        #SET{font_search,#ENV{font_search}}
33        </div>
34       
35        <label for="sort">Trier par</label>
36            <select name="sort" id="sort">
37              <option value="popularity"[(#ENV{sort}|=={popularity}|?{' selected="selected"',''})]>Popularité</option>
38              <option value="alpha"[(#ENV{sort}|=={alpha}|?{' selected="selected"',''})]>Alphabétique</option>
39            </select>
40           
41        <label for="preview_text">Texte pour la preview</label>
42        <input type="text" name="preview_text" value='#ENV{preview_text, Grumpy wizards make toxic brew for the evil Queen and Jack.}'>
43        #SET{preview_text,#ENV{preview_text}}   
44        <label for="category">Catégories</label>
45        <select name="category" id="category">
46            <option value=""> Choisissez une catégorie</option>
47            <option value="serif"[(#ENV{category}|=={serif}|?{'selected="selected"',''})]>Sérif</option>
48            <option value="sans-serif"[(#ENV{category}|=={sans-serif}|?{'selected="selected"',''})]>Sans sérif</option>
49            <option value="display"[(#ENV{category}|=={display}|?{'selected="selected"',''})]>Display</option>
50            <option value="handwriting"[(#ENV{category}|=={handwriting}|?{'selected="selected"',''})]>Handwritting</option>
51            <option value="monospace"[(#ENV{category}|=={monospace}|?{'selected="selected"',''})]>Monospace</option>
52        </select>
53        #SET{category,#ENV{category}}
54       
55          [(#REM)<!-- ajouter les saisies supplementaires : extra et autre, a cet endroit -->]
56          <!--extra-->
57          <p class='boutons'>
58        <input type='submit' class='submit' value='<:bouton_enregistrer:>' />
59      </p>
60</BOUCLE_test><//B_test> 
61        </div>
62    </form>
63</div>
64
65[(#REM)<!--
66
67kind: webfonts#webfont
68family: ABeeZee
69category: sans-serif
70variants: regular, italic
71subsets: latin
72version: v11
73lastModified: 2017-10-10
74files:
75 regular: http://fonts.gstatic.com/s/abeezee/v11/mE5BOuZKGln_Ex0uYKpIaw.ttf
76 italic: http://fonts.gstatic.com/s/abeezee/v11/kpplLynmYgP0YtlJA3atRw.ttf
77
78-->]
79<BOUCLE_listResults(DATA){source table, #ENV{font_list/items}}{category ?= #GET{category,'serif'}}{family ?LIKE %(#GET{font_search,''})%}{0,10}>
80
81
82<table>
83        <thead>
84                <tr>
85                        <th>Famille</th>
86                        <th>Catégorie</th>
87                        <th>Subsets</th>
88                        <th>Variantes</th>
89                        <th>Version</th>
90                        <th>Fichiers</th>
91                </tr>
92        </thead>
93        <tbody>
94                <tr>
95                        <td>
96                                <a href="https://fonts.google.com/specimen/#VALEUR{family}" title="Voir le spécimen de #VALEUR{family} sur GoogleFont" target="_blank" rel="noreferrer noopener">
97                                        #VALEUR{family}
98                                </a>
99                        </td>
100                        <td>#VALEUR{category}</td>
101                        <td>[(#VALEUR{subsets}|foreach)]</td>
102                        <td>[(#VALEUR{variants}|foreach)]</td>
103                        <td>#VALEUR{version}</td>
104                        <td>[(#VALEUR{files}|foreach)]</td>
105                </tr>
106        </tbody>
107</table>
108#SET{family,#VALEUR{family}}
109<!-- http://contrib.spip.net/SPIP-Bonux -->
110<BOUCLE_loop(POUR){tableau #VALEUR{variants}}>
111<iframe src="[(#URL_PAGE{webfont_preview}|parametre_url{font-family,#GET{family}}
112                                                                                        |parametre_url{font-variant,#VALEUR}
113                                                                                        |parametre_url{preview_text,#GET{preview_text}})]"
114                frameborder="0"
115                class="webfont_preview"></iframe>
116</BOUCLE_loop>
117
118
119
120</BOUCLE_listResults>
121
122
123
Note: See TracBrowser for help on using the repository browser.