Changeset 108218 in spip-zone


Ignore:
Timestamp:
Dec 28, 2017, 10:41:40 AM (15 months ago)
Author:
arnaud.berard@…
Message:

-presentation du formulaire

  • plutot que de renvoyer a chaque hit la liste des fonts dans l'environement, on écris un fichier .json dans /tmp,

ça évite de planter l'ajax des paginations au passage avec un array serialisé de +900 elements

Location:
_plugins_/webfonts/branches/webfonts2/formulaires
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/webfonts/branches/webfonts2/formulaires/selectionner_webfonts.html

    r108150 r108218  
    11[(#REM)<!--
     2formulaire_selectionner_webfonts
    23
    34Squelette
     
    1112
    1213-->]
    13 
    1414<div class="formulaire_spip formulaire_editer formulaire_#FORM">
    1515   
    1616        [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
    1717        [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
    18                 <!-- http://contrib.spip.net/SPIP-Bonux -->
    1918<BOUCLE_test(CONDITION){si #ENV{editable}|oui}>
    2019        <form method='post' action='#ENV{action}' enctype='multipart/form-data'>
     
    2322                parametre : url d'action -->]
    2423                #ACTION_FORMULAIRE{#ENV{action},#FORM}
    25                
    2624
    2725        <input name="font_list" type="hidden" value="#ENV{font_list}">
    2826                #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}">
     27        <div class="editer-group">
     28                        <div class="editer">
     29                                <label for="font_search">Rechercher une typo</label>
     30                                <input name="font_search" type="text" value="#ENV{font_search}">
     31                        </div>
    3232                        #SET{font_search,#ENV{font_search}}
    3333        </div>
    3434       
    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 -->]
     35                <div class="editer-group">
     36                        <div class="editer">
     37                                <label for="sort">Trier par</label>
     38                                <select name="sort" id="sort">
     39                                  <option value="popularity"[(#ENV{sort}|=={popularity}|?{' selected="selected"',''})]>Popularité</option>
     40                                  <option value="alpha"[(#ENV{sort}|=={alpha}|?{' selected="selected"',''})]>Alphabétique</option>
     41                                </select>
     42                        </div>
     43                        <div class="editer">
     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                        </div>
     55                        <div class="editer">
     56                                <label for="preview_text">Texte pour la preview</label>
     57                                <input type="text" name="preview_text" value='#ENV{preview_text, Grumpy wizards make toxic brew for the evil Queen and Jack.}'>
     58                                #SET{preview_text,#ENV{preview_text}}
     59                        </div>
     60                        <div class="editer">
     61                                <label for="preview_font_size">preview_font_size</label>
     62                                <p class="explication">Une valeur en pixel, em, rem</p>
     63                                <input type="text" name="preview_font_size" id="preview_font_size"
     64                                           value="#ENV{preview_font_size,16px}"/>
     65                                       
     66                        </div>
     67                </div>
     68        <div class="editer-group">
     69                        <div class="editer">
     70                                <div class="choix">
     71                                        <input type='checkbox' class="checkbox" name='preview' value='oui' id='preview'[ (#ENV{preview}|=={oui}|?{'checked="checked"'})] />
     72                                        <label for='preview'>Afficher la preview</label>
     73                                </div>
     74                                <div class="choix">
     75                                        <input type='checkbox' class="checkbox" name='infos' value='oui' id='infos'[ (#ENV{infos}|=={oui}|?{'checked="checked"'})] />
     76                                        <label for='infos'>Afficher les infos</label>
     77                                </div>
     78                        </div>
     79                </div>
     80      [(#REM)<!-- ajouter les saisies supplementaires : extra et autre, a cet endroit -->]
    5681          <!--extra-->
    5782          <p class='boutons'>
     
    6388</div>
    6489
    65 [(#REM)<!--
    66 
    67 kind: webfonts#webfont
    68 family: ABeeZee
    69 category: sans-serif
    70 variants: regular, italic
    71 subsets: latin
    72 version: v11
    73 lastModified: 2017-10-10
    74 files:
    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 #SET{preview,#ENV{preview, non}}
    80 #SET{font-infos,#ENV{font-infos, non}}
    81 
    82 
    83 <BOUCLE_listResults(DATA){source table, #ENV{font_list}}
    84                                                 {category ?= #GET{category}}
    85                                                 {0,10}>
    86 
    87 <h2>#VALEUR{family}</h2>
    88 
    89 <!-- http://contrib.spip.net/SPIP-Bonux -->
    90 <BOUCLE_fontInfosCond(CONDITION){si #ENV{font-infos}|=={oui}}>
    91 <table>
    92         <thead>
    93                 <tr>
    94                         <th>Famille</th>
    95                         <th>Catégorie</th>
    96                         <th>Subsets</th>
    97                         <th>Variantes</th>
    98                         <th>Version</th>
    99                         <th>Fichiers</th>
    100                 </tr>
    101         </thead>
    102         <tbody>
    103                 <tr>
    104                         <td>
    105                                 <a href="https://fonts.google.com/specimen/#VALEUR{family}" title="Voir le spécimen de #VALEUR{family} sur GoogleFont" target="_blank" rel="noreferrer noopener">
    106                                         #VALEUR{family}
    107                                 </a>
    108                         </td>
    109                         <td>#VALEUR{category}</td>
    110                         <td>[(#VALEUR{subsets}|foreach)]</td>
    111                         <td>[(#VALEUR{variants}|foreach)]</td>
    112                         <td>#VALEUR{version}</td>
    113                         <td>[(#VALEUR{files}|foreach)]</td>
    114                 </tr>
    115         </tbody>
    116 </table>
    117 </BOUCLE_fontInfosCond><//B_fontInfosCond>
    118 #SET{family,#VALEUR{family}}
    119 <!-- http://contrib.spip.net/SPIP-Bonux -->
    120 <BOUCLE_previewCond(CONDITION){si #ENV{preview}|=={oui}}>
    121 
    122 <BOUCLE_loop(POUR){tableau #VALEUR{variants}}>
    123 <iframe src="[(#URL_PAGE{webfont_preview}|parametre_url{font-family,#GET{family}}
    124                                                                                         |parametre_url{font-variant,#VALEUR}
    125                                                                                         |parametre_url{preview_text,#GET{preview_text}})]"
    126                 frameborder="0"
    127                 class="webfont_preview"></iframe>
    128 </BOUCLE_loop>
    129 
    130 </BOUCLE_previewCond><//B_previewCond>
    131 
    132 
    133 </BOUCLE_listResults>
    13490
    13591
    13692
     93
     94
  • _plugins_/webfonts/branches/webfonts2/formulaires/selectionner_webfonts.php

    r108150 r108218  
    1717                'sort'=>_request('sort'),
    1818                'preview_text'=>_request('preview_text'),
    19                 'category'=>_request('category')
     19                'category'=>_request('category'),
     20                'preview'=>_request('preview'),
     21                'preview_font_size'=>_request('preview_font_size'),
     22                'infos'=>_request('infos')
    2023    );
    2124        return $valeurs;
     
    5154                }
    5255               
    53                 //var_dump([$sort,$category,$googlefonts]);
    54                 set_request('font_list', $result);
    55                 //var_dump($result);
    56        
    57        
     56                include_spip('flock','inc');
     57               
     58               
     59               
     60                $jsonfile = ecrire_fichier(_DIR_TMP.'/googlefont_list.json',json_encode($result));
     61               
    5862                $res = array('message_ok'=>_T('config_info_enregistree'),'editable'=>true);
    5963        }else{
Note: See TracChangeset for help on using the changeset viewer.