• Laravel 11

    Albums – Les catégories

    Dans ce chapitre, nous allons poursuivre le développement de notre galerie de photos en nous concentrant sur la gestion des catégories. Pour organiser efficacement les photos de la galerie, nous les avons classées en catégories. Seul l’administrateur a les droits de créer, modifier ou supprimer une catégorie. Nous aborderons dans ce chapitre la création d’une catégorie, ce qui implique plusieurs étapes : mise à jour du menu de navigation : il faudra ajouter des options de menu pour l’administration des catégories. Ces options ne seront visibles que pour les utilisateurs connectés ayant le rôle d’administrateur création de formulaires : nous créerons des formulaires simples qui permettront à l’administrateur d’ajouter une…

  • Laravel 11

    Albums – Le profil

    Jusqu’à présent, notre galerie photo est globalement fonctionnelle. Dans ce chapitre, nous allons nous concentrer sur la création d’une page de profil pour les utilisateurs afin de leur permettre de modifier leurs informations personnelles, telles que leur adresse email, leur pagination et leur statut adulte. En plus de cela, pour respecter les directives du RGPD, nous leur donnerons la possibilité de supprimer leur compte s’ils le souhaitent. Les thèmes de daisyUI On sait que tous les styles de MaryUI sont issus de DaisyUI. DaisyUI fournit un ensemble de thèmes intégrés qui peuvent être utilisés sans effort supplémentaire. Chaque thème définit un jeu de couleurs qui seront appliquées à tous les…

  • Laravel 11

    Albums – Les albums 2/2

    Dans le précédent article, on a mis en place la gestion complète des albums. Un utilisateur enregistré peut créer autant d’albums qu’il veut, les supprimer, afficher la liste pour savoir où il en est et aussi modifier le nom d’un album si nécessaire. Mais il nous reste encore du travail. On doit pouvoir affecter des photos aux différents albums. On sait qu’une photo peut appartenir à plusieurs albums, à un seul, ou à aucun. D’autre part, il faut aussi pouvoir afficher les photos d’un album particulier. Affecter les photos à un album On a vu dans un article précédent qu’on peut modifier les éléments d’une photo avec ce formulaire :…

  • Laravel 11

    Albums – Les albums 1/2

    Dans ce chapitre, nous allons poursuivre la création de notre application de galerie photos en nous concentrant sur la fonctionnalité d’albums. Nous avons déjà vu comment organiser les photos de la galerie avec des catégories, lesquelles ne peuvent être créées, modifiées ou supprimées que par un administrateur. Cette fois, nous allons permettre à chaque utilisateur inscrit d’organiser ses photos dans des albums personnels. Bien que certaines fonctionnalités soient similaires à celles des catégories, nous devrons ajouter deux nouvelles tables à la base de données et établir des relations entre elles. De plus, nous compléterons le menu de la barre de navigation, créerons un formulaire, les routes, pour gérer les albums.…

  • Laravel 11

    Albums – Gérer les images

    Dans le chapitre précédent, nous avons mis en place l’affichage de la galerie en prévoyant la possibilité de présenter les photos par catégorie et par auteur. Nous allons maintenant implémenter les fonctions de suppression de photos et ajouter la possibilité de modifier la description, la catégorie et le statut adulte. Ces actions doivent être réservées au créateur de la photo et à l’administrateur pour préserver l’intégrité de la plateforme. Des boutons de commande Pour chaque image, on va prévoir deux boutons : pour supprimer l’image pour modifier l’image : description, catégorie et statut adulte On ajoute le code de la vue (toujours le composant index) : <div class="relative items-center grid…

  • Laravel 11

    Albums – La galerie

    Maintenant qu’on a créé l’essentiel de la gestion des images, qu’on a des utilisateurs et des catégories, on va enfin passer à la réalisation de la galerie elle-même pour visualiser les images sur la page d’accueil. On va aussi donner la possibilité de zoomer les images. On va prévoir une pagination, un affichage par catégorie… Pour les besoins de visualisation des images, on va utiliser une light box. Il en existe de multiples et le choix n’est pas facile. Après analyse d’un certain nombre, je me suis finalement décidé pour SimpleLightbox. Elle est simple, efficace, élégante et légère, que demander de plus ? Une nouvelle directive Blade On va ajouter…