• Laravel 8

    Un site de réservation avec la TALL stack (partie 3)

    Dans le précédent article on a terminé le codage de la page d’accueil en ajoutant les calendriers de réservation. On a bien été aidés par Livewire qui permet de jongler avec désinvolture entre client et serveur. On a aussi bénéficié d’un package intéressant pour réaliser facilement une page modale sans écrire une seule ligne de Javascript. On a fait aussi quelque chose de suffisamment réaliste avec la vérification d’une éventuelle réservation intervenue depuis le chargement de la page. Dans cette troisième et dernière partie on va coder le tableau de bord de l’utilisateur. Évidemment en utilisant une nouvelle fois Tailwind et Livewire ainsi que le superbe package Livewire Datatable que…

  • Laravel 8

    Un site de réservation avec la TALL stack (partie 2)

    Dans le précédent article on a procédé à l’installation et à la mise en place de la page d’accueil du site. On va maintenant entrer dans le vif du sujet en ajoutant pour chacun des gîtes un calendrier de réservation. Celui-ci devra être interactif, ne proposer que les dates libres, procéder à la réservation et informer l’utilisateur en lui demandant de régler sa réservation à partir de son tableau de bord avec une date limite pour le paiement. Vous pouvez télécharger le code final de cet article ici. Un composant pour le calendrier On utilise Livewire pour créer un composant pour le calendrier : php artisan make:livewire calendar On crée…

  • Laravel 8

    Un site de réservation avec la TALL stack (partie 1)

    Il est de plus en plus évident que la TALL stack, dont j’ai déjà parlé dans cet article, se présente comme une sérieuse alternative aux approches classiques. On peut ne pas aimer la verbosité de Tailwind, et j’en fais partie, ou le mélange des genres de Livewire, et j’en fais encore partie, il faut reconnaître à ces technologies une redoutable efficacité. J’ai déjà évoqué plusieurs fois Livewire dans le présent blog, une fois pour en faire une introduction, une autre fois pour découvrir un datatable fondé sur Livewire, et enfin une implémentation de FullCalendar avec le même Livewire. Dans cette série d’articles je vous propose de faire une synthèse de…

  • Laravel 8

    Liveware Fullcalendar

    Je continue l’exploration des possibilités de Livewire, cette fois associé à la plus célèbre librairie de calendrier : Fullcalendar. C’est une librairie très complète avec un affichage esthétique sous différentes formes d’un calendrier avec des événements. Il est totalement paramétrable et gratuit et open source pour l’essentiel de ses possibilités. Sur le site officiel on trouve de nombreuses démonstrations : glisser-déposer d’événement, entrée d’événement avec un clic sur le jour, événements en fond, changement de thème ou de locale… On a là tout ce qu’il faut pour traiter une application fondée sur des événements temporels. C’est la lecture de cet article qui m’a donné envie de m’intéresser à cette histoire.…

  • Laravel 8

    Livewire Datatable

    J’ai déjà évoqué plusieurs fois Livewire dans ce blog, en particulier un article d’introduction. J’ai aussi publié récemment un article concernant la Tall Stack. Même si je n’aime pas particulièrement cet outil je dois reconnaître qu’il est bien pensé et terriblement efficace. Il permet de faire de l’Ajax sans même s’en rendre compte en gérant complètement le Javascript de façon transparente. Dans le présent article, je vous propose d’utiliser un package pour créer des Datatables avec Livewire. Il en existe plusieurs mais mon choix s’est porté sur MedicOneSystems/livewire-datatables. Vous pouvez regarder un site de démonstation en ligne pour en voir toutes les possibilités qui sont assez complètes et qui comportent…

  • CSS3

    Tailwind

    Il faut reconnaître que Tailwind connait un franc succès et mérite qu’on s’y intéresse de près. De quoi s’agit-il ? C’est une librairie qui propose des classes utilitaires avec comme objectif de se passer des feuilles de style et de gérer complètement ce style directement dans le HTML. Ces classes sont très proches du CSS et on est donc très loin de librairies comme Bootstrap qui proposent des composants tout prêts à l’emploi. Ici la proposition est tout autre. C’est une philosophie différente, au lieu de créer des feuilles de style en utilisant des noms de classe plus ou moins judicieux au niveau du HTML, on utilise des classes de…