diff --git a/public/client.js b/public/client.js
index 9453258..0f4b987 100644
--- a/public/client.js
+++ b/public/client.js
@@ -1,4 +1,5 @@
document.addEventListener("DOMContentLoaded", function() {
+ loadLanguage('es');
const savedData = localStorage.getItem('conex_data');
if (savedData) {
const parsedData = JSON.parse(savedData);
@@ -165,3 +166,23 @@ document.getElementById('imageUpload').addEventListener('change', function (even
});
}
});
+
+function loadLanguage(lang) {
+ fetch(`./lang/${lang}.json`)
+ .then(response => response.json())
+ .then(translations => {
+ // Find all elements with a 'data-translate' attribute
+ document.querySelectorAll('[data-translate]').forEach(element => {
+ const translationKey = element.getAttribute('data-translate');
+
+ // Check if the element is an input field (update placeholder)
+ if (element.tagName.toLowerCase() === 'input' || element.tagName.toLowerCase() === 'textarea') {
+ element.placeholder = translations[translationKey];
+ } else {
+ // Update text content for non-input elements
+ element.innerText = translations[translationKey];
+ }
+ });
+ })
+ .catch(error => console.error('Error loading language file:', error));
+}
diff --git a/public/index.html b/public/index.html
index ff9782e..218cd46 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,8 +18,8 @@
</label>
<img id="banner" name="banner" src="/static/svg/banner.svg" class="banner-image"/>
<div class="desc">
- <input type="text" id="title" name="title" maxlength="35" class="input-title" placeholder="[Nombre Ejemplo]">
- <textarea type="text" id="slogan" name="slogan" maxlength="100" class="input-slogan" placeholder="[Slogan llamativo o breve descripción]"></textarea>
+ <input type="text" id="title" name="title" maxlength="35" class="input-title" data-translate="sampleTitle" placeholder="" >
+ <textarea type="text" id="slogan" name="slogan" maxlength="100" class="input-slogan" data-translate="sampleSlogan" placeholder=""></textarea>
</div>
<div id="status-popup" class="status-popup">
<span class="close-popup" onclick="hidePopup()">×</span>
@@ -37,20 +37,20 @@
<div class="floating-buttons" id="floatingButtons">
<button class="floating-button" id="openDialogButton">
<img src="/static/svg/cart.svg">
- <span>$20/año</span>
+ <span data-translate="buyButton"></span>
</button>
<button class="floating-button" id="updateSiteButton">
<img src="/static/svg/edit.svg">
- <span>Editar mi página</span>
+ <span data-translate="editButton"></span>
</button>
</div>
<div id="dialog">
- <h2>Contratar por $20 al año</h2>
- <p>Gracias por elegir nuestro servicio para la compra de sitios web. Luego de ser aprobado, su sitio será publicado en menos de 24 horas a partir de la confirmación de tu compra. Utilizaremos los medios de contacto que proporcione para comunicarnos en caso de cualquier inconveniente con la publicación. Si experimenta algún problema, no dude en ponerte en contacto con nosotros a través de los canales:</p>
+ <h2 data-translate="checkoutHeader"></h2>
+ <p data-translate="checkoutParagraph"></p>
<ul>
- <li>Correo electrónico: soporte@conex.one</li>
- <!-- <li>Teléfono: +1 234 567 890</li> -->
- <li>Horario de atención: L-V: 9:00 a.m. - 6:00 p.m.</li>
+ <li data-translate="supportEmail"></li>
+ <!-- <li data-translate="supportPhone"></li> -->
+ <li data-translate="supportSchedule"></li>
</ul>
<div id="checkout-error-message"></div>
<div id="checkout-success-message"></div>
diff --git a/public/lang/es.json b/public/lang/es.json
new file mode 100644
index 0000000..562237e
--- /dev/null
+++ b/public/lang/es.json
@@ -0,0 +1,25 @@
+{
+ "buyButton": "Guardar",
+ "editButton": "Aplicar cambios",
+ "checkoutHeader": "Contratar por $20 al año",
+ "checkoutParagraph": "Gracias por elegir nuestro servicio para la compra de sitios web. Luego de ser aprobado, su sitio será publicado en menos de 24 horas a partir de la confirmación de tu compra. Utilizaremos los medios de contacto que proporcione para comunicarnos en caso de cualquier inconveniente con la publicación. Si experimenta algún problema, no dude en ponerte en contacto con nosotros a través de los canales:",
+ "supportEmail": "Correo electrónico: soporte@conex.one",
+ "supportPhone": "",
+ "supportSchedule": "Horario de atención: L-V: 9:00 a.m. - 6:00 p.m.",
+ "sampleTitle": "[Título de ejemplo]",
+ "sampleSlogan": "[Slogan o breve descripción]",
+ "sampleHeader": "Acerca de [Empres]",
+ "sampleParagraph": "En [Nombre de Tu Empresa], nos dedicamos a ofrecer [tu servicio/producto] de la más alta calidad con un servicio al cliente excepcional. Nuestro equipo de expertos se asegura de que cada aspecto de tu experiencia sea manejado con profesionalismo y cuidado.",
+ "sampleListItemOne": "Resolvemos una necesidad clave de mercado",
+ "sampleListItemTwo": "Inversión en crecimiento con presupuesto sostenible",
+ "sampleListItemThree": "Enfoque en satisfacción del cliente",
+ "sampleTable11": "Servicios",
+ "sampleTable12": "Descripción",
+ "sampleTable13": "Costo",
+ "sampleTable21": "Impresión",
+ "sampleTable22": "Breve descripción",
+ "sampleTable23": "1000",
+ "sampleTable31": "Laminado",
+ "sampleTable32": "Breve descripción",
+ "sampleTable33": "2000"
+}
diff --git a/.env.example b/sample.env
similarity index 69%
rename from .env.example
rename to sample.env
index 9ac6da1..d60b917 100644
--- a/.env.example
+++ b/sample.env
@@ -1,22 +1,26 @@
-BASE_URL="https://api-m.sandbox.paypal.com"
PORT="8080"
-
+BASE_URL="https://api-m.sandbox.paypal.com"
CLIENT_ID=""
CLIENT_SECRET=""
RETURN_URL="http://localhost:8080/?success"
CANCEL_URL="http://localhost:8080/?cancel"
-
DB_HOST="localhost"
DB_PORT="5432"
DB_USER="conex"
DB_PASS="1234"
DB_NAME="iterone"
-
+BUCKET_NAME=""
+BUCKET_ENDPOINT=""
+BUCKET_ACCESSKEY=""
+BUCKET_SECRETKEY=""
+BUCKET_REGION="auto"
+BUCKET_PUBLIC_ENDPOINT="https://r2.conex.one"
+BUCKET_API_ENDPOINT=""
+BUCKET_API_TOKEN=""
EMAIL_HOST=""
EMAIL_PORT="465"
EMAIL_USER=""
EMAIL_PASS=""
EMAIL_SUBJECT="Código temporal de CONEX Builder"
EMAIL_BODY="Su código temporal es: "
-
PRICE="20.00"