[{"data":1,"prerenderedAt":162},["ShallowReactive",2],{"ui-script-tables-full-width-pt":3},{"id":4,"title":5,"body":6,"description":149,"extension":150,"meta":151,"navigation":157,"path":158,"seo":159,"stem":160,"__hash__":161},"content/scripts/pt/tables-full-width.md","Tabelas em Largura Total",{"type":7,"value":8,"toc":140},"minimark",[9,13,18,21,25,28,69,73,93,97,118,122],[10,11,12],"p",{},"Este script alarga as tabelas do extranet Direct Booking do Little Hotelier, o backoffice do motor de reservas em app.thebookingbutton.com, para que usem toda a largura do ecrã. Destina-se a proprietários e funcionários que consultam aí reservas diretas, relatórios e inventário num portátil ou num monitor grande.",[14,15,17],"h2",{"id":16},"o-problema-que-resolve","O problema que resolve",[10,19,20],{},"O Direct Booking mantém as suas páginas numa coluna de largura fixa. As listas de reservas e os relatórios ficam apertados nessa coluna, os nomes dos hóspedes aparecem cortados e, num monitor largo, metade do ecrã fica vazia enquanto desloca a tabela para o lado. Também é difícil seguir uma linha longa de uma tabela sem perder o sítio.",[14,22,24],{"id":23},"o-que-muda","O que muda",[10,26,27],{},"Nas páginas do extranet Direct Booking:",[29,30,31,39,45,51,57,63],"ul",{},[32,33,34,38],"li",{},[35,36,37],"strong",{},"Área de conteúdo principal:"," deixa de ter largura fixa, por isso as tabelas esticam pelo ecrã.",[32,40,41,44],{},[35,42,43],{},"Lista de reservas:"," a coluna do nome do hóspede deixa de ter largura limitada, por isso os nomes completos aparecem.",[32,46,47,50],{},[35,48,49],{},"Contentor principal:"," pode usar a largura total da janela.",[32,52,53,56],{},[35,54,55],{},"Relatórios:"," usam a largura total da página.",[32,58,59,62],{},[35,60,61],{},"Inventory:"," ganha uma largura máxima maior e fica centrado, para não esticar demasiado em ecrãs muito largos.",[32,64,65,68],{},[35,66,67],{},"Destaque de linhas:"," nas tabelas de dados, a linha sob o ponteiro do rato ganha um fundo cinzento claro, o que facilita a leitura ao longo da linha.",[14,70,72],{"id":71},"como-instalar","Como instalar",[10,74,75,76,79,80,85,86,92],{},"Instale a extensão gratuita Tampermonkey, prima ",[35,77,78],{},"Instalar no Tampermonkey"," nesta página, confirme e volte a carregar o Direct Booking. O ",[81,82,84],"a",{"href":83},"/tools/ui/instructions","guia de instalação"," tem imagens passo a passo. O script só funciona nas páginas do extranet Direct Booking (app.thebookingbutton.com/extranet/...), por isso o Front Desk não é afetado. É gratuito e de código aberto: ",[81,87,91],{"href":88,"rel":89},"https://github.com/JuanmanDev/TampermonkeyLittleHotelier/blob/main/directBooking/fullWidthTablets.user.js",[90],"nofollow","veja o código no GitHub",".",[14,94,96],{"id":95},"bom-saber","Bom saber",[29,98,99,102,105,108,115],{},[32,100,101],{},"Num portátil pequeno ou num tablet a diferença é pequena, porque a página já preenche o ecrã.",[32,103,104],{},"O destaque de linhas segue o ponteiro do rato, por isso é sobretudo útil num computador.",[32,106,107],{},"Só adiciona regras de estilo quando a página carrega. Não guarda nada nem envia nada para lado nenhum.",[32,109,110,111,92],{},"Para o mesmo efeito na página Reservations do Front Desk, instale o ",[81,112,114],{"href":113},"/tools/ui/full-width-reservation-table","Full Width Reservation Table",[32,116,117],{},"Se o Little Hotelier redesenhar o Direct Booking, alguns destes ajustes podem deixar de se aplicar até o script ser atualizado.",[14,119,121],{"id":120},"relacionado","Relacionado",[29,123,124,128,134],{},[32,125,126],{},[81,127,114],{"href":113},[32,129,130],{},[81,131,133],{"href":132},"/tools/ui/add-button-check-front-desk","Add Button Check on Front Desk",[32,135,136],{},[81,137,139],{"href":138},"/blog/little-hotelier-chrome-extensions","Extensão Chrome para o Little Hotelier: scripts gratuitos",{"title":141,"searchDepth":142,"depth":142,"links":143},"",2,[144,145,146,147,148],{"id":16,"depth":142,"text":17},{"id":23,"depth":142,"text":24},{"id":71,"depth":142,"text":72},{"id":95,"depth":142,"text":96},{"id":120,"depth":142,"text":121},"Faz as tabelas do extranet Direct Booking do Little Hotelier usarem toda a largura do ecrã e destaca a linha sob o rato, para as listas serem mais legíveis.","md",{"github":88,"category":152,"images":153},"Direct Booking",{"before":154,"after":155,"gallery":156},"/images/scripts/tables-full-width/from.webp","/images/scripts/tables-full-width/to.webp",[154,155],true,"/scripts/pt/tables-full-width",{"title":5,"description":149},"scripts/pt/tables-full-width","8T1ol1PQGkJPnbahao-Eh-zSYs52p5CSRlRwumSaYBI",1792099676078]