Added the tecnicas for the search bar and fixed the image sizes in home

www/index.html

@@ -254,7 +254,7 @@
                             //'title':'${Artesano.Nombre}','esp': '${info}'
                             //Tries to pass all the info of each artesano into a new page, the page that display this information is 'artesano.html', not to be confused with 'artesanias.html' or 'artesanos.html'(current page)
                             //And puts this into the 'item' variable
-                            var item = ons.createElement(`<ons-list-item onclick="myNavigator.pushPage('artesano.html', { data: { title: '${Artesano.Nombre}', mun: '${Artesano.Municipio}', tel: '${Artesano["Telefono 1"]}', email: '${Artesano["E-mail"]}', esp: '${Artesano.Especificacion}', redes: '${Artesano["E-Commerce 1"]}' } })" tappable>
+                            var item = ons.createElement(`<ons-list-item onclick="myNavigator.pushPage('artesano.html', { data: { title: '${Artesano.Nombre}', mun: '${Artesano.Municipio}', tel: '${Artesano["Telefono 1"]}', email: '${Artesano["E-mail"]}', esp: '${Artesano.Especificacion}', redes: '${Artesano["E-Commerce 1"]}', tecnicas: '' } })" tappable>
                         <div class="title">${Artesano.Nombre}</div>
                     </ons-list-item>`);
 
@@ -393,9 +393,10 @@
                                      tel = lot[1],
                                      email = lot[2],
                                      esp = lot[3],
-                                     redes = lot[4];
+                                     redes = lot[4],
+                                     tecnicas = '';
 
-                                 listaArt += `<ons-item tappable onclick="myNavigator.pushPage('artesano.html', {data: {title:'${arts[i]}', mun: '${mun}', tel: '${tel}', email: '${email}', esp: '${esp}', redes: '${redes}'}} )" ><div class="center">`+ arts[i] +`</div></ons-item><br>`;
+                                 listaArt += `<ons-item tappable onclick="myNavigator.pushPage('artesano.html', {data: {title:'${arts[i]}', mun: '${mun}', tel: '${tel}', email: '${email}', esp: '${esp}', redes: '${redes}', tecnicas: '' }} )" ><div class="center">`+ arts[i] +`</div></ons-item><br>`;
                              }
 
 
@@ -537,7 +538,7 @@
                     //It iterates though each artists in the all_artesanos json file from before, it displays their name in the "Buscar" page, and it gets prepared so that when its clicked it redirects to the "artesano.html" page with the other aditional information that we have other than the name.
                     for (i = 0; i < all_artesanos.length;i++){
                         var artesano = ons.createElement(`<ons-list-item class = "artists"
-                        onclick="SNavigator.pushPage('artesano.html', { data: {title: '${all_artesanos[i].Nombre}', mun: '${all_artesanos[i].Municipio}', tel: '${all_artesanos[i]["Telefono 1"]}', email: '${all_artesanos[i]["E-mail"]}', esp: '${all_artesanos[i].Especificacion}', redes: '${all_artesanos[i]["E-Commerce 1"]}' } })" tappable>
+                        onclick="SNavigator.pushPage('artesano.html', { data: {title: '${all_artesanos[i].Nombre}', mun: '${all_artesanos[i].Municipio}', tel: '${all_artesanos[i]["Telefono 1"]}', email: '${all_artesanos[i]["E-mail"]}', esp: '${all_artesanos[i].Especificacion}', redes: '${all_artesanos[i]["E-Commerce 1"]}', tecnicas: '${all_artesanos[i]["Tecnica 1"]}' } })" tappable>
                         <div>${all_artesanos[i].Nombre}</div>
                     </ons-list-item>`);
                         document.getElementById('results').appendChild(artesano);
@@ -571,7 +572,8 @@
                             tel = this.data.tel,
                             em = this.data.email,
                             esp = this.data.esp,
-                            redes = this.data.redes;
+                            redes = this.data.redes,
+                            tecnicas = this.data.tecnicas;
 
                         //here the email is the string made from the start to where the '#' is.
                         email = em.slice(0, em.search("#"));
@@ -638,6 +640,16 @@
                             console.log("no tiene nada");
                         }
 
+                        if(tecnicas.trim() != ''){
+                            if(tecnicas.includes(";", 0)){
+                                tecnicas = tecnicas.replace(/;/g,", ");
+                                data+='Tecnicas que usan: '+tecnicas+'<br>';
+                            }
+                            else {
+                                data+='Tecnicas que usan: '+tecnicas+'<br>';
+                            }
+                        }
+
                         //This is the part that allows eveything (data) to be displayed
                         document.getElementById("all").innerHTML = `${data}`;
 

www/js/azar.js

@@ -6,7 +6,7 @@ var data = JSON.parse(localStorage.getItem("AZAR"));
 var page = document.getElementById("home");
 
 var aleatorio = Math.floor(Math.random()*52);
-document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="300">`;
+document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="auto">`;
 document.getElementById("Content").innerHTML = "<h4>" + data[aleatorio].titulo + "</h4>" + data[aleatorio].texto; 
 
 page.addEventListener("show", function(event){
@@ -15,7 +15,7 @@ page.addEventListener("show", function(event){
     var aleatorio = Math.floor(Math.random()*32);
     //var azar = document.getElementById("azar");
     //var img = ons.createElement(`<img src="img/${aleatorio}.png">`);
-    document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="300">`;
+    document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="auto">`;
     //document.getElementById("Title").innerHTML = data[aleatorio].Renglones;
     document.getElementById("Content").innerHTML = "<h4>" + data[aleatorio].titulo + "</h4>" + data[aleatorio].texto;
     //azar.appendChild(img);

www/js/searchfunctions.js

@@ -53,6 +53,10 @@ function filter_any(input){
             x[i].style.display = "list-item";
             continue;
         }
+        else if (find_tecnicas(i,input)){
+            x[i].style.display = "list-item";
+            continue;
+        }
         else if (find_artesania(i,input)){
             x[i].style.display = "list-item";
             continue;
@@ -76,7 +80,7 @@ function filter_any(input){
 //Te trata de buscar si cualquiera de ellos tienen el input que se dio aplica a ese artista especifico (i)
 function find_any(i,input){
     //if you find any of these in that space then return 1 if you didnt find that anything matched with the input then return 0
-    if (find_name(i,input) || find_telefono(i,input) || find_email(i,input) || find_artesania(i,input) || find_municipio(i,input)){
+    if (find_tecnicas(i,input) || find_name(i,input) || find_telefono(i,input) || find_email(i,input) || find_artesania(i,input) || find_municipio(i,input)){
         return 1;
     }
     else{
@@ -117,6 +121,26 @@ function find_artesania(i,input){
     return 0;
 }
 
+
+function find_tecnicas(i,input){
+    var tecnicas = all_artesanos[i]["Tecnica 1"];
+    tecnicas = tecnicas.trim().toLowerCase();
+    tecnicas = acento_replace(tecnicas);
+    if(tecnicas.search(input) != -1){
+        return 1;
+    }
+    //artesanias = artesanias.split(',');
+    //for (var j = 0; j < artesanias.length; j++){
+        //var artesania = artesanias[j];
+        //artesania = artesania.trim().toLowerCase();
+        //artesania = acento_replace(artesania);
+        //if (artesania.search(input) != -1){
+            //return 1;
+        //}
+    //}
+    return 0;
+}
+
 //trata de ver si el input es parte del municipio del artista i
 //Mayuscula y acento proof
 function find_municipio(i,input){