[{"data":1,"prerenderedAt":160},["ShallowReactive",2],{"ui-script-compact-calendar-ui-fr":3},{"id":4,"title":5,"body":6,"description":147,"extension":148,"meta":149,"navigation":155,"path":156,"seo":157,"stem":158,"__hash__":159},"content/scripts/fr/compact-calendar-ui.md","Interface Calendrier Compacte",{"type":7,"value":8,"toc":138},"minimark",[9,13,18,21,25,28,63,66,70,90,94,116,120],[10,11,12],"p",{},"Ce script retire l'espace vide du calendrier de Little Hotelier pour que davantage de chambres tiennent à l'écran sans défilement. Il s'adresse au personnel de réception qui garde le calendrier ouvert toute la journée et veut voir tout l'établissement, ou presque, d'un coup d'œil.",[14,15,17],"h2",{"id":16},"le-problème-résolu","Le problème résolu",[10,19,20],{},"Le calendrier standard utilise beaucoup d'espace vertical avant l'apparition de la première réservation. L'en-tête de chaque jour empile ses informations sur trois lignes, chaque type de chambre a sa propre ligne de titre très haute, et la barre de navigation et de filtres ajoute des marges. Sur un écran d'ordinateur portable, des chambres sortent de la vue, et il faut donc défiler vers le haut et vers le bas pour vérifier la disponibilité pendant qu'un client attend.",[14,22,24],{"id":23},"ce-qui-change","Ce qui change",[10,26,27],{},"Tous les changements sont visuels, réalisés avec des styles ajoutés à la page :",[29,30,31,39,45,51,57],"ul",{},[32,33,34,38],"li",{},[35,36,37],"strong",{},"En-têtes de dates :"," le jour de la semaine et la date sont côte à côte sur une seule ligne, au lieu d'être empilés sur trois lignes.",[32,40,41,44],{},[35,42,43],{},"Cellule d'en-tête en haut à gauche :"," sa hauteur est limitée, pour que la ligne d'en-tête reste courte.",[32,46,47,50],{},[35,48,49],{},"Lignes de titre des types de chambre :"," plus courtes, avec un fond transparent et sans bordures, pour prendre moins de place entre les chambres.",[32,52,53,56],{},[35,54,55],{},"Bouton pour tout développer ou tout réduire :"," ses marges intérieures et extérieures sont supprimées.",[32,58,59,62],{},[35,60,61],{},"Navigation et filtres :"," les marges au-dessus de la navigation par dates et sous les options de filtre sont réduites.",[10,64,65],{},"Les barres de réservation et les lignes de chambres elles-mêmes ne changent pas. Seuls les espacements et la disposition de l'en-tête sont modifiés.",[14,67,69],{"id":68},"comment-linstaller","Comment l'installer",[10,71,72,73,76,77,82,83,89],{},"Installez l'extension gratuite Tampermonkey, appuyez sur ",[35,74,75],{},"Install on Tampermonkey"," sur cette page, confirmez, puis rechargez le calendrier. Des images étape par étape se trouvent dans le ",[78,79,81],"a",{"href":80},"/tools/ui/instructions","guide d'installation",". Le script cible app.littlehotelier.com et application.littlehotelier.com, mais ses styles n'affectent que le tableau du calendrier et sa barre d'outils. Il est gratuit et open source : ",[78,84,88],{"href":85,"rel":86},"https://github.com/JuanmanDev/TampermonkeyLittleHotelier/blob/main/frontdesk/compactCalendarUI.user.js",[87],"nofollow","lisez le code sur GitHub",".",[14,91,93],{"id":92},"bon-à-savoir","Bon à savoir",[29,95,96,99,102,105,113],{},[32,97,98],{},"Il ajoute ses styles une seule fois au chargement de la page. Il ne lit ni ne stocke aucune donnée de réservation.",[32,100,101],{},"Il ne change pas le nombre de jours affichés. Utilisez pour cela les options de plage de dates de Little Hotelier.",[32,103,104],{},"Il fonctionne de la même façon à la souris ou sur écran tactile.",[32,106,107,108,112],{},"Il fonctionne avec ",[78,109,111],{"href":110},"/tools/ui/prices-display","Affichage des Prix",", qui écrit le prix de chaque nuit sous chaque type de chambre sur ce même calendrier.",[32,114,115],{},"Si Little Hotelier modifie la disposition du calendrier, certains ajustements peuvent cesser de s'appliquer jusqu'à la mise à jour du script. Désactivez-le dans le menu de Tampermonkey si quelque chose semble anormal.",[14,117,119],{"id":118},"à-lire-aussi","À lire aussi",[29,121,122,126,132],{},[32,123,124],{},[78,125,111],{"href":110},[32,127,128],{},[78,129,131],{"href":130},"/blog/little-hotelier-tips","Astuces et fonctions cachées de Little Hotelier",[32,133,134],{},[78,135,137],{"href":136},"/tools/ui/full-width-reservation-table","Tableau de Réservation Pleine Largeur",{"title":139,"searchDepth":140,"depth":140,"links":141},"",2,[142,143,144,145,146],{"id":16,"depth":140,"text":17},{"id":23,"depth":140,"text":24},{"id":68,"depth":140,"text":69},{"id":92,"depth":140,"text":93},{"id":118,"depth":140,"text":119},"Réduit les espaces vides du calendrier Little Hotelier pour afficher plus de chambres à l'écran sans défiler, grâce à des en-têtes plus compacts.","md",{"github":85,"category":150,"images":151},"Calendar View",{"before":152,"after":153,"gallery":154},"/images/scripts/compact-calendar-ui/from.png","/images/scripts/compact-calendar-ui/to.png",[152,153],true,"/scripts/fr/compact-calendar-ui",{"title":5,"description":147},"scripts/fr/compact-calendar-ui","VJT9I7fE9KUHvUFQPHbuUbxzYrAyVn7p5UQk82JLFrI",1792099665303]