Changeset 67472 in spip-zone


Ignore:
Timestamp:
Nov 5, 2012, 11:39:41 AM (8 years ago)
Author:
cedric@…
Message:

amenagements dans le formulaire_tagger pour faciliter la mise en forme avec bootstrap : ajouter un <i class='icon-tag'></i> et un span.label en wrapper.
Le formulaire est un span et non un div car il est en general affiche inline (probleme sous webkit avec un div)
La css dediee est séparée du reste et inseree avec le formulaire uniquement

Location:
_plugins_/etiquettes/trunk
Files:
1 added
5 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/etiquettes/trunk/css/etiquettes.css

    r55701 r67472  
    1 /* formulaire_tagger */
    2 .editer_tags .tags {padding:0;margin:0;min-height: 16px;float: left;}
    3 .editer_tags .tags .tag {display: block;float: left;padding: 2px 4px;padding-left:20px;
    4     background: #ddd url(img/tag-16.png) no-repeat 2px center;margin-right:5px; border-radius: 5px;}
    5 .editer_tags .tags .tag img {padding: 2px 0px 2px 4px;vertical-align: middle;}
    6 .editer_tags .tags .tag img:hover {cursor: hand;cursor: pointer;}
    7 .editer_tags .tags .notag {display: block;float: left;margin-right:5px;font-style: italic;color:#bbb;}
    8 .editer_tags.ajoutable .notag {display: none;}
    9 
    10 .editer_tags input.text {width: 10em;float: left;padding-left: 20px;
    11     background-image:url(img/tag-16.png);
    12     background-repeat: no-repeat;
    13     background-position: 2px center;}
    14 
    15 .js .formulaire_tagger .none-js {display: none;}
    16 
    171/* Partie pour le sélécteur générique */
    182
  • _plugins_/etiquettes/trunk/formulaires/inc-saisie-tags.html

    r55707 r67472  
    55        <B_mots>
    66        <ul class="tags[(#ENV{autosubmit,''}|oui)autosubmit][(#ENV{supprimable}|oui)supprimable]"><BOUCLE_mots(MOTS){type=#ENV{type_mot}}{id_objet}{objet}{par titre}><li
    7                         class="tag"><a href="#URL_MOT">#TITRE</a><input         #SET{value,#GET{value}|array_diff{#LISTE{#TITRE}}}
     7                        class="tag"><span class="label"><a href="#URL_MOT"><i class="icon-tag"></i>#TITRE</a><input     #SET{value,#GET{value}|array_diff{#LISTE{#TITRE}}}
    88                        type="hidden" name="tags[]" value="[(#TITRE|entites_html)]" />[<img (#ENV{supprimable}|oui)
    99            src="#CHEMIN_IMAGE{supprimer-12.png}" width="12" height="12"
     
    1111                        alt="[(#GET{fl}|concat{':tag_supprimer'}|_T|attribut_html)]"
    1212                  onclick="tags_remove_tag(this);"
    13                   />]</li></BOUCLE_mots></ul>
     13                  />]</span></li>
     14                </BOUCLE_mots></ul>
    1415        </B_mots>
    1516        <ul class="tags empty[(#ENV{autosubmit,''}|oui)autosubmit][(#ENV{supprimable}|oui)supprimable]"><li class="notag">[(#GET{fl}|concat{':tag_aucun'}|_T)]</li></ul>
  • _plugins_/etiquettes/trunk/formulaires/tagger.html

    r55707 r67472  
    1 <div class="formulaire_spip formulaire_#FORM formulaire_#FORM-#ENV{_objet}-#ENV{_id_objet}">
     1<span class="formulaire_spip formulaire_#FORM formulaire_#FORM-#ENV{_objet}-#ENV{_id_objet}">
    22        [(#ENV{editable})
    33        <form method='post' action='#ENV{action}'><div>
     
    1616        </div></form>
    1717        ]
    18 </div>
     18</span>
     19<style type="text/css">#INCLURE{css/tagger.css}</style>
  • _plugins_/etiquettes/trunk/javascript/tagger.js

    r55707 r67472  
    1919                        var tag = tags[i].replace(/^\s+/g,'').replace(/\s+$/g,'');
    2020                        if(tag.length){
    21                                 var li = jQuery('<li class="tag">'+tag+'</li>');
     21                                var li = jQuery('<li class="tag"><span class="label"><i class="icon-tag"></i>'+tag+'</span></li>');
    2222                                li.append(jQuery('<input type="hidden" name="tags[]" />').attr('value',tag));
    23                                 if (ul.is('.supprimable')) li.append(tags_remove_img.clone());
     23                                if (ul.is('.supprimable')) li.find('>span').append(tags_remove_img.clone());
    2424                                ul.append(li);
    2525                                if (ul.is('.empty'))
  • _plugins_/etiquettes/trunk/paquet.xml

    r67465 r67472  
    22        prefix="etiquettes"
    33        categorie="navigation"
    4         version="2.1.2"
     4        version="2.2.0"
    55        etat="test"
    66        compatibilite="[3.0.0-beta;3.0.*]"
Note: See TracChangeset for help on using the changeset viewer.