Aledro Gestor

Bloco1

Logomarca

User Name

User Password

Empresa

Acessar

Esqueceu sua senha ?

Theme

Não tem uma conta ?

Registrar-me

Bloco2

</div>
        </div>

</div>
</div>

const div = document.getElementById("layoutSidenav_content");

if (div) {
      // Verifica se a string background-image tem "random:..."
      const styleAttr = div.getAttribute("style") || "";
      const match = styleAttr.match(/background-image:\s*url$random:([^)]+)$/i);

if (match) {
        const tema = match[1].trim();
        const unsplashUrl = `https://api.unsplash.com/photos/random?orientation=landscape&query=${tema}&client_id=${accessKey}`;

fetch(unsplashUrl)
          .then(res => res.json())
          .then(data => {
            div.style.backgroundImage = `url('${data.urls.full}')`;
            // Garantir que estilos complementares sejam aplicados
            div.style.backgroundSize = "cover";
            div.style.backgroundPosition = "center";
          })
          .catch(err => console.error("Erro ao buscar imagem:", err));
      } else {
        console.warn("Nenhum tema encontrado no style da div.");
      }
    } else {
      console.warn("Div #layoutSidenav_content não encontrada.");
    }
  </script>