Forum

Créations de Modules [Réglé] Liste des membres

Eric Camy Membre non connecté

Booster Fronde

Rang

Avatar

Inscrit le : 04/03/2019 à 09h05

Messages: 10

Le 01/05/2019 à 21h46
Bonjour,

Je débute dans la construction de module et aussi dans l'architecture MVC, donc pour essayer de faire un module qui pourrait m'afficher la liste des membres de mon site je me suis inspiré du module Online.

J'ai pas mal avancé mais hélas j'ai un soucis d'affichage. La liste s'affiche avec les membres un au dessus de l'autre alors que j'aurais voulu un à coté de l'autre et retour à la ligne lorsque qu'on est au bout de la table.

Je vous joint mon module et ci-dessous l'image de ce que j'ai actuellement.

sans_titre_eb76c

Un petit coup de main serait bienvenue. Merci

pilotes.zip Edité par Eric Camy Le 03/05/2019 à 11h23
   
mipel Membre non connecté

Modérateur

Rang

Avatar

Equipe Rédaction Equipe Modération

Inscrit le : 04/04/2016 à 17h36

Messages: 258

Le 02/05/2019 à 12h15
Bonjour,

Bon début pour ce premier module !
Une remarque dans le /pilotes/phpboost/PilotesExtensionPointProvider.class.php
Code PHP :
public function menus()
    {
        /*return new ModuleMenus(array(new PilotesModuleMiniMenu()));*/
    }

cette ligne est commentée car la class PilotesModuleMiniMenu() n'existe pas et plante l'installation du module.

Sinon pour l'affichage:
Code TPL :
 <table>
        <tr>
                # START users #
            <td>
                <div>{users.PSEUDO}</div>
                <div>{users.LEVEL}</div>
                    # IF users.C_AVATAR #<img src="{users.U_AVATAR}" class="message-avatar" alt="${LangLoader::get_message('avatar', 'user-common')}" title="${LangLoader::get_message('avatar', 'user-common')}" /># ENDIF #
            </td>
                # END users #
        </tr>
    </table>

Il suffit de mettre les <td> dans la boucle pour créer une rupture à chaque user. Un petit coup de css peut aussi être utile pour la mise en forme de la table.

La désinstallation du module génère aussi une erreur, à vérifier donc.

Pour info : la gestion des groupes disponible dans l'administration/utilisateurs offre déjà un tel affichage, mais si c'est pour s’entraîner alors pourquoi pas ;)
Edité par mipel Le 02/05/2019 à 13h25


Merci de penser à joindre le rapport système de votre site, il peut nous aider à mieux répondre à vos questions.
Eric Camy Membre non connecté

Booster Fronde

Rang

Avatar

Inscrit le : 04/03/2019 à 09h05

Messages: 10

Le 02/05/2019 à 19h33
Merci beaucoup c'est exactement ce que je voulais .
Oui en effet j'essaye de comprendre comment fonctionne le code et c'est super intéressant.
   
Eric Camy Membre non connecté

Booster Fronde

Rang

Avatar

Inscrit le : 04/03/2019 à 09h05

Messages: 10

Le 02/05/2019 à 19h45
Par contre quand tu arrives au bout de la table il n'y a pas de retour à la ligne pour pouvoir ensuite continuer l'affichage sur une autre ligne afin d'éviter l’écrasement ou la modification de la taille des images des avatars .
Par exemple j'ai 15 membres sur la première ligne horizontal j'en veux 8 et sur celle du dessous 7 .
   
babsolune Membre non connecté

Modérateur

Rang

Avatar

Equipe Graphique

Inscrit le : 16/05/2008 à 12h52

Messages: 2342

Le 02/05/2019 à 20h02
plop
c'est le problème des tableaux, c'est vite limité.

tu peux utiliser la flexbox présente dans le thème Base, ou en faire une toi-même

l'idée est de créer un conteneur global :
- soit en "flex wrappé" on défini une largeur max pour chaque élément, auquel cas lorsque le nombre d'éléments nous amène en bout de ligne, l'élément suivant passe à la ligne suivante
- soit en flex non-wrappé et on défini un nombre d'éléments par ligne (le cas de la flexbox du thème Base) ce qui donne la possibilité de créer une option dans la configuration du module pour définir ce nombre

pour le thème Base donc (différents nombres de colonnes définis dans le content.css, s'il en manque...)
Code HTML :
<div class="elements-container columns-7">
    <div class="block">infos du pilote 1</div>
    <div class="block">infos du pilote 2</div>
    ...
</div>

dans ce cas, tous les 7 éléments, on passe à la ligne


Site web    
Eric Camy Membre non connecté

Booster Fronde

Rang

Avatar

Inscrit le : 04/03/2019 à 09h05

Messages: 10

Le 03/05/2019 à 11h22
Merci
   
MickaelFR Membre non connecté

Booster Missile

Rang

Avatar

Inscrit le : 20/01/2014 à 11h01

Messages: 1369

Le 03/05/2019 à 11h38
Bonjour.

Beau projet :)

Il me semble l'avoir déjà eu sous la V3 d'ailleurs non ?
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie