Hello! We are running our annual fundraising. Please consider making a donation if you value this freely available service or want to support people around the world working towards liberatory social change. https://riseup.net/donate.

Commit ddd940ec authored by Carlos Guerra's avatar Carlos Guerra
Browse files

Soporte para traducciones en código js

parent bfb0acb8
......@@ -379,7 +379,6 @@ var datos = {
},
} ],
"strings" : {
"Micro Seguridad Digital para Periodistas y Comunicadoras" : "Micro Seguridad Digital para Periodistas y Comunicadoras",
"¡Hola! Este es el sitio web de MicroSD" : "¡Hola! Este es el sitio web de MicroSD",
"Nuestra herramienta de seguridad digital para periodistas, <br>comunicadores y comunicadoras sociales.": "Nuestra herramienta de seguridad digital para periodistas, <br>comunicadores y comunicadoras sociales.",
"¿Qué te gustaría aprender a proteger hoy?": "¿Qué te gustaría aprender a proteger hoy?",
......@@ -508,5 +507,10 @@ var datos = {
"Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ": "Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ",
"podrás añadirlas a tu colección.": "podrás añadirlas a tu colección.",
"Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.": "Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.",
"Cartas relacionadas": "Cartas relacionadas",
"En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ": "En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ",
"Ver todas las tarjetas": "Ver todas las tarjetas",
"Selecciona una pregunta": "Selecciona una pregunta",
"Volver a categorías": "Volver a categorías",
}
}
......@@ -379,7 +379,6 @@ var datos = {
},
} ],
"strings" : {
"Micro Seguridad Digital para Periodistas y Comunicadoras" : "Micro Seguridad Digital para Periodistas y Comunicadoras",
"¡Hola! Este es el sitio web de MicroSD" : "¡Hola! Este es el sitio web de MicroSD",
"Nuestra herramienta de seguridad digital para periodistas, <br>comunicadores y comunicadoras sociales.": "Nuestra herramienta de seguridad digital para periodistas, <br>comunicadores y comunicadoras sociales.",
"¿Qué te gustaría aprender a proteger hoy?": "¿Qué te gustaría aprender a proteger hoy?",
......@@ -508,5 +507,10 @@ var datos = {
"Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ": "Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ",
"podrás añadirlas a tu colección.": "podrás añadirlas a tu colección.",
"Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.": "Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.",
"Cartas relacionadas": "Cartas relacionadas",
"En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ": "En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ",
"Ver todas las tarjetas": "Ver todas las tarjetas",
"Selecciona una pregunta": "Selecciona una pregunta",
"Volver a categorías": "Volver a categorías",
}
}
......@@ -379,7 +379,6 @@ var datos = {
},
} ],
"strings" : {
"Micro Seguridad Digital para Periodistas y Comunicadoras" : "Micro Seguridad Digital para Periodistas y Comunicadoras",
"¡Hola! Este es el sitio web de MicroSD" : "¡Hola! Este es el sitio web de MicroSD",
"Nuestra herramienta de seguridad digital para periodistas, <br>comunicadores y comunicadoras sociales.": "Nuestra herramienta de seguridad digital para periodistas, <br>comunicadores y comunicadoras sociales.",
"¿Qué te gustaría aprender a proteger hoy?": "¿Qué te gustaría aprender a proteger hoy?",
......@@ -508,5 +507,10 @@ var datos = {
"Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ": "Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ",
"podrás añadirlas a tu colección.": "podrás añadirlas a tu colección.",
"Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.": "Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.",
"Cartas relacionadas": "Cartas relacionadas",
"En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ": "En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ",
"Ver todas las tarjetas": "Ver todas las tarjetas",
"Selecciona una pregunta": "Selecciona una pregunta",
"Volver a categorías": "Volver a categorías",
}
}
......@@ -12,6 +12,15 @@ function translate_string(string){
document.write(translated_string);
}
function translate_string_js(string){
if (datos.strings[string] != undefined){
translated_string = datos.strings[string];
} else {
translated_string = string;
}
return translated_string;
}
// Obtención de parametros GET
$.urlParam = function(name){
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
......@@ -51,7 +60,7 @@ function popup_tarjeta(tarjeta){
console.log(tarjetas_asociadas[parseInt(i)]);
numero_tarjeta = parseInt(tarjetas_asociadas[parseInt(i)])
var obj = datos.tarjetas[numero_tarjeta-1];
console.log(numero_tarjeta);
// console.log(numero_tarjeta);
for ( var key in obj) {
relaciones_tarjeta += "<div class='card-2 carta-"+ obj[key].tipo_carta +"' onclick='popup_tarjeta("+ key +");'><img src='img/th"+ obj[key].arte +"'>"
+ "<div class='card-section'>"
......@@ -77,11 +86,11 @@ function cerrar_modal() {
// Inicio Manejo de colecciones
function chequear_coleccion_local() {
if (localStorage.getItem("coleccion") === null) {
console.log("No existe variable local de colección... Creando... ");
// console.log("No existe variable local de colección... Creando... ");
var coleccion = datos.tarjetas;
for (var i = 0; i < coleccion.length; i+=1) {
coleccion[i][i+1].seleccionada = 0;
console.log("En el índice '" + (i+1) + "' hay este valor: " + coleccion[i][i+1].titulo + " y seleccionada = " + coleccion[i][i+1].seleccionada);
// console.log("En el índice '" + (i+1) + "' hay este valor: " + coleccion[i][i+1].titulo + " y seleccionada = " + coleccion[i][i+1].seleccionada);
}
localStorage.setItem("coleccion", JSON.stringify(coleccion));
console.log("Creada la variable de colección ");
......@@ -105,18 +114,18 @@ function mostrar_badge() {
} else {
$("#li_coleccion").show();
}
console.log("Hay " + tarjetas_en_coleccion + " que están seleccionadas");
// console.log("Hay " + tarjetas_en_coleccion + " que están seleccionadas");
};
function marcar_tarjeta(tarjeta) {
var coleccion = JSON.parse(localStorage.getItem("coleccion"))
if (coleccion[tarjeta-1][tarjeta].seleccionada == 0) {
console.log("La tarjeta " + tarjeta + " no estaba marcada, marcando...");
// console.log("La tarjeta " + tarjeta + " no estaba marcada, marcando...");
coleccion[tarjeta-1][tarjeta].seleccionada = 1;
$(".marcar_"+tarjeta).removeClass("favorite");
$(".marcar_"+tarjeta).addClass("favorite-selected");
} else if (coleccion[tarjeta-1][tarjeta].seleccionada == 1) {
console.log("La tarjeta " + tarjeta + " ya estaba marcada, desmarcando...");
// console.log("La tarjeta " + tarjeta + " ya estaba marcada, desmarcando...");
coleccion[tarjeta-1][tarjeta].seleccionada = 0;
$(".marcar_"+tarjeta).removeClass("favorite-selected");
$(".marcar_"+tarjeta).addClass("favorite");
......@@ -150,7 +159,7 @@ function mostrar_coleccion(){
+ "<p class='titulo-carta-coleccion'>"+ obj[key].titulo +"</p>"
+ "<p class='descripcion-carta-coleccion'>"+ obj[key].descripción +"</p>"
+ "<div class='cartas-relacionadas-coleccion'>"
+ "<p class='titulo-relacionadas-coleccion'>Cartas relacionadas</p>"
+ "<p class='titulo-relacionadas-coleccion'>"+ translate_string_js('Cartas relacionadas') +"</p>"
+ "<span class='numeros-relacionadas-coleccion'>" + obj[key].relaciones + "</span>"
+ "</div>"
......@@ -164,7 +173,7 @@ function mostrar_coleccion(){
}
}
if (mostrar_tarjetas_asociadas == "") {
mostrar_tarjetas_asociadas = "<span class=\"banner_coleccion_vacia padding-vertical\">En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones <a href=\"ver_todas.html\">Ver todas las tarjetas</a>, <a href=\"al_azar_1.html\">Al azar</a> o <a href=\"utiliza.html\">Utiliza</a></span>"
mostrar_tarjetas_asociadas = "<span class=\"banner_coleccion_vacia padding-vertical\">"+ translate_string_js('En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ') +"<a href=\"ver_todas.html\">"+ translate_string_js('Ver todas las tarjetas') +"</a>, <a href=\"al_azar_1.html\">"+ translate_string_js('Carta al azar') +"</a> o <a href=\"utiliza.html\">"+ translate_string_js('Visita guiada') +"</a></span>"
}
$("#tarjetas").html(mostrar_tarjetas_asociadas);
};
......@@ -217,7 +226,7 @@ function mostrar_categoria_utiliza(id_categoria){
det_categoria = " <div class=\"grid-x padding-vertical padding-horizontal-1 align-bottom text-left detalle-categoria\" style=\"background: url(img/" + categoria.imagen + ")\">"
+ "<div class=\"cell small-6 texto-blanco\">"
+ "<h3 class=\"texto-blanco\">" + categoria.nombre + "</h3>" + categoria.desarrollo
+ "<select id=\"preguntas_utiliza\" onchange=\"accionar_pregunta_utiliza()\"><option disabled selected>Selecciona una pregunta</option>";
+ "<select id=\"preguntas_utiliza\" onchange=\"accionar_pregunta_utiliza()\"><option disabled selected>"+ translate_string_js('Selecciona una pregunta') +"</option>";
for ( var i = 0; i < datos.categorias[0][id_categoria].preguntas.length; i++) {
var obj = datos.categorias[0][id_categoria].preguntas[i];
for ( var key in obj) {
......@@ -225,7 +234,7 @@ function mostrar_categoria_utiliza(id_categoria){
};
};
det_categoria += "</select>"
+ "<a href=\"#\" class=\"link-texto-blanco\" onclick=\"volver_a_categorias();\">Volver a categorías</a>"
+ "<a href=\"#\" class=\"link-texto-blanco\" onclick=\"volver_a_categorias();\">"+ translate_string_js('Volver a categorías') +"</a>"
+ "</div>"
+ "<div class=\"cell small-6 texto-azul miralas-todas-peq\">"
+ "</div>";
......
......@@ -506,6 +506,11 @@ var datos = {
"Titulos tarjetas": "Titulos tarjetas",
"Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ": "Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ",
"podrás añadirlas a tu colección.": "podrás añadirlas a tu colección.",
"Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.": "Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas."
"Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.": "Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.",
"Cartas relacionadas": "Cartas relacionadas",
"En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ": "En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ",
"Ver todas las tarjetas": "Ver todas las tarjetas",
"Selecciona una pregunta": "Selecciona una pregunta",
"Volver a categorías": "Volver a categorías",
}
}
......@@ -379,7 +379,6 @@ var datos = {
},
} ],
"strings" : {
"Micro Seguridad Digital para Periodistas y Comunicadoras" : "Micro Seguridad Digital para Periodistas y Comunicadoras",
"¡Hola! Este es el sitio web de MicroSD" : "¡Hola! Este es el sitio web de MicroSD",
"Nuestra herramienta de seguridad digital para periodistas, <br>comunicadores y comunicadoras sociales.": "Nuestra herramienta de seguridad digital para periodistas, <br>comunicadores y comunicadoras sociales.",
"¿Qué te gustaría aprender a proteger hoy?": "¿Qué te gustaría aprender a proteger hoy?",
......@@ -508,5 +507,10 @@ var datos = {
"Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ": "Haz click en las cartas para ver su contenido y poder revisar sus relaciones, si seleccionas el ícono corazón ",
"podrás añadirlas a tu colección.": "podrás añadirlas a tu colección.",
"Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.": "Aquí encontrarás todas las cartas que componen la baraja MicroSD, a partir de los temas más comunes para periodistas en cuanto a seguridad digital. Las agrupamos en cuatro categorías: riesgos, ataques, buenas prácticas y herramientas.",
"Cartas relacionadas": "Cartas relacionadas",
"En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ": "En este momento no tienes ninguna tarjeta guardada en tu colección, puedes agregarlas en las secciones ",
"Ver todas las tarjetas": "Ver todas las tarjetas",
"Selecciona una pregunta": "Selecciona una pregunta",
"Volver a categorías": "Volver a categorías",
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment