From c8cf84d0862b872c97cfb4edebd08fba86379a4c Mon Sep 17 00:00:00 2001 From: Rafael Tavares Juliani Date: Sat, 21 Oct 2023 23:00:50 -0300 Subject: [PATCH] =?UTF-8?q?Corre=C3=A7=C3=A3o=20fun=C3=A7=C3=A3o=20postos?= =?UTF-8?q?=20de=20venda?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Foi feita a correção e adicionado css --- configuracoesleitor.css | 231 ++++++++++++++++++++++++++++++++++++++++ leitor-web.js | 84 +++++++++------ 2 files changed, 280 insertions(+), 35 deletions(-) create mode 100644 configuracoesleitor.css diff --git a/configuracoesleitor.css b/configuracoesleitor.css new file mode 100644 index 0000000..309badf --- /dev/null +++ b/configuracoesleitor.css @@ -0,0 +1,231 @@ +main { + position: relative; +} + +#papel { + padding: 18px; + box-sizing: border-box; + border-radius: 5px; + margin-top: 45px; +} + +.page-navigation { + margin-bottom: 30px; /** Evita que o container .referencias_capitulo atrapalhe o .page-navigation **/ +} + +object pre { + font-size: 18px; +} + +.referencias_capitulo { + width: 266px; + display: flex; + font-size: 15px; + flex-direction: row; + justify-content: space-between; + align-items: center; + height: 35px; + background-color: #f8f9fa; + color: #fff; + text-align: center; + color: #444; + box-shadow: 0 1px 3px #ababab; + position: fixed; + bottom: 0; + border-radius: 5px 5px 0 0; + left: 50%; + transform: translateX(-50%); + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #dedfe0; +} + +.referencias_capitulo span { + margin: 5px; +} + +.referencias_capitulo input { + border: 1px solid #dedede; + height: 25px; + width: 103px; + border-radius: 5px; + margin-right: 4px; + font-size: 12px; + color:#999; + background-size: 15px 15px; + +} + +.referencias_capitulo input::placeholder { + color: #999; + font-size: 12.5px; +} + +.referencias_capitulo .cont_ref { + width: 160px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +.pegarLink { + border: none; + font-size: 11px; + height: 30px; + background-color: #e4e4e4; + border-radius: 3px; + margin-left: 2px; + padding: 0; +} + +.pegarLink span { + margin-top: 0; + margin-bottom: 0; +} + +.pegarLink span img { + height: 18px; + width: auto; + margin-bottom: -5px; +} + +.pegarLink:hover { + background-color: #ddedfd; +} + +/* Estilo da janela modal */ +.modal { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: #fff; + padding: 20px; + min-width: 260px; + max-width: 400px; + border-radius: 3px; + font-size: 14px; +} + +.modal-content p { + margin-bottom: 0; +} + +.modal-content div { + margin-bottom: 1rem; +} + +#qrcode_container { + margin: 13px auto 5px auto; +} + +.close { + position: absolute; + top: 0; + right: 0; + padding: 0 15px; + cursor: pointer; + background-color: #d3d3d3; + border-radius: 3px; +} + +.close:hover { + background-color: #d15e5e; +} + +#moan-menu-texto { + position:absolute; + right: 0; +} + +#moan-menu-texto img { + width: 16px; + height: auto; +} + +#moan-menu-texto button { + background: #fff; /* Cor de fundo dos botões */ + border: 1px solid #ccc; /* Borda dos botões */ + border-radius: 5px; /* Bordas arredondadas */ + padding: 4px 9px; /* Espaçamento interno */ + margin: 3px; /* Espaçamento externo entre os botões */ + cursor: pointer; /* Cursor do mouse em forma de mão */ +} + +#moan-menu-texto button:hover { + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Sombra ao passar o mouse sobre o botão */ + +} + +.luz_apagada { + background-color: #444 !important; +} + +h1 { + font-size: 2em; +} +h2 { + font-size: 1.5em; +} +h3, h4 { + font-size: 1.3em; +} +h5, h6 { + font-size: 1.02em; +} + +.callout.callout-style-default>div.callout-header { + font-size: 0.88em; +} + +.callout.callout-style-default .callout-body { + font-size: 0.88em; +} + +.versao-impressa-compre { + font-size: 0.85em; +} + +.versao-impressa-compre h2 { + border: none; + color: #a0a5a7; + margin-bottom: 0; +} + +.versao-impressa-compre ul { + margin-top: 10px; +} + +@media only screen and (max-width: 767px) { + #quarto-content { + + display: block !important; /*Isso é importante para usar toda a largura em telas pequenas*/ + + } + + #moan-menu-texto { + top: -34px + } + + } + +@media only screen and (max-width: 500px) { + #moan-menu-texto { + left: 50%; + transform: translate(-50%, -50%); + } + #papel{ + margin-top: 90px; + } + } \ No newline at end of file diff --git a/leitor-web.js b/leitor-web.js index edcad5a..7135a3a 100644 --- a/leitor-web.js +++ b/leitor-web.js @@ -1089,46 +1089,60 @@ document.querySelector(".close").addEventListener("click", function() { // Colocar as opções de venda (postos-de-venda.json) na sidebar da margin direita // Faça uma requisição HTTP para carregar o arquivo "postos-de-venda.json" da raiz do site -fetch("/postos-de-venda.json") -.then(response => response.json()) -.then(data => { - // Verifique se o JSON não contém a chave "Ainda não disponível" - if (!Object.values(data).some(value => value.includes("Ainda não disponível"))) { - // Crie a div com a classe "versao-impressa-compre" - const versaoImpressaDiv = document.createElement("div"); - versaoImpressaDiv.className = "versao-impressa-compre"; - // Crie o título "Está gostando?" - const titulo = document.createElement("h2"); - titulo.textContent = "Está gostando?"; - versaoImpressaDiv.appendChild(titulo); + // Use uma expressão regular para verificar se a chave não contém "não disponível" + const regex_1 = /Ainda não disponível/i; // O "i" torna a expressão regular case-insensitive - // Crie um