source: spip-zone/_plugins_/albums/trunk/prive/squelettes/contenu/albums.html @ 83579

Last change on this file since 83579 was 83579, checked in by tcharlss@…, 5 years ago

Albumothèque : refonte de l'apparence et de l'ergonomie.

D'où viennent les idées ? Est-ce qu'elles flottent dans l'air ? Sont-elles réminiscentes ? Tant de questions.
Des fois sur IRC, on tombe sur des bonnes idées figurez vous.

Suite à une suggestion de _fil_, on déplace dans la navigation latérale les filtres qui permettent de modifier la sélection des albums, qui étaient auparavant dans une série d'onglets en haut de la page.
Il s'agit bien de filtres et pas d'éléments de menu à la «lien_ou_expose» : un clic active un filtre, un autre le désactive.
Ca a plein d'avantages :

  • visuellement, ils ressemblent enfin à des filtres et ils ont tous la même apparence : pas d'onglets de premier et de second niveau.
  • plus de souci de manque de place : on peut rajouter autant de catégories que voulu. Avec les onglets, on était limité.
  • c'est bien plus lisible

Les filtres sont peuplés en fonction des albums présents dans la bdd, et ils s'étoffent donc avec l'expension des d'albums.
Des champs de recherche avec autocomplétion apparaissent quand les listes deviennent trop grande.

Il y a plusieurs catégories :

  • Documents : pour afficher les albums liés à un document donné, en fonction de son numéro, de son titre ou de son fichier.
  • Types de documents : filtrer en fonction des types de douments contenus (image, audio etc.).
  • Extensions : filtrer en fonction des extensions des documents contenus.
  • Utilisations : filtrer en fonction des types d'objet auxquels sont liés les albums. On peut afficher un champ de recherche avec autocomplétion pour chaque type (afin de pouvoir, par exemple, afficher les albums liés à un article en particulier).
  • Mot-clés : filtrer en fonction de mot-clés liés aux albums
  • Auteurs : filtrer en fonction des auteurs liés aux albums
File size: 1.0 KB
Line 
1[(#REM)
2
3        Albumothèque : page de gestion des albums
4
5][(#REM)
6
7        Utilise :
8                prive/objets/liste/albums.html
9                javascript/albums_edit.js
10                javascript/medias_edit.js
11                javascript/jquery.multifile.js
12
13]
14[(#AUTORISER{administrer,albumotheque}|sinon_interdire_acces)]
15
16<div id='albums' class='albumotheque'>
17
18        #FORMULAIRE_RECHERCHE_ECRIRE{#SELF,ajax}
19
20        [(#INCLURE{fond=prive/objets/liste/albums,
21                nb=10,
22                env,
23                ajax=liste_albums})]
24
25        [(#REM) formulaire pour déplacer les documents par glisser-déposer ]
26        [(#AUTORISER{deplacerdocumentsalbums}|oui)
27        <div class='ajax'>#FORMULAIRE_ALBUMS_DEPLACER_DOCUMENTS</div>
28        ]
29
30        [(#AUTORISER{creer,album})
31                [(#URL_ECRIRE{album_edit,new=oui}|icone_verticale{<:album:icone_creer_album:>,album,new,right})]
32        ]
33
34</div>
35
36<script type='text/javascript'>/*<![CDATA[*/
37[(#REM) albums ]
38[(#INCLURE{javascript/albums_edit.js}|compacte{js})]
39[(#REM) documents ]
40var multifile='[(#CHEMIN{javascript/jquery.multifile.js}|texte_script)]';
41[(#INCLURE{javascript/medias_edit.js}|compacte{js})]
42/*]]>*/</script>
Note: See TracBrowser for help on using the repository browser.