developer/hmngy_pasarela_Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cambios en js Pasarela

Browse Source
This commit is contained in:
User
2025-11-28 12:02:51 -06:00
parent 4e074fa0f0
commit d7d54827f7
2 changed files with 44 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
assets/js/hmngy-Pasarela.js
View File

@@ -1,5 +1,6 @@
var apiKey; var apiKey;
var imagen_pasarela; var imagen_pasarela;
async function cargarEnv() { async function cargarEnv() {
const response = await fetch('.app_config'); const response = await fetch('.app_config');
const texto = await response.text(); const texto = await response.text();
@@ -17,13 +18,6 @@ async function cargarEnv() {
return env; return env;
} }
// Usar
cargarEnv().then(env => {
// Usar las variables
apiKey = env.apiKey_pasarela;
imagen_pasarela = env.imagen_pasarela;
});
function stripeTokenHandler(token) { function stripeTokenHandler(token) {
let form = document.getElementById("payment-form"); let form = document.getElementById("payment-form");
let hiddenInput = document.createElement("input"); let hiddenInput = document.createElement("input");
@@ -33,8 +27,15 @@ function stripeTokenHandler(token) {
form.appendChild(hiddenInput); form.appendChild(hiddenInput);
} }
// CAMBIO PRINCIPAL: Hacer que todo el DOMContentLoaded sea asíncrono
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", async () => {
// Primero cargar el env y ESPERAR a que termine
const env = await cargarEnv();
apiKey = env.apiKey_pasarela;
imagen_pasarela = env.imagen_pasarela;
// Ahora sí continuar con el resto del código
fetch("https://gateway.calidadbmasconsulting.com/api/obtLavePublicaStripe", { fetch("https://gateway.calidadbmasconsulting.com/api/obtLavePublicaStripe", {
method: "POST", method: "POST",
headers: { headers: {
@@ -187,7 +188,16 @@ window.cerrarModal = function() {
setTimeout(() => (modal.style.display = "none"), 300); setTimeout(() => (modal.style.display = "none"), 300);
} }
document.addEventListener("DOMContentLoaded", function () { // TAMBIÉN hacer asíncrono este DOMContentLoaded
document.addEventListener("DOMContentLoaded", async function () {
// Esperar a que cargue el env si aún no está cargado
if (!apiKey || !imagen_pasarela) {
const env = await cargarEnv();
apiKey = env.apiKey_pasarela;
imagen_pasarela = env.imagen_pasarela;
}
const modalHTML = ` const modalHTML = `
<!-- MODAL PERSONALIZADO --> <!-- MODAL PERSONALIZADO -->
<div id="miModal" class="modal-personalizado"> <div id="miModal" class="modal-personalizado">
@@ -246,16 +256,15 @@ window.cerrarModal = function() {
`; `;
document.body.insertAdjacentHTML("beforeend", modalHTML); document.body.insertAdjacentHTML("beforeend", modalHTML);
// Crear la URL completa // Crear la URL completa
const base64Url = `data:image/webp;base64,${imagen_pasarela}`; const base64Url = `data:image/webp;base64,${imagen_pasarela}`;
// Cambiar solo la imagen del CSS // Cambiar solo la imagen del CSS
const header = document.querySelector(".modal-header-personalizada"); const header = document.querySelector(".modal-header-personalizada");
header.style.backgroundImage = `url('${base64Url}')`; header.style.backgroundImage = `url('${base64Url}')`;
const script = document.createElement('script'); const script = document.createElement('script');
script.src = '../../config.js'; script.src = '../../config.js';
script.type = 'text/javascript'; script.type = 'text/javascript';
document.body.appendChild(script); document.body.appendChild(script);
}); });

35
assets/js/hmngypasarela.js
View File

@@ -1,5 +1,6 @@
var apiKey; var apiKey;
var imagen_pasarela; var imagen_pasarela;
async function cargarEnv() { async function cargarEnv() {
const response = await fetch('.app_config'); const response = await fetch('.app_config');
const texto = await response.text(); const texto = await response.text();
@@ -17,13 +18,6 @@ async function cargarEnv() {
return env; return env;
} }
// Usar
cargarEnv().then(env => {
// Usar las variables
apiKey = env.apiKey_pasarela;
imagen_pasarela = env.imagen_pasarela;
});
function stripeTokenHandler(token) { function stripeTokenHandler(token) {
let form = document.getElementById("payment-form"); let form = document.getElementById("payment-form");
let hiddenInput = document.createElement("input"); let hiddenInput = document.createElement("input");
@@ -33,8 +27,15 @@ function stripeTokenHandler(token) {
form.appendChild(hiddenInput); form.appendChild(hiddenInput);
} }
// CAMBIO PRINCIPAL: Hacer que todo el DOMContentLoaded sea asíncrono
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", async () => {
// Primero cargar el env y ESPERAR a que termine
const env = await cargarEnv();
apiKey = env.apiKey_pasarela;
imagen_pasarela = env.imagen_pasarela;
// Ahora sí continuar con el resto del código
fetch("http://127.0.0.1:8000/api/obtLavePublicaStripe", { fetch("http://127.0.0.1:8000/api/obtLavePublicaStripe", {
method: "POST", method: "POST",
headers: { headers: {
@@ -187,7 +188,16 @@ window.cerrarModal = function() {
setTimeout(() => (modal.style.display = "none"), 300); setTimeout(() => (modal.style.display = "none"), 300);
} }
document.addEventListener("DOMContentLoaded", function () { // TAMBIÉN hacer asíncrono este DOMContentLoaded
document.addEventListener("DOMContentLoaded", async function () {
// Esperar a que cargue el env si aún no está cargado
if (!apiKey || !imagen_pasarela) {
const env = await cargarEnv();
apiKey = env.apiKey_pasarela;
imagen_pasarela = env.imagen_pasarela;
}
const modalHTML = ` const modalHTML = `
<!-- MODAL PERSONALIZADO --> <!-- MODAL PERSONALIZADO -->
<div id="miModal" class="modal-personalizado"> <div id="miModal" class="modal-personalizado">
@@ -246,16 +256,15 @@ window.cerrarModal = function() {
`; `;
document.body.insertAdjacentHTML("beforeend", modalHTML); document.body.insertAdjacentHTML("beforeend", modalHTML);
// Crear la URL completa // Crear la URL completa
const base64Url = `data:image/webp;base64,${imagen_pasarela}`; const base64Url = `data:image/webp;base64,${imagen_pasarela}`;
// Cambiar solo la imagen del CSS // Cambiar solo la imagen del CSS
const header = document.querySelector(".modal-header-personalizada"); const header = document.querySelector(".modal-header-personalizada");
header.style.backgroundImage = `url('${base64Url}')`; header.style.backgroundImage = `url('${base64Url}')`;
const script = document.createElement('script'); const script = document.createElement('script');
script.src = '../../config.js'; script.src = '../../config.js';
script.type = 'text/javascript'; script.type = 'text/javascript';
document.body.appendChild(script); document.body.appendChild(script);
}); });