Nouvelle version des news et fonction d'auto update des modules

fredfred Messages 170Administrateur
1 avril modifié dans Tests des prochaines versions
Bonjour,
Vous trouverez ci-dessous une nouvelle version du module News estampillée v3

Nouvelle pagination

C'est un projet de @Mickaelgutt que j'ai repris pour le publier. L'idée est de présenter les news en colonnes, ce qui est très appréciable pour un module très simple de présentation.

Les options de pagination sont dans la configuration : 

On note que le nombre d'articles par page n'est pas celui indiqué dans la configuration du site. Ce choix permet de paramétrer différemment chaque instance de module, ce qui est préférable. Cela signifie que le module blog devrait aussi subir cette mise à jour de pagination et que l'option disparaîtra naturellement de la configuration générale.
Vous aurez le choix entre 1, 2, 3 et 4 colonnes et entre 4, 8, 12, 16 et 22 articles par page. 

Procédure inédite de mise à jour des données du module.

Depuis toujours, les données de module sont mises à jour au niveau du noyau. Cette solution est inapplicable si on souhaite plus de modules comme ceux de @sylvainlelievre.
La solution est d'inclure une fonction update au sein du module, cette fonction se charge de la mise à jour des données internes du module.
Elle est appelée par index et config qui sont les deux points d'entrée :
        // Mise à jour des données de module        $this->update();
 Cette fonction privée n'est pas déclarée au routage dans $actions.

Elle commence par initialiser une variable version dans un tableau config, ensuite commencent les comparaisons.
À chaque nouvelle version, on ajoute un test qui se termine par la mise à jour du numéro de version. Dans le cas présent on relie les données du flux RSS et on initialise les variables itemsperPage et itemsperCol avec des valeurs par défaut, cependant on peut imaginer toute sorte de traitement.
À partir de la version 11, tous les modules fonctionneront de cette manière, la fonction update du core ne maintiendra que les données autres que celles des modules.
C'est une fonction qui assure aux modules une complète autonomie.





Post edited by fred on
The f....g boss

Réponses

  • MickaelguttMickaelgutt Messages 51Membre
    Bonjour @fred,
    Merci pour cette attention et pour toutes les explications concernant cette avancée .
    Je vais tester ça tout de suite.
    Merci pour tout et bonne journée
    Cordialement 
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • augrasaugras Messages 26Moderateur
    1 avril modifié
    Je ne suis pas adepte du Blog mais cette présentation est effectivement plus agréable à l’œil.
    Le gestionnaire de modules était déjà une grande avancée pour Zwii qui se poursuit avec des modules maintenant parfaitement autonomes : un nouveau grand pas pour Zwii.
    Post edited by augras on
  • sebseb Messages 8Membre, Moderateur
    Pouvoir afficher les billets de blog sous forme de "grille" est formidable ! Merci @fred !
    Zwiien de l'hémisphère sud. Décalage horaire à prévoir. B)
  • fredfred Messages 170Administrateur
    1 avril modifié
    Merci @seb, l'idée vient de @Mickaelgutt qu'il soit béni également.
    The f....g boss
  • fredfred Messages 170Administrateur
    Et aussi de @sylvainlelievre :) 
    The f....g boss
  • mulaneemulanee Messages 71Membre
    Bonjour,
    J'ai testé, c'est une très bonne idée.
    Mais l'aspect de la page devient très brouillon dès que l'on met des contenus très différents entre les différents blocs, texte avec beaucoup de lignes, mot, vidéo, photo etc...
    Je m'en suis sorti en créant un tableau 1x1 entourant la news, histoire de délimiter .
  • MickaelguttMickaelgutt Messages 51Membre
    Bonjour @mulanee,
    Mais l'aspect de la page devient très brouillon dès que l'on met des contenus très différents entre les différents blocs
    Effectivement pour les news la hauteur est différente suivant la grandeur de la news car chaque news affiche la totalité de son contenu, mais pour le blog et le livre d'or il y as un nombre de caractères qui règle la question.
    La solution serait d'avoir une hauteur fixe avec un btn lire la suite mais du coup ça reviens au même que si on avait un blog, donc il faut voir si c'est pertinent d'avoir comme le blog un btn lire la suite, peut être sous forme de modale suivant le contenu ( comme uniquement du text ) mais si il y a des photos et du texte c'est mieux de se rediriger vers une page avec tout le contenu comme le blog ou le livre d'or.

    Peux tu mettre un lien vers ton résultat que l'on puisse voir s'il te plait ??
    Merci
    Cordialement
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • fredfred Messages 170Administrateur
    Nouvelle version prenant en compte les modifications du formulaire + suppression de la phase d'initialisation inutile.
    The f....g boss
  • fredfred Messages 170Administrateur
    Mais l'aspect de la page devient très brouillon dès que l'on met des contenus très différents entre les différents blocs, texte avec beaucoup de lignes, mot, vidéo, photo etc...
    Remarque très judicieuse.
    Il y a plusieurs pistes d'améliorations : 
    • changer la grille par des div flex.
    • limiter le nombre de caractères mais ouvrir une page article avec le texte complet.
    The f....g boss
  • MickaelguttMickaelgutt Messages 51Membre
    @fred
    ok merci !!
    bonne soirée
    Cordialement
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • fredfred Messages 170Administrateur
    Dernière version : 
    • 3 tailles de hauteur
    • Effet flou en bas des articles coupés
    • Lien vers l'article complet.
    Bons tests

    The f....g boss
  • MickaelguttMickaelgutt Messages 51Membre
    @fred,
    encore merci pour le taf !!
    Bon week-end de Pâques à tout le monde !!
    Cordialement
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • MickaelguttMickaelgutt Messages 51Membre
    Re @fred
    Test effectué, c'est vraiment une très bonne idée les hauteurs et la redirection, je regarde pour l'adapter au livre d'or et au blog !!
    Un grand merci encore bon week-end
    Cordialement
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • fredfred Messages 170Administrateur
    Nouveau module News, j'ai jouté un effet flou qui n'est pas très glamour, si un sportif du css passe par là, ce petit bout de feuille de style mériterait une amélioration.
    The f....g boss
  • MickaelguttMickaelgutt Messages 51Membre
    Bonjour @fred,
    j'ai jouté un effet flou qui n'est pas très glamour, si un sportif du css passe par là, ce petit bout de feuille de style mériterait une amélioration
    Ben écoute moi j'ai fais simple et sans css si ça peut aider ou donner une idée !!
    J'ai décommenté dans le index.css de :
    .newsTitle {
        background-color: #ECEFF1;
        padding:5px;
    }
    mise en commentaire de blure :
    /*
    .newsBlur {
    	position: absolute;
    	bottom: -5%;
    	margin: -10px;
    	height: 20%;
    	width: 110%;
    	backdrop-filter: blur(1px);
    	-webkit-backdrop-filter: blur(1px);
    }
    */
    mise en place dans le index.php de 2 balises :  ( 1 saut de ligne et un hr )


    Pour ce Résultat :  

    Une solution simple après il y as mieux mais bon c'est Dimanche !!!!
    Après @roger et un grand fane de css, il aura sans doute une autre solution plus adéquate .
    Cordialement
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • fredfred Messages 170Administrateur
    Bonjour,
    Ce n'est pas du tout ça ; j'ai besoin d'un effet flou pour ne pas couper l'article n'importe comment :smiley:
    The f....g boss
  • MickaelguttMickaelgutt Messages 51Membre
    @fred
    ah d'accord je n'avais pas compris !! 
    Désolé !  :s
    Bonne soirée 
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • MickaelguttMickaelgutt Messages 51Membre
    Bonjour @fred
    c'est ça que tu veux pour le dégradé ?


    si c'est ça, j'ai fais dans l'index.css
    .newsBlur {
    background: -webkit-linear-gradient(#333,#eee );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    
    }
    et dans l'index.php
    <div class="newsContent  newsBlur" style="height:<?php echo $this->getData(['module', $this->getUrl(0),'config', 'itemsHeight']); ?>;">
    					<?php echo $news['content']; ?>
    					<!--<div class="newsBlur" ></div>-->
    				</div>
    j'ai mis la class newsBlur avec la class newsContent et mis en commentaire la div avec la class "newsBlur".

    En espèrent que c'est ce que tu recherches !!

    Bonne journée
    Cordialement
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • fredfred Messages 170Administrateur
    5 avril modifié
    Excellent 
    Merci et bon lundi de Pâques !
    The f....g boss
  • MickaelguttMickaelgutt Messages 51Membre
    Merci @fred
    Bon Lundi de Pâques également.
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

  • fredfred Messages 170Administrateur
    J'ai utilisé : 
    .newsBlur {
    background: linear-gradient(#333 70%,#FFF );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    Pour limiter l'effet au 30 % du bas.
    En tout cas merci bien pour le coup de main.
    The f....g boss
  • MickaelguttMickaelgutt Messages 51Membre
    En tout cas merci bien pour le coup de main.
    Oui pas de soucis @fred
    Je n'avais pas mis de % je pensais que par defaut c'était bon.
    Allez bon Lundi !!
    à bientôt
    Mickael

    Savoir avancer c'est :
    Avoir l’esprit ouvert et accepter la différence des autres
    Être fermer aux idées des autres :
    C'est se croire le meilleur et ne pas accepter la différences et les idées des autres.

Connectez-vous ou Inscrivez-vous pour répondre.