platforms/android/app/src/main/assets/www/index.html

 
       <script type="text/javascript" src="js/saveLocal.js"></script>
 
+
+
+
         <ons-navigator swipeable animation="slide" id="myNavigator">
            <ons-page>
             <ons-toolbar>
                     ons.getScriptPage().onInit = function () {
                         this.querySelector('ons-toolbar div.center').textContent = this.data.title;
 
+                        console.log("test");
+
                         //var File = this.data.title.toUpperCase() + '.json' ;
-                        var Esp = this.data.esp.split(', ');
+                        var Esp = this.data.esp.split(';');
                         var artesanos_json = this.data.json;
 
                         //Convertir en mayuscula primera letra del string.
                             var searchVal = "my Name";
                             for (var i=0 ; i < artesanos_json.length ; i++)
                             {
-                                if (artesanos_json[i].Especificaciones.includes(Esp[num])) {
+                                if (artesanos_json[i].Especificaciones1.includes(Esp[num])) {
                                     results.push(artesanos_json[i]);
                                 }
                             }
               <ons-list-item expandable tappable>
                 <div class="center" >${Artesano.Nombre}</div>
                 <div class="expandable-content"> Municipio: ${Artesano.Municipio}<br>
-                                                 Tel\u00e9fono: ${Artesano["Tel\u00e9fono 1"]}<br>
-                                                 Correo Electr\u00f3nico: ${Artesano["E-mail"]}<br>
+                                                 Tel\u00e9fono: ${Artesano["Telefono1"]}<br>
+                                                 Correo Electr\u00f3nico: ${Artesano["E-mail1"]}<br>
                                                  </div>
               </ons-list-item>`
                                                     );
                             if (Artesano.Municipio.trim().length != 0) {
                                 cont ++;
                             }
-                            if (Artesano["Tel\u00e9fono 1"].trim().length != 0) {
+                            if (Artesano["Telefono1"].trim().length != 0) {
                                 cont ++;
                             }
-                            if (Artesano["E-mail"].trim().length != 0) {
+                            if (Artesano["E-mail1"].trim().length != 0) {
                                 cont ++;
                             }
-                            if (Artesano.Especificaciones.trim().length != 0) {
+                            if (Artesano.Especificaciones1.trim().length != 0) {
                                 cont ++;
                             }
 
 
                             //info a pasar
                             //'title':'${Artesano.Nombre}','esp': '${info}'
-                            var item = ons.createElement(`<ons-list-item onclick="myNavigator.pushPage('artesano.html', { data: { title: '${Artesano.Nombre}', mun: '${Artesano.Municipio}', tel: '${Artesano["Tel\u00e9fono 1"]}', email: '${Artesano["E-mail"]}', esp: '${Artesano.Especificaciones}' } })" tappable>
+                            var item = ons.createElement(`<ons-list-item onclick="myNavigator.pushPage('artesano.html', { data: { title: '${Artesano.Nombre}', mun: '${Artesano.Municipio}', tel: '${Artesano["Telefono1"]}', email: '${Artesano["E-mail1"]}', esp: '${Artesano.Especificaciones1}' } })" tappable>
                         <div class="title">${Artesano.Nombre}</div>
                     </ons-list-item>`);
 
                              var searchVal = "my Name";
                              for (var i=0 ; i < artesanos_json.length ; i++)
                              {
-                                 if (artesanos_json[i].Especificaciones1.includes(Esp[num])) {
+                                 if (artesanos_json[i].Especificaciones.includes(Esp[num])) {
                                      results.push(artesanos_json[i]);
                                  }
                              }
 
                                  //if(Esp[num] in artesanos_json.) {}
                                  Artesanos+=`${results[i].Nombre}|`
-                                 ArtesanosInfo+=`${results[i].Municipio}|${results[i]["Tel\u00e9fono1"]}|${results[i]["E-mail"]}|${results[i].Especificaciones}&&`
+                                 ArtesanosInfo+=`${results[i].Municipio}|${results[i]["Tel\u00e9fono 1"]}|${results[i]["E-mail"]}|${results[i].Especificaciones}&&`
                                  //`<a id='home.html'>${Artesania.artesano} | ${Artesania.municipio}</a> `
                              }
 
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
 
         <script>
-
-            var todos = window.localStorage.getItem("TODOS");
-
+            var Madera = JSON.parse(window.localStorage.getItem("TODOS"));
             function filter(){
 
 
                 var x = document.getElementsByClassName('artists');
                 input = input.trim().toLowerCase();
                 if (input.length == 0){
-                    for (i = 0; todos.length; i++){
+                    for (i = 0; Madera.length; i++){
                         x[i].style.display = "list-item";
                     }
                 }
                 else{
                     var foundesp = 0;
-                    for (i = 0; i < todos.length; i++){
+                    for (i = 0; i < Madera.length; i++){
                         console.log("damn")
                         //try checking the especificacion first
-                        var especificaciones = todos[i].Especificaciones1;
-                        especificaciones = especificaciones.split(',');
+                        var especificaciones = Madera[i].Especificaciones1;
+                        especificaciones = especificaciones.split(';');
                         for (var j = 0; j < especificaciones.length; j++){
                             var especificacion = especificaciones[j];
                             especificacion = especificacion.trim().toLowerCase();
                             input[i] = input[i].charAt(0).toUpperCase() + input[i].slice(1);
                         }
                         console.log(input);
-                        for(var i = 0; i < todos.length; i++){
+                        for(var i = 0; i < Madera.length; i++){
                             count = 0;
-                            artist = todos[i].Nombre.trim().split(' ');
+                            artist = Madera[i].Nombre.trim().split(' ');
                             for (k = 0; k < input.length; k++){
                                 for (var l = 0; l < artist.length; l++){
                                     if(artist[l] == input[k]){
                 </ons-list>
 
                 <script>
-                    for (i = 0; i < todos.length;i++){
+                    for (i = 0; i < Madera.length;i++){
                         var artesano = ons.createElement(`<ons-list-item class = "artists"
-                        onclick="myNavigator.pushPage('artesano.html', { data: {title: '${todos[i].Nombre}', mun: '${todos[i].Municipio}', tel: '${todos[i]["Tel\u00e9fono 1"]}', email: '${todos[i]["E-mail"]}', esp: '${todos[i].Especificaciones}' } })" tappable>
-                        <div>${todos[i].Nombre}</div>
+                        onclick="myNavigator.pushPage('artesano.html', { data: {title: '${Madera[i].Nombre}', mun: '${Madera[i].Municipio}', tel: '${Madera[i]["Telefono1"]}', email: '${Madera[i]["E-mail1"]}', esp: '${Madera[i].Especificaciones1}' } })" tappable>
+                        <div>${Madera[i].Nombre}</div>
                     </ons-list-item>`);
                         // var artesano = ons.createElement(`
                         //   <ons-list-item class = "artists">

platforms/android/app/src/main/assets/www/js/azar.js

 var request = new XMLHttpRequest()
 
                         request.open('GET', 'json/azar.json', true)
-    
+
                         request.onload = function() {
                             // begin accessing JSON data here
                             var data = JSON.parse(this.response)
-                            
+
                             var page = document.getElementById("home");
-                            
+
                                 var aleatorio = Math.floor(Math.random()*32);
                                 document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="300">`;
                                 document.getElementById("Content").innerHTML = data[aleatorio].Renglones + "<br>" + data[aleatorio].Artesano + "<br>" + data[aleatorio].Municipio;
-                          
+
                             page.addEventListener("show", function(event){
                                 document.getElementById("image").innerHTML='';
                                 document.getElementById("Content").innerHTML='';
                                 document.getElementById("Content").innerHTML = data[aleatorio].Renglones + "<br>" + data[aleatorio].Artesano + "<br>" + data[aleatorio].Municipio;
                                 //azar.appendChild(img);
                             });
-                            
+
                             }
-    
-request.send() 
+
+request.send()

platforms/android/app/src/main/assets/www/js/renglones.js

 var info = JSON.parse(window.localStorage.getItem("RENGLONES"));
-
+console.log("TEST!!!");
 var list = document.getElementById("list");
 
-  for (var i = 0; i < info.length; i++) {
+console.log(info.length);
+  for (var i = 0; i < info.length(); i++) {
 
           var item = ons.createElement(`<ons-list-item expandable onclick="hideAll()">
                       <div class="center">${info[i].Renglones}</div>

platforms/android/app/src/main/assets/www/js/saveLocal.js

 
 
 function checkDate() {
-  var date = loadFile("https://artesaniaspr.online/date.txt");
+  var date = loadFile("https://136.145.181.12/date.txt");
   if (window.localStorage.getItem("DATE") == null || window.localStorage.getItem("DATE") != date) {
   window.localStorage.setItem("DATE", date);
     return false;
 try {
   if (checkDate() == false) {
 
-    window.localStorage.setItem("RENGLONES", loadFile("https://artesaniaspr.online/renglones.json"));
-    window.localStorage.setItem("TODOS", loadFile("https://artesaniaspr.online/artesanias.json"))
+    window.localStorage.setItem("RENGLONES", loadFile("https://136.145.181.12/renglones.json"));
+    window.localStorage.setItem("TODOS", loadFile("https://136.145.181.12/artesanias.json"))
 
     var renglones = JSON.parse(window.localStorage.getItem("RENGLONES"));
 
     for (var i = 0; i < renglones.length; i++) {
-      window.localStorage.setItem(renglones[i].Renglones, loadFile("https://artesaniaspr.online/" + renglones[i].Renglones + ".json"));
+      window.localStorage.setItem(renglones[i].Renglones, loadFile("https://136.145.181.12/" + renglones[i].Renglones + ".json"));
     }
   }
   } catch {

platforms/browser/www/artesano.html

 <!DOCTYPE html>
 <html>
 <head>
-	<title>Artesanos</title>
+    <title>Artesanos</title>
 
-	<script src="jquery/dist/jquery.min.js">
-	</script>
+    <script src="jquery/dist/jquery.min.js">
+    </script>
 
 
 </head>
 <body>
 
-	<ons-toolbar>
-  		<div class="left">
-    		<ons-back-button>Back</ons-back-button>
-  		</div>
-	</ons-toolbar>
+    <ons-toolbar>
+        <div class="left">
+            <ons-back-button>Back</ons-back-button>
+        </div>
+    </ons-toolbar>
 
 
 
-	<script type="text/javascript">
-	function getUrlVars() {
-    	var vars = [], hash;
-    	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
-    	for(var i = 0; i < hashes.length; i++)
-    	{
-        	hash = hashes[i].split('=');
-        	vars.push(hash[0]);
-        	vars[hash[0]] = hash[1];
-    	}
-    	return vars;
-	}
+    <script type="text/javascript">
+    function getUrlVars() {
+        var vars = [], hash;
+        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
+        for(var i = 0; i < hashes.length; i++)
+        {
+            hash = hashes[i].split('=');
+            vars.push(hash[0]);
+            vars[hash[0]] = hash[1];
+        }
+        return vars;
+    }
 
-	nombre = decodeURIComponent(getUrlVars()["nombre"]);
-	renglon = "json/MADERA.json";
-	
+    nombre = decodeURIComponent(getUrlVars()["nombre"]);
+    renglon = "json/MADERA.json";
+    
 
-	$.getJSON(renglon, function(json) {
-    	for (i = 0; i < json.length; i++) {
-    		if (json[i].Nombre == nombre) {
-    			break;
-    		}
-    	}
+    $.getJSON(renglon, function(json) {
+        for (i = 0; i < json.length; i++) {
+            if (json[i].Nombre == nombre) {
+                break;
+            }
+        }
 
-    	var telefono = "Teléfono 1";
-    	var clickTel = (((json[i]["Teléfono 1"].replace('(', "")).replace(')', "")).replace('-', "")).replace(' ', "");
+        console.log("entre a artesano.html...???");
 
-    	var email = "E-mail";
+        document.write("<h1 align='center'>" + json[i].Nombre + "</h1>");
 
+        document.write("<h2 align='center'>" + json[i].Municipio + "</h1>");
 
-    	document.write("<h1 align='center'>" + json[i].Nombre + "</h1>");
+        document.write("<h2 align='center'>" + json[i].Especificaciones + "</h2>");
 
-    	document.write("<h2 align='center'>" + json[i].Municipio + "</h1>");
+        document.write("<a class='button' href='tel://" + json[i]["Teléfono 1"] + "'>" + "<h2 align='center'>" + json[i]["Teléfono 1"] + "</h2>" + "</a>");
 
-    	document.write("<h2 align='center'>" + json[i].Especificaciones + "</h2>");
+        document.write("<a href='mailto:" + json[i]["E-mail"] + "'>" + "<h2 align='center'>" + json[i]["E-mail"] + "</h2>" + "</a>");
 
-    	document.write("<a class='button' href='tel://" + clickTel + "'>" + "<h2 align='center'>" + json[i][telefono] + "</h2>" + "</a>");
 
-    	document.write("<a href='mailto:" + json[i][email] + "'>" + "<h2 align='center'>" + json[i][email] + "</h2>" + "</a>");
 
+    });
 
 
-	});
 
 
-
-
-	
-	</script>
+    
+    </script>
 
 </body>
 </html>

platforms/browser/www/index.html

                             if (Artesano["Telefono 1"].trim().length != 0) {
                                 cont ++;
                             }
-                            if (Artesano["E-mail"].trim().length != 0) {
+                            if (Artesano["E-mail"].trim().length != 0 & Artesano["E-mail"].toUpperCase().trim() != "NO TIENE") {
                                 cont ++;
                             }
                             if (Artesano.Especificacion.trim().length != 0) {
 
                             //info a pasar
                             //'title':'${Artesano.Nombre}','esp': '${info}'
-                            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}' } })" 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"]}', redes: '${Artesano["E-Commerce1"]}', esp: '${Artesano.Especificacion}' } })" tappable>
                         <div class="title">${Artesano.Nombre}</div>
                     </ons-list-item>`);
 
 
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
 
-        <template id="artesano.html">
-            <ons-page id="artesano">
-                <ons-toolbar>
-                    <div class="left"><ons-back-button>Atras</ons-back-button></div>
-                    <div class="center"></div>
-                </ons-toolbar>
-                <body>
-                    <ons-card id="all"></ons-card>
-                </body>
-                <script>
-                    ons.getScriptPage().onInit = function () {
-                        this.querySelector('ons-toolbar div.center').textContent = this.data.title;
-
-                        var info = ``,
-                            mun = this.data.mun,
-                            tel = this.data.tel,
-                            email = this.data.email,
-                            esp = this.data.esp;
-
-                        if(mun.trim() != '') {
-                            info = info + `Municipio: ` + mun + `<br>`;
-                        }
-                        if(tel.trim() != '') {
-                            info = info + `Tel\u00e9fono: <a href="tel:+1` + tel + `">` + tel + `</a><br>`;
-                        }
-                        if(email.trim() != '') {
-                            info = info + `Correo Electr\u00f3nico: ` + email + `<br>`;
-                        }
-                        if(esp.trim() != '') {
-                            info = info + `Trabaja con: ` + esp + `<br>`;
-                        }
-
-                        document.getElementById("all").innerHTML = `${info}`;
-
-                    }
-                </script>
-
-            </ons-page>
-        </template>
-
-<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
-
         <script>
             var Madera = JSON.parse(window.localStorage.getItem("TODOS"));
             function filter(){
                 <script>
                     for (i = 0; i < Madera.length;i++){
                         var artesano = ons.createElement(`<ons-list-item class = "artists"
-                        onclick="myNavigator.pushPage('artesano.html', { data: {title: '${Madera[i].Nombre}', mun: '${Madera[i].Municipio}', tel: '${Madera[i]["Telefono1"]}', email: '${Madera[i]["E-mail1"]}', esp: '${Madera[i].Especificaciones1}' } })" tappable>
+                        onclick="myNavigator.pushPage('artesano.html', { data: {title: '${Madera[i].Nombre}', mun: '${Madera[i].Municipio}', tel: '${Madera[i]["Telefono1"]}', email: '${Madera[i]["E-mail1"]}', redes: '${Madera[i]["E-Commerce1"]}', esp: '${Madera[i].Especificaciones1}' } })" tappable>
                         <div>${Madera[i].Nombre}</div>
                     </ons-list-item>`);
                         // var artesano = ons.createElement(`
                     ons.getScriptPage().onInit = function () {
                         this.querySelector('ons-toolbar div.center').textContent = this.data.title;
 
-                        var info = ``,
+                        var data = '',
                             mun = this.data.mun,
                             tel = this.data.tel,
-                            email = this.data.email,
+                            em = this.data.email,
                             esp = this.data.esp;
 
-                        if(mun.trim() != '') {
-                            info = info + `Municipio: ` + mun + `<br>`;
+                        email = em.slice(0, em.search("#"));
+                        if(esp.trim() != ""){
+                            if(esp.includes(";", 0)){
+                                esp=esp.replace(/;/g,", ");
+                                data+='Tipos de artesanias: '+esp+'<br>';
+                            }
+                            else {
+                                data+='Tipo de artesania: '+esp+'<br>';
+                            }
                         }
-                        if(tel.trim() != '') {
-                            info = info + `Tel\u00e9fono: <a href="tel:+1` + tel + `">` + tel + `</a><br>`;
+
+                        //console.log("Las redes son..."+this.data.redes);
+
+                        if(mun.trim() != ""){
+                            data+='Municipio: '+ mun +'<br>';
                         }
-                        if(email.trim() != '') {
-                            info = info + `Correo Electr\u00f3nico: ` + email + `<br>`;
+                        
+                        if(email.trim() != "" & email.toUpperCase().trim() != "NO TIENE"){
+                            data+='Correo Electr\u00f3nico: <a style="color:blue" href="mailto: '+email+'"><u>'+email+'</u></a><br>';
                         }
-                        if(esp.trim() != '') {
-                            info = info + `Trabaja con: ` + esp + `<br>`;
+
+                        //Underlined <u></u>
+                        //Color blue <p style="color:blue"></p>
+
+                        if(tel.trim() != "" ){
+                            data+='Tel\u00e9fono: <a style="color:blue" href="tel: '+ tel +'"><u>'+ tel +'</u></a><br>';
                         }
 
-                        document.getElementById("all").innerHTML = `${info}`;
+                        document.getElementById("all").innerHTML = `${data}`;
 
                     }
                 </script>
         <script type="text/javascript" src="cordova.js"></script>
         <script type="text/javascript" src="js/index.js"></script>
     </body>
-</html>
+</html>

platforms/browser/www/js/load.js

 
 window.fn.pushPage = function (page, anim) {
 
-	//Open and send json file that is equivalent with the especification.
-	var artesanos = JSON.parse(window.localStorage.getItem(page.title.toUpperCase()));
+  //Open and send json file that is equivalent with the especification.
+  var artesanos = JSON.parse(window.localStorage.getItem(page.title.toUpperCase()));
 
   if (anim) {
     document.getElementById('myNavigator').pushPage(page.id, { data: { title: page.title, esp: page.esp, json: artesanos } , animation: anim });
   } else {
     document.getElementById('myNavigator').pushPage(page.id, { data: { title: page.title, esp: page.esp, json: artesanos } });
   }
-};
+};

platforms/browser/www/js/renglones.js

   /*`<ons-card onclick="fn.pushPage({'id':'artesanias.html','title':'${info[i].Renglones}','esp': '${info[i].Especificaciones}'})">
                         <div class="title">${info[i].Renglones}</div>
                         <div class="content"><img class="list-item__thumbnail" src="img/${info[i].Renglones}.png"></div>
-                    </ons-card>`*/
+                    </ons-card>`*/

platforms/browser/www/js/saveLocal.js

   }
   } catch {
     console.log("error");
-  }
+  }

www/artesano.html

 <!DOCTYPE html>
 <html>
 <head>
-	<title>Artesanos</title>
+    <title>Artesanos</title>
 
-	<script src="jquery/dist/jquery.min.js">
-	</script>
+    <script src="jquery/dist/jquery.min.js">
+    </script>
 
 
 </head>
 <body>
 
-	<ons-toolbar>
-  		<div class="left">
-    		<ons-back-button>Back</ons-back-button>
-  		</div>
-	</ons-toolbar>
+    <ons-toolbar>
+        <div class="left">
+            <ons-back-button>Back</ons-back-button>
+        </div>
+    </ons-toolbar>
 
 
 
-	<script type="text/javascript">
-	function getUrlVars() {
-    	var vars = [], hash;
-    	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
-    	for(var i = 0; i < hashes.length; i++)
-    	{
-        	hash = hashes[i].split('=');
-        	vars.push(hash[0]);
-        	vars[hash[0]] = hash[1];
-    	}
-    	return vars;
-	}
+    <script type="text/javascript">
+    function getUrlVars() {
+        var vars = [], hash;
+        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
+        for(var i = 0; i < hashes.length; i++)
+        {
+            hash = hashes[i].split('=');
+            vars.push(hash[0]);
+            vars[hash[0]] = hash[1];
+        }
+        return vars;
+    }
 
-	nombre = decodeURIComponent(getUrlVars()["nombre"]);
-	renglon = "json/MADERA.json";
-	
+    nombre = decodeURIComponent(getUrlVars()["nombre"]);
+    renglon = "json/MADERA.json";
+    
 
-	$.getJSON(renglon, function(json) {
-    	for (i = 0; i < json.length; i++) {
-    		if (json[i].Nombre == nombre) {
-    			break;
-    		}
-    	}
+    $.getJSON(renglon, function(json) {
+        for (i = 0; i < json.length; i++) {
+            if (json[i].Nombre == nombre) {
+                break;
+            }
+        }
 
-    	var telefono = "Teléfono 1";
-    	var clickTel = (((json[i]["Teléfono 1"].replace('(', "")).replace(')', "")).replace('-', "")).replace(' ', "");
+        console.log("entre a artesano.html...???");
 
-    	var email = "E-mail";
+        document.write("<h1 align='center'>" + json[i].Nombre + "</h1>");
 
+        document.write("<h2 align='center'>" + json[i].Municipio + "</h1>");
 
-    	document.write("<h1 align='center'>" + json[i].Nombre + "</h1>");
+        document.write("<h2 align='center'>" + json[i].Especificaciones + "</h2>");
 
-    	document.write("<h2 align='center'>" + json[i].Municipio + "</h1>");
+        document.write("<a class='button' href='tel://" + json[i]["Teléfono 1"] + "'>" + "<h2 align='center'>" + json[i]["Teléfono 1"] + "</h2>" + "</a>");
 
-    	document.write("<h2 align='center'>" + json[i].Especificaciones + "</h2>");
+        document.write("<a href='mailto:" + json[i]["E-mail"] + "'>" + "<h2 align='center'>" + json[i]["E-mail"] + "</h2>" + "</a>");
 
-    	document.write("<a class='button' href='tel://" + clickTel + "'>" + "<h2 align='center'>" + json[i][telefono] + "</h2>" + "</a>");
 
-    	document.write("<a href='mailto:" + json[i][email] + "'>" + "<h2 align='center'>" + json[i][email] + "</h2>" + "</a>");
 
+    });
 
 
-	});
 
 
-
-
-	
-	</script>
+    
+    </script>
 
 </body>
 </html>

www/index.html

                             if (Artesano["Telefono 1"].trim().length != 0) {
                                 cont ++;
                             }
-                            if (Artesano["E-mail"].trim().length != 0) {
+                            if (Artesano["E-mail"].trim().length != 0 & Artesano["E-mail"].toUpperCase().trim() != "NO TIENE") {
                                 cont ++;
                             }
                             if (Artesano.Especificacion.trim().length != 0) {
 
                             //info a pasar
                             //'title':'${Artesano.Nombre}','esp': '${info}'
-                            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}' } })" 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"]}', redes: '${Artesano["E-Commerce1"]}', esp: '${Artesano.Especificacion}' } })" tappable>
                         <div class="title">${Artesano.Nombre}</div>
                     </ons-list-item>`);
 
 
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
 
-        <template id="artesano.html">
-            <ons-page id="artesano">
-                <ons-toolbar>
-                    <div class="left"><ons-back-button>Atras</ons-back-button></div>
-                    <div class="center"></div>
-                </ons-toolbar>
-                <body>
-                    <ons-card id="all"></ons-card>
-                </body>
-                <script>
-                    ons.getScriptPage().onInit = function () {
-                        this.querySelector('ons-toolbar div.center').textContent = this.data.title;
-
-                        var info = ``,
-                            mun = this.data.mun,
-                            tel = this.data.tel,
-                            email = this.data.email,
-                            esp = this.data.esp;
-
-                        if(mun.trim() != '') {
-                            info = info + `Municipio: ` + mun + `<br>`;
-                        }
-                        if(tel.trim() != '') {
-                            info = info + `Tel\u00e9fono: <a href="tel:+1` + tel + `">` + tel + `</a><br>`;
-                        }
-                        if(email.trim() != '') {
-                            info = info + `Correo Electr\u00f3nico: ` + email + `<br>`;
-                        }
-                        if(esp.trim() != '') {
-                            info = info + `Trabaja con: ` + esp + `<br>`;
-                        }
-
-                        document.getElementById("all").innerHTML = `${info}`;
-
-                    }
-                </script>
-
-            </ons-page>
-        </template>
-
-<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
-
         <script>
             var Madera = JSON.parse(window.localStorage.getItem("TODOS"));
             function filter(){
                 <script>
                     for (i = 0; i < Madera.length;i++){
                         var artesano = ons.createElement(`<ons-list-item class = "artists"
-                        onclick="myNavigator.pushPage('artesano.html', { data: {title: '${Madera[i].Nombre}', mun: '${Madera[i].Municipio}', tel: '${Madera[i]["Telefono1"]}', email: '${Madera[i]["E-mail1"]}', esp: '${Madera[i].Especificaciones1}' } })" tappable>
+                        onclick="myNavigator.pushPage('artesano.html', { data: {title: '${Madera[i].Nombre}', mun: '${Madera[i].Municipio}', tel: '${Madera[i]["Telefono1"]}', email: '${Madera[i]["E-mail1"]}', redes: '${Madera[i]["E-Commerce1"]}', esp: '${Madera[i].Especificaciones1}' } })" tappable>
                         <div>${Madera[i].Nombre}</div>
                     </ons-list-item>`);
                         // var artesano = ons.createElement(`
                     ons.getScriptPage().onInit = function () {
                         this.querySelector('ons-toolbar div.center').textContent = this.data.title;
 
-                        var info = ``,
+                        var data = '',
                             mun = this.data.mun,
                             tel = this.data.tel,
-                            email = this.data.email,
+                            em = this.data.email,
                             esp = this.data.esp;
 
-                        if(mun.trim() != '') {
-                            info = info + `Municipio: ` + mun + `<br>`;
+                        email = em.slice(0, em.search("#"));
+                        if(esp.trim() != ""){
+                            if(esp.includes(";", 0)){
+                                esp=esp.replace(/;/g,", ");
+                                data+='Tipos de artesanias: '+esp+'<br>';
+                            }
+                            else {
+                                data+='Tipo de artesania: '+esp+'<br>';
+                            }
                         }
-                        if(tel.trim() != '') {
-                            info = info + `Tel\u00e9fono: <a href="tel:+1` + tel + `">` + tel + `</a><br>`;
+
+                        //console.log("Las redes son..."+this.data.redes);
+
+                        if(mun.trim() != ""){
+                            data+='Municipio: '+ mun +'<br>';
                         }
-                        if(email.trim() != '') {
-                            info = info + `Correo Electr\u00f3nico: ` + email + `<br>`;
+                        
+                        if(email.trim() != "" & email.toUpperCase().trim() != "NO TIENE"){
+                            data+='Correo Electr\u00f3nico: <a style="color:blue" href="mailto: '+email+'"><u>'+email+'</u></a><br>';
                         }
-                        if(esp.trim() != '') {
-                            info = info + `Trabaja con: ` + esp + `<br>`;
+
+                        //Underlined <u></u>
+                        //Color blue <p style="color:blue"></p>
+
+                        if(tel.trim() != "" ){
+                            data+='Tel\u00e9fono: <a style="color:blue" href="tel: '+ tel +'"><u>'+ tel +'</u></a><br>';
                         }
 
-                        document.getElementById("all").innerHTML = `${info}`;
+                        document.getElementById("all").innerHTML = `${data}`;
 
                     }
                 </script>
         <script type="text/javascript" src="cordova.js"></script>
         <script type="text/javascript" src="js/index.js"></script>
     </body>
-</html>
+</html>

www/js/load.js

 
 window.fn.pushPage = function (page, anim) {
 
-	//Open and send json file that is equivalent with the especification.
-	var artesanos = JSON.parse(window.localStorage.getItem(page.title.toUpperCase()));
+  //Open and send json file that is equivalent with the especification.
+  var artesanos = JSON.parse(window.localStorage.getItem(page.title.toUpperCase()));
 
   if (anim) {
     document.getElementById('myNavigator').pushPage(page.id, { data: { title: page.title, esp: page.esp, json: artesanos } , animation: anim });
   } else {
     document.getElementById('myNavigator').pushPage(page.id, { data: { title: page.title, esp: page.esp, json: artesanos } });
   }
-};
+};

www/js/renglones.js

   /*`<ons-card onclick="fn.pushPage({'id':'artesanias.html','title':'${info[i].Renglones}','esp': '${info[i].Especificaciones}'})">
                         <div class="title">${info[i].Renglones}</div>
                         <div class="content"><img class="list-item__thumbnail" src="img/${info[i].Renglones}.png"></div>
-                    </ons-card>`*/
+                    </ons-card>`*/

www/js/saveLocal.js

   }
   } catch {
     console.log("error");
-  }
+  }