Comment créer une page avec toutes les images du site + options de tri + pagination ?

Cyriaque

Juillet 2015

Bonjour,

Je souhaite créer une page rassemblant toutes les images d’un site Spip avec la possibilité de trier ces images par date, par titre et par hasard. Avec également une pagination précédent / suivant. Et aussi pour chaque image, un lien vers l’article ou elle se trouve.

J’ai fait le code ci-dessous mais le problème et que les menu de tri et de navigation sont dupliqués autant de fois qu’il y à d’article...
Je ne sais pas comment faire ?

[(#REM) Ordre de tri des pins ]
#SET{defaut_tri,#ARRAY{
date,-1,
titre,1,
hasard,
}}

[(#REM) Liste des articles ]
<B_articles>
<BOUCLE_articles(ARTICLES) {tout}>
    
  <B_photos>
    
  <div class="photos">
    #ANCRE_PAGINATION

    [(#REM) Menu tri photos haut ]
    <div class="menu_tri_haut">
        <ul>
            <li>[(#TRI{date,'Date',ajax}|inserer_attribut{rel, 'nofollow'})]</li>
            <li>[(#TRI{titre,'Titre',ajax}|inserer_attribut{rel, 'nofollow'})]</li>
            <li>[(#TRI{hasard,'Hasard',ajax}|inserer_attribut{rel, 'nofollow'})]</li>
        </ul>
    </div>
    
    [(#REM) Menu pagination photos haut ]
    <div class="menu_pagination_haut">[(#PAGINATION{page_precedent_suivant})]</div>

    [(#REM) Liste des photos ]
    <ul>
        <BOUCLE_photos(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{tri date,#GET{defaut_tri}}{doublons}{vu=oui}{pagination 50}>
        <li>
          <a href="[(#URL_ARTICLE)]">
              <img src="(#FICHIER||image_reduire{100,*}|extraire_attribut{src}|url_absolue)" />
          </a>
        </li>
        </BOUCLE_photos>  
    </ul>

    [(#REM) Menu tri photos bas ]
    <div class="menu_tri_bas">
        <ul>
            <li>[(#TRI{date,'Date',ajax}|inserer_attribut{rel, 'nofollow'})]</li>
            <li>[(#TRI{titre,'Titre',ajax}|inserer_attribut{rel, 'nofollow'})]</li>
            <li>[(#TRI{hasard,'Hasard',ajax}|inserer_attribut{rel, 'nofollow'})]</li>
        </ul>
    </div>
    
    [(#REM) Menu pagination photos bas ]
    <div class="menu_pagination_bas">[(#PAGINATION{page_precedent_suivant})]</div>

  </div>
    
  </B_photos>
    
</BOUCLE_articles>
</B_articles>

Merci pour votre aide

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Juillet 2015

Salut !

Je te propose de tenter une jointure :
<BOUCLE_d(ARTICLES documents){documents.extension==jpg}{fusion documents.fichier}{par titre_document}> #ID_ARTICLE #URL_ARTICLE #ID_DOCUMENT [(#URL_DOCUMENT|image_reduire{25,25})] #TAILLE #TITRE_DOCUMENT <br> </BOUCLE_d>
Pour chaque champs homonyme il faudra déclarer des alias pour pouvoir les récupérer.
par exemple #TITRE qui est une colonne des tables documents et articles je déclare un alias dans config/mes_options.php comme ceci :
$GLOBALS['exceptions_des_tables']['articles']['titre_document'] = array('documents', 'titre');
Et voilà :)
Indiquez l’intérêt que vous portez à cette réponse

0

Joss

Juillet 2015

Le mieux c’est de reprendre le code du dist de document pour le portfolio et de dégager l’id_article. ça donne ça :
<B_documents_portfolio> <div class="bloc clearfix" id="documents_portfolio"> <h2><:medias:info_portfolio:></h2> <ul> <BOUCLE_documents_portfolio(DOCUMENTS) {mode=document}{extension IN png,jpg,gif} {par num titre, date}{doublons}{vu=non}>[ <li><a href="(#URL_DOCUMENT)" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE |url_absolue |parametre_url{id_document,#ID_DOCUMENT} |ancre_url{documents_portfolio} )]';return false;"[ class="(#EXPOSER)"][ title="(#TITRE|attribut_html|couper{80})"]>[(#FICHIER |image_passe_partout{90,90} |image_recadre{90,90} |inserer_attribut{class,spip_logos} |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]</a></li> ]</BOUCLE_documents_portfolio> </ul> </div> </B_documents_portfolio>
N’oublie pas de renommer tes boucles autrement que documents_portfolio si tu souhaites encore les utiliser dans tes articles.
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Juillet 2015

par rapport a la jointure que je propose il faut également ajouter dans le traitement qui va bien pour recuperer les bon chemin pour la balise #FICHIER dans config/mes_options.php :
$GLOBALS['table_des_traitements']['FICHIER']['articles'] = 'get_spip_doc(%s)';
En gros ça dit a spip :

Si dans une boucle ARTICLES tu rencontres la balise #FICHIER alors tu appliques le traitement ’get_spip_doc’. (traitement qui à la base ne s’applique que sur une boucle DOCUMENTS)

Par la suite [(#FICHIER|image_reduire{30,30})] fonctionne correctement
Indiquez l’intérêt que vous portez à cette réponse

0

Cyriaque

Juillet 2015

Super la jointure de table, je ne connaissais pas. Merci beaucoup brain_damage pour cette astuce !

Par contre je n’ai pas réussie à faire fonctionner la solution que tu me proposes...

J’ai donc fais une jointure entre DOCUMENTS et DOCUMENTS_LIENS avec l’ajout de #ID_OBJET à #URL_ARTICLE et ça à l’air de fonctionner... mise à par le tri par titre (mais je peux m’en passer).

Voici mon code :
[(#REM) Ordre de tri des photos ] #SET{defaut_tri,#ARRAY{ date,-1, titre,1, hasard, }} <B_photos> <div class="photos"> #ANCRE_PAGINATION [(#REM) Menu tri photos haut ] <div class="menu_tri_haut"> <ul> <li>[(#TRI{date,'Date',ajax}|inserer_attribut{rel, 'nofollow'})]</li> <li>[(#TRI{titre,'Titre',ajax}|inserer_attribut{rel, 'nofollow'})]</li> <li>[(#TRI{hasard,'Hasard',ajax}|inserer_attribut{rel, 'nofollow'})] </li> </ul> </div> [(#REM) Menu pagination photos haut ] <div class="menu_pagination_haut">[(#PAGINATION{page_precedent_suivant})]</div> [(#REM) Liste des photos ] <ul> <BOUCLE_photos(DOCUMENTS documents_liens) {extension IN png,jpg,gif}{tri date,#GET{defaut_tri}}{doublons}{vu=oui}{pagination 100}> <li> <a href="[(#URL_ARTICLE{#ID_OBJET})]"> <img src="(#FICHIER||image_reduire{100,*}|extraire_attribut{src}|url_absolue)" /> </a> </li> </BOUCLE_photos> </ul> [(#REM) Menu tri photos bas ] <div class="menu_tri_bas"> <ul> <li>[(#TRI{date,'Date',ajax}|inserer_attribut{rel, 'nofollow'})]</li> <li>[(#TRI{titre,'Titre',ajax}|inserer_attribut{rel, 'nofollow'})]</li> <li>[(#TRI{hasard,'Hasard',ajax}|inserer_attribut{rel, 'nofollow'})]</li> </ul> </div> [(#REM) Menu pagination photos bas ] <div class="menu_pagination_bas">[(#PAGINATION{page_precedent_suivant})]</div> </div> </B_photos>
J’espère que ma solution est propre ?
Indiquez l’intérêt que vous portez à cette réponse

0
Pierrox

Juillet 2015
Non non non...
Regardez bien comment les boucles et les critères sont écrits

Je remets un exemple en tableau html pour que vous testiez :
<B_photo> <table class="table spip"> <thead> <tr> <th>[(#TRI{id_article,'id_article',ajax}|inserer_attribut{rel, 'nofollow'})]</th> <th><:logo_art:></th> <th><:logo_doc:></th> <th>[(#TRI{titre,'Titre article',ajax}|inserer_attribut{rel, 'nofollow'})]</th> <th>[(#TRI{id_document,'id_doc',ajax}|inserer_attribut{rel, 'nofollow'})]</th> <th>[(#TRI{titre_document,'titre doc',ajax}|inserer_attribut{rel, 'nofollow'})]</th> <th>[(#TRI{date_document,'Date doc',ajax}|inserer_attribut{rel, 'nofollow'})]</th> <th>[(#TRI{extension,'Extension',ajax}|inserer_attribut{rel, 'nofollow'})]</th> <th>[(#TRI{taille,'Taille',ajax}|inserer_attribut{rel, 'nofollow'})]</th> </tr> </thead> <tbody> <BOUCLE_photo(ARTICLES documents){documents.extension IN png,jpg,gif}{fusion documents.fichier}{tri #GET{defaut_tri}}> <tr class='[(#COMPTEUR_BOUCLE|alterner{row_odd,row_even})]'> <td>#ID_ARTICLE</td> <td>[(#LOGO_ARTICLE|image_reduire{25,25})]</td> <td>[(#FICHIER|image_reduire{25,25})]</td> <td><a href="#URL_ARTICLE">#TITRE</a></td> <td>#ID_DOCUMENT</td> <td>#TITRE_DOCUMENT</td> <td>#DATE_DOCUMENT</td> <td>#EXTENSION</td> <td>#TAILLE</td> </tr> </BOUCLE_photo> </tbody> </table> </B_photo>
et dans config/mes_options.php (impérativement)
$GLOBALS['exceptions_des_tables']['articles']['titre_document'] = array('documents', 'titre'); $GLOBALS['exceptions_des_tables']['articles']['date_document'] = array('documents', 'date'); $GLOBALS['table_des_traitements']['FICHIER']['articles'] = 'get_spip_doc(%s)';
Essayer ça et ensuite adaptez le à votre cas
Indiquez l’intérêt que vous portez à cette réponse

0

Cyriaque

Juillet 2015

Bonjour brain_damage,

Je viens de tester ta solution ça fonctionne parfaitement, le tri se fait correctement.

Merci pour ton aide très précieuse !

Ps : je passe ce sujet en résolu