CCOM4030
/
artesanias


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697
							<!DOCTYPE html>
<!--
    Licensed to the Apache Software Foundation (ASF) under one
    or more contributor license agreements.  See the NOTICE file
    distributed with this work for additional information
    regarding copyright ownership.  The ASF licenses this file
    to you under the Apache License, Version 2.0 (the
    "License"); you may not use this file except in compliance
    with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing,
    software distributed under the License is distributed on an
    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
     KIND, either express or implied.  See the License for the
    specific language governing permissions and limitations
    under the License.
-->
<html>
    <head>
        <!--
        Customize this policy to fit your own app's needs. For more guidance, see:
            https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
        Some notes:
            * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
            * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
            * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
                * Enable inline JS: add 'unsafe-inline' to default-src
        -->
        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; media-src *; img-src 'self' data: content:;">
        <!--these three for the calendar-->
        <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
        <link href="css/robotocondensed.css" rel="stylesheet">
        <link rel="stylesheet" href="calendar_files/css/demo.css"/>
        <link rel="stylesheet" href="css/file.css"/>
        <link rel="stylesheet" href="calendar_files/css/theme1.css"/>
        <!--this is for the search bar-->
        <link rel = "stylesheet" href = "css/searchbar1.css">

        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <link rel="stylesheet" href="lib/OnsenUI/css/onsenui.css">
        <link rel="stylesheet" href="lib/OnsenUI/css/onsen-css-components.min.css">    
        <script src="lib/OnsenUI/js/onsenui.min.js"></script>
        <script src="js/jquery_.js"></script>


    </head>
    <body>

      <script type="text/javascript" src="js/saveLocal.js"></script>
      
        <ons-navigator swipeable animation="slide" id="myNavigator">
           <ons-page>
            <ons-toolbar>
                <div class="center">Directorio Artesanal</div>
                <div class="right"><img class="list-item__thumbnail" src="img/ICP.png"></div>
            </ons-toolbar>
            <ons-tabbar swipeable position="bottom" modifier="autogrow">
                <ons-tab page="home.html" label="Hogar"></ons-tab>
                <ons-tab page="renglones.html" label="Artesanías" active></ons-tab>
                <ons-tab page="ferias.html" label="Eventos"></ons-tab>
                <ons-tab page="instituto.html" label="ICP"></ons-tab>
                <ons-tab page ="search.html" label="Buscar"> </ons-tab>
            </ons-tabbar>
        </ons-page>
        </ons-navigator>


<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->

        <template id="home.html">
            
            <ons-page id="home" class="red">
                    
                <ons-card id="azar">
                    
                    <!--<div class="title" id="Title"></div>-->
                    <div id="image"></div><br>
                    <div class="content" id="Content"></div>
                
                    <script type="text/javascript" src="js/azar.js"> </script>
                    
                    
                </ons-card>
                
            
            </ons-page>
        
        </template>

<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->

        <template id="artesanos.html">
            <ons-page id="artesanos">
                
                <ons-toolbar>
                    <div class="left"><ons-back-button>Atrás</ons-back-button></div>
                    <div class="center"></div>
                </ons-toolbar>

                <ons-pull-hook id="pull-hook" threshold-height="120px">
                    <ons-icon id="pull-hook-icon" size="22px" class="pull-hook-content" icon="fa-arrow-down"></ons-icon>
                </ons-pull-hook>

                <ons-list id="artesanos-list" src="">
                    <ons-list-header>Artesanos</ons-list-header>
                </ons-list>

                <script>

                    ons.getScriptPage().onInit = function () {
                        this.querySelector('ons-toolbar div.center').textContent = this.data.title;

                        //var File = this.data.title.toUpperCase() + '.json' ;
                        var Esp = this.data.esp.split(', ');
                        var artesanos_json = this.data.json;

                        //Convertir en mayuscula primera letra del string.
                        for(var i=0; i<Esp.length; i++) { 
                            Esp[i] = Esp[i].charAt(0).toUpperCase() + Esp[i].slice(1);
                        };

                        var pullHook = document.getElementById('pull-hook');
                        var icon = document.getElementById('pull-hook-icon');
                        pullHook.addEventListener('changestate', function (event) {
                            switch (event.state) {
                                case 'initial':
                                    icon.setAttribute('icon', 'fa-arrow-down');
                                    icon.removeAttribute('rotate');
                                    icon.removeAttribute('spin');
                                    break;
                                case 'preaction':
                                    icon.setAttribute('icon', 'fa-arrow-down');
                                    icon.setAttribute('rotate', '180');
                                    icon.removeAttribute('spin');
                                    break;
                                case 'action':
                                    icon.setAttribute('icon', 'fa-spinner');
                                    icon.removeAttribute('rotate');
                                    icon.setAttribute('spin', true);
                                    break;
                            } 
                        });

                        var getArtesania = function (num) {

                            var Artesanos = ``;

                            console.log('Filtrado de ',Esp[num])

                            var results = [];
                            var searchVal = "my Name";
                            for (var i=0 ; i < artesanos_json.length ; i++)
                            {
                                if (artesanos_json[i].Especificaciones.includes(Esp[num])) {
                                    results.push(artesanos_json[i]);
                                }
                            }

          /*var arr1=artesanos_json.filter(function(item){
              return item.Nombre=="Ana";       
          });*/

                            for(var i=0; i<results.length; i++) {

                                //if(Esp[num] in artesanos_json.) {}
                                Artesanos=Artesanos+`<a id='home.html'>${results[i].Nombre} | ${results[i].Municipio}<br>`
                                //`<a id='home.html'>${Artesania.artesano} | ${Artesania.municipio}</a> `
                            }


                            return {
                                name: Esp[num],
                                artesan: Artesanos
                            };
                        };

                        var getData = function () {
                            const data = [];
                            for (var i = 0; i < Esp.length; i++) {
                                data.push(getArtesania(i));
                            }
                            return data;
                        };
          
          
                        var createArtesano = function (Artesano) {

                            return ons.createElement(`
              <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>
                                                 </div>
              </ons-list-item>` 
                                                    );
                        };

                        //var Artesanias = getData();
                        //artesanos_json

                        for (Artesano of artesanos_json) {

                            var cont = 0;
                            var lista = document.getElementById('artesanos-list');
                            
                            //Recopilar datos no vacios.
                            if (Artesano.Municipio.trim().length != 0) {
                                cont ++;
                            }
                            if (Artesano["Tel\u00e9fono 1"].trim().length != 0) {
                                cont ++;
                            }
                            if (Artesano["E-mail"].trim().length != 0) {
                                cont ++;
                            }
                            if (Artesano.Especificaciones.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>
                        <div class="title">${Artesano.Nombre}</div>
                    </ons-list-item>`);

                            
                            if(cont == 0){
                                console.log(Artesano.Nombre+' no tiene ningun tipo de informacion.');
                                //return ons.createElement(``);
                            }
                            else {
                                lista.appendChild(item);
                            }

                        };
        
                    };
                </script>
                
                <style>
                    .pull-hook-content {
                        color: #333;
                        transition: transform .25s ease-in-out;
                    }
                </style>
                
            </ons-page> 
        
        </template>
        
<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
        
         <template id="artesanias.html">
             <ons-page id="artesanias">

                 <ons-toolbar>
                     <div class="left"><ons-back-button>Atrás</ons-back-button></div>
                     <div class="center"></div>
                 </ons-toolbar>

                 <ons-pull-hook id="pull-hook" threshold-height="120px">
                     <ons-icon id="pull-hook-icon" size="22px" class="pull-hook-content" icon="fa-arrow-down"></ons-icon>
                 </ons-pull-hook>

                 <ons-list id="artesania-list" src="">
                     <ons-list-header>Artesanias</ons-list-header>
                 </ons-list>

                 <script>

                     ons.getScriptPage().onInit = function () {
                         this.querySelector('ons-toolbar div.center').textContent = this.data.title;

                         //var File = this.data.title.toUpperCase() + '.json' ;
                         var Esp = this.data.esp.split(', ');
                         var artesanos_json = this.data.json;

                         //Convertir en mayuscula primera letra del string.
                         for(var i=0; i<Esp.length; i++) {
                             Esp[i] = Esp[i].charAt(0).toUpperCase() + Esp[i].slice(1);
                         };

                         var pullHook = document.getElementById('pull-hook');
                         var icon = document.getElementById('pull-hook-icon');
                         pullHook.addEventListener('changestate', function (event) {
                             switch (event.state) {
                                 case 'initial':
                                     icon.setAttribute('icon', 'fa-arrow-down');
                                     icon.removeAttribute('rotate');
                                     icon.removeAttribute('spin');
                                     break;
                                 case 'preaction':
                                     icon.setAttribute('icon', 'fa-arrow-down');
                                     icon.setAttribute('rotate', '180');
                                     icon.removeAttribute('spin');
                                     break;
                                 case 'action':
                                     icon.setAttribute('icon', 'fa-spinner');
                                     icon.removeAttribute('rotate');
                                     icon.setAttribute('spin', true);
                                     break;
                             }
                         });

                         var getArtesania = function (num) {

                             var Artesanos = ``,
                                 ArtesanosInfo = ``;

                             //console.log('Filtrado de ',Esp[num])

                             var results = [];
                             var searchVal = "my Name";
                             for (var i=0 ; i < artesanos_json.length ; i++)
                             {
                                 if (artesanos_json[i].Especificaciones.includes(Esp[num])) {
                                     results.push(artesanos_json[i]);
                                 }
                             }

                             /*var arr1=artesanos_json.filter(function(item){
                             return item.Nombre=="Ana";      
                             });*/

                             for(var i=0; i<results.length; i++) {

                                 //if(Esp[num] in artesanos_json.) {}
                                 Artesanos+=`${results[i].Nombre}|`
                                 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> `
                             }

                             return {
                                 name: Esp[num],
                                 artesan: Artesanos,
                                 info: ArtesanosInfo
                             };
                         };

                         var getData = function () {
                             const data = [];
                             for (var i = 0; i < Esp.length; i++) {
                                 data.push(getArtesania(i));
                             }
                             return data;
                         };
                         var createArtesania = function (Artesania) {

                             //console.log('Devuelto elemento')
                             var listaArt=``;
                             var arts = Artesania.artesan.split('|');
                             var artsInfo = Artesania.info.split('&&');

                             for(var i=0; i<arts.length; i++) {
                                 var lot = artsInfo[i].split('|'),
                                     mun = lot[0],
                                     tel = lot[1],
                                     email = lot[2],
                                     esp = lot[3];

                                 listaArt += `<ons-item tappable onclick="myNavigator.pushPage('artesano.html', {data: {title:'${arts[i]}', mun: '${mun}', tel: '${tel}', email: '${email}', esp: '${esp}'}} )" ><div class="center">`+ arts[i] +`</div></ons-item><br>`;
                             }


                             return ons.createElement(`
              <ons-list-item expandable tappable>
                <div class="center" >${Artesania.name}</div>
                <div class="expandable-content">Artesanos que trabajan con ${Artesania.name}
                <ons-card>${listaArt}</ons-card></div>
                </ons-list-item>`
                                                     );
                         };
               
                         var Artesanias = getData();

                         for (Art of Artesanias) {
       
                             var Artesania = createArtesania(Art);
                             document.getElementById('artesania-list').appendChild(Artesania);
                         };
                         pullHook.onAction = function (done) {
         
                             setTimeout(function() {
                                 document.getElementById('artesania-list').appendChild(createArtesania(getArtesania()));
                                 done();
                             }, 400);
                         }
       
                     };
                 </script>

                 <style>
                     .pull-hook-content {
                         color: #333;
                         transition: transform .25s ease-in-out;
                     }
                 </style>
             </ons-page>
        </template>
        
<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->

        <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 = [{"Nombre":"Achmer E. Arroyo Santos","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 788-0554","E-mail":"","Municipio":"Cata\u00f1o PR","id":0},{"Nombre":"Rosa M. Delgado Ayala","Especificaciones":"Cuatros","Tel\u00e9fono 1":"(787) 285-6973","E-mail":"delgadoinfec@hotmail.com","Municipio":"Humacao PR","id":1},{"Nombre":"Adelis Rodr\u00edguez S\u00e1nchez","Especificaciones":"Bol\u00edgrafos, Pilones, Tostoneras, Utiler\u00edas","Tel\u00e9fono 1":"","E-mail":"no tiene","Municipio":"Vega Baja PR","id":2},{"Nombre":"Adolfo Matos Antongiogi","Especificaciones":"Cofres, Cuadros, Figuras","Tel\u00e9fono 1":"(787) 808-2371","E-mail":"","Municipio":"Lajas PR","id":3},{"Nombre":"Adri\u00e1n Col\u00f3n Col\u00f3n","Especificaciones":"","Tel\u00e9fono 1":"(787) 318-3489","E-mail":"","Municipio":"Orocovis PR","id":4},{"Nombre":"Adri\u00e1n Rodr\u00edguez V\u00e1zquez","Especificaciones":"Santos","Tel\u00e9fono 1":"(787) 259-2629","E-mail":"maria34pr@gmail.com","Municipio":"Ponce PR","id":5},{"Nombre":"Agust\u00edn Carrero Ramos","Especificaciones":"Figuras, Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 643-8534","E-mail":"acarrero.arte@gmail.com","Municipio":"Toa Baja PR","id":6},{"Nombre":"Agust\u00edn Vega Arana","Especificaciones":"Figuras y simbolos indigenas, Im\u00e1genes Religiosas, Paisajes","Tel\u00e9fono 1":"(787) 376-1855","E-mail":"sonagustinpr@gmail.com","Municipio":"San Juan PR","id":7},{"Nombre":"Alberto Meotto Sardi","Especificaciones":"Utiler\u00edas","Tel\u00e9fono 1":"(787)449-1553","E-mail":"","Municipio":"Bayam\u00f3n PR","id":8},{"Nombre":"Alejandro Galarza Deynes","Especificaciones":"","Tel\u00e9fono 1":"(787) 877-3517","E-mail":"","Municipio":"Moca PR","id":9},{"Nombre":"Alejandro Jorge Santiago","Especificaciones":"Aves, Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 822-0393","E-mail":"","Municipio":"Florida PR","id":10},{"Nombre":"Alex R\u00edos Fern\u00e1ndez","Especificaciones":"Aves","Tel\u00e9fono 1":"(787) 765-4024","E-mail":"alextallas@gmail.com","Municipio":"Bayam\u00f3n PR","id":11},{"Nombre":"Alexander Valle Albert","Especificaciones":"Muebles","Tel\u00e9fono 1":"(787) 892-2567","E-mail":"vallealbert@gmail.com","Municipio":"San Germ\u00e1n PR","id":12},{"Nombre":"Alexis Torres Quintana","Especificaciones":"Caretas, Fachadas","Tel\u00e9fono 1":"","E-mail":"","Municipio":"Ponce PR","id":13},{"Nombre":"Alfonso Trenche Agosto","Especificaciones":"Bol\u00edgrafos, Pilones, Vineras","Tel\u00e9fono 1":"(787) 667-0289","E-mail":"mypenforyou@aol.com","Municipio":"San Juan PR","id":14},{"Nombre":"Alfredo Cosme Reyes","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 724-0254","E-mail":"no tiene","Municipio":"Dorado PR","id":15},{"Nombre":"Alfredo Gonz\u00e1lez Rivera","Especificaciones":"Nombres","Tel\u00e9fono 1":"","E-mail":"","Municipio":"San Sebast\u00edan PR","id":16},{"Nombre":"Alfredo S\u00e1nchez Class","Especificaciones":"Bol\u00edgrafos, Pilones, Tostoneras","Tel\u00e9fono 1":"(787) 760-1706","E-mail":"sanchezclassalfredo@gmail.com","Municipio":"Trujillo Alto PR","id":17},{"Nombre":"Alma N. Nigaglioni Carrasquillo","Especificaciones":"","Tel\u00e9fono 1":"(787) 998-0527","E-mail":"","Municipio":"Carolina PR","id":18},{"Nombre":"Amarilys L\u00f3pez P\u00e9rez","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 317-2337","E-mail":"sylirama_2000@yahoo.com","Municipio":"Trujillo Alto PR","id":19},{"Nombre":"Amauri Rodr\u00edguez Rodr\u00edguez","Especificaciones":"Casitas, Fachadas, Figuras, Paisajes","Tel\u00e9fono 1":"","E-mail":"","Municipio":"Mayag\u00fcez PR","id":20},{"Nombre":"Amilcar Flores Santiago","Especificaciones":"Cuadros, Reyes","Tel\u00e9fono 1":"(787) 538-3003","E-mail":"maderasconluz@gmail.com","Municipio":"San Germ\u00e1n PR","id":21},{"Nombre":"Ana P. Delgado Santa","Especificaciones":"Joyer\u00eda","Tel\u00e9fono 1":"(787) 598-0898","E-mail":"anapda@gmail.com","Municipio":"San Juan PR","id":22},{"Nombre":"Ana L. Camacho Ramos","Especificaciones":"Santos","Tel\u00e9fono 1":"(787) 603-9924","E-mail":"niandaro_1224@yahoo.com","Municipio":"Toa Baja PR","id":23},{"Nombre":"Anarda Justiniano Acevedo","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 739-0676","E-mail":"No tiene","Municipio":"Cidra PR","id":24},{"Nombre":"Andr\u00e9s Gonz\u00e1lez Figueroa","Especificaciones":"Muebles","Tel\u00e9fono 1":"(787) 730-9591","E-mail":"","Municipio":"Bayam\u00f3n PR","id":25},{"Nombre":"Andr\u00e9s M. Reboyras Marrero","Especificaciones":"Muebles","Tel\u00e9fono 1":"(787) 407-6585","E-mail":"reboyrasandres@yahoo.com","Municipio":"Arecibo PR","id":26},{"Nombre":"Andr\u00e9s R. Andino Serrano","Especificaciones":"Cuatros, Figuras y simbolos indigenas, Im\u00e1genes Religiosas, Placas","Tel\u00e9fono 1":"(787) 876-0282","E-mail":"andinoserrano@gmail.com","Municipio":"Can\u00f3vanas PR","id":27},{"Nombre":"\u00c1ngel D. Concpeci\u00f3n Gonz\u00e1lez","Especificaciones":"Vineras","Tel\u00e9fono 1":"(787) 557-5560","E-mail":"aconcepcionphd@gmail.com","Municipio":"Cidra PR","id":28},{"Nombre":"\u00c1ngel M. D\u00e1vila Maymi","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 619-5982","E-mail":"","Municipio":"Dorado PR","id":29},{"Nombre":"\u00c1ngel L. Rivera Morales","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 617-5575","E-mail":"artesanoorocovis@gmail.com","Municipio":"Orocovis PR","id":30},{"Nombre":"\u00c1ngel L. Valent\u00edn Maisonet","Especificaciones":"","Tel\u00e9fono 1":"(787) 515-4752","E-mail":"artesaniaguichi@yahoo.com","Municipio":"Vega Alta PR","id":31},{"Nombre":"\u00c1ngel L\u00f3pez Diaz","Especificaciones":"Canastas, Eneas, Escobillones, Im\u00e1genes Religiosas, Pavas, Reyes, Santos","Tel\u00e9fono 1":"(787) 868-0413","E-mail":"no tiene","Municipio":"Aguada PR","id":32},{"Nombre":"\u00c1ngel M. D\u00edaz Rivera","Especificaciones":"Muebles, Restaurador, Retablos","Tel\u00e9fono 1":"(787) 378-7725","E-mail":"artesanomueble@gmail.com","Municipio":"Camuy PR","id":33},{"Nombre":"\u00c1ngel M. Rivera","Especificaciones":"","Tel\u00e9fono 1":"(787) 602-6520","E-mail":"","Municipio":"San Lorenzo PR","id":34},{"Nombre":"\u00c1ngel M. Rosario Cruz","Especificaciones":"Aves, Caretas, Figuras, Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 885-2193","E-mail":"","Municipio":"Ceiba PR","id":35},{"Nombre":"\u00c1ngel Pag\u00e1n Cardona","Especificaciones":"Figuras, Figuras y simbolos indigenas, Im\u00e1genes Religiosas, Incendiarios, L\u00e1mparas, Reyes, Rosarios, Utiler\u00edas","Tel\u00e9fono 1":"(787) 585-6921","E-mail":"coquitainoarterustico@gmail.com","Municipio":"Lares PR","id":36},{"Nombre":"\u00c1ngel R. Ben\u00edtez Matos","Especificaciones":"","Tel\u00e9fono 1":"(787) 807-0951","E-mail":"","Municipio":"Vega Baja PR","id":37},{"Nombre":"\u00c1ngel R. Carrasco Miranda","Especificaciones":"Escultura, Figuras, Paisajes","Tel\u00e9fono 1":"(787) 632-0031","E-mail":"carrascomirandaarts@gmail.com","Municipio":"San Juan PR","id":38},{"Nombre":"\u00c1ngel R. Medina Mart\u00ednez","Especificaciones":"Figuras y simbolos indigenas, Instrumentos de percusi\u00f3n, Maracas","Tel\u00e9fono 1":"(787) 635-6354","E-mail":"","Municipio":"Toa Alta PR","id":39},{"Nombre":"\u00c1ngel V\u00e1zquez Torres","Especificaciones":"","Tel\u00e9fono 1":"(787) 382-2078","E-mail":"buhopr04@yahoo.com","Municipio":"Barranquitas PR","id":40},{"Nombre":"Ang\u00e9lica Hern\u00e1ndez Hern\u00e1ndez","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 236-2574","E-mail":"angelicah920@gmail.com","Municipio":"Quebradillas PR","id":41},{"Nombre":"An\u00edbal Gonz\u00e1lez Ramos","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 747-4818","E-mail":"","Municipio":"Cayey PR","id":42},{"Nombre":"Antonio Avil\u00e9s","Especificaciones":"Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(939) 452-8001","E-mail":"","Municipio":"Orocovis PR","id":43},{"Nombre":"Antonio Nieves Esteves","Especificaciones":"Figuras, Flores, Frutas","Tel\u00e9fono 1":"(787) 747-9283","E-mail":"talladosenmaderaane3@yahoo.com","Municipio":"Caguas PR","id":44},{"Nombre":"Antonio A. Ortiz Carb\u00f3","Especificaciones":"Cuadros","Tel\u00e9fono 1":"","E-mail":"tallercanteria242@gmail.com","Municipio":"Mayag\u00fcez PR","id":45},{"Nombre":"Antonio Rivera","Especificaciones":"","Tel\u00e9fono 1":"(787) 861-0438","E-mail":"","Municipio":"Morovis PR","id":46},{"Nombre":"Antonio  Ortiz Vegerano","Especificaciones":"Accesorios, Alfombras, Canastillos, Collares de mujer, Escobillones, Figuras y simbolos indigenas, Joyer\u00eda","Tel\u00e9fono 1":"","E-mail":"","Municipio":"Luquillo PR","id":47},{"Nombre":"Ariana N. Pol Qui\u00f1ones","Especificaciones":"Joyer\u00eda","Tel\u00e9fono 1":"(787) 236-0371","E-mail":"","Municipio":"Mayag\u00fcez PR","id":48},{"Nombre":"Ariel Soto Cruz","Especificaciones":"Aves","Tel\u00e9fono 1":"(787) 828-4009","E-mail":"","Municipio":"Jayuya PR","id":49},{"Nombre":"Armando S\u00e1nchez Figueroa","Especificaciones":"Bol\u00edgrafos, Pilones, Tostoneras, Utiler\u00edas","Tel\u00e9fono 1":"(787) 320-0421","E-mail":"nand2.eros@yahoo.com","Municipio":"San Juan PR","id":50},{"Nombre":"Arturo E. Mu\u00f1oz Santana","Especificaciones":"Carritos","Tel\u00e9fono 1":"(787) 269-4493","E-mail":"arturomunoz@yahoo.com","Municipio":"Bayam\u00f3n PR","id":51},{"Nombre":"Arturo Pi\u00f1ero Sep\u00falveda","Especificaciones":"Aves, Im\u00e1genes Religiosas","Tel\u00e9fono 1":"(787) 431-3835","E-mail":"","Municipio":"Aguadilla PR","id":52},{"Nombre":"Atanael Mu\u00f1iz Irizarry","Especificaciones":"Pilones","Tel\u00e9fono 1":"(787) 218-8350","E-mail":"tanymadera483@gmail.com","Municipio":"Guayanilla PR","id":53},{"Nombre":"Audrey Ayala","Especificaciones":"","Tel\u00e9fono 1":"(939) 644-1077","E-mail":"","Municipio":"Dorado PR","id":54},{"Nombre":"Awilda P\u00e9rez Rivera","Especificaciones":"","Tel\u00e9fono 1":"","E-mail":"","Municipio":"Dorado PR","id":55},{"Nombre":"Azure Dee B\u00e1ez Mosanto","Especificaciones":"Cuadros","Tel\u00e9fono 1":"(787) 964-8549","E-mail":"azurebaez@yahoo.com","Municipio":"Guaynabo PR","id":56},{"Nombre":"Balbina Vilar Civeira","Especificaciones":"Cremas, Im\u00e1genes Religiosas, Jabones, Lociones, Ung\u00fcentos","Tel\u00e9fono 1":"(787) 447-7779","E-mail":"maderavivapr@gmail.com","Municipio":"Las Piedras PR","id":57},{"Nombre":"Orlando N. Cruz Alvarado","Especificaciones":"","Tel\u00e9fono 1":"","E-mail":"","Municipio":"Coamo PR","id":381},{"Nombre":"Orlando Rivera","Especificaciones":"Accesorios, Cofres, Cuadros, Dise\u00f1os, Domin\u00f3s, Figuras, Muebles, Personajes T\u00edpicos, Restaurador, S\u00edmbolos Patrios, Utiler\u00edas, Vineras","Tel\u00e9fono 1":"","E-mail":"","Municipio":"Coamo PR","id":382},{"Nombre":"Osvaldo Gonz\u00e1lez Rivera","Especificaciones":"","Tel\u00e9fono 1":"(787) 800-5768","E-mail":"","Municipio":"A\u00f1asco PR","id":383},{"Nombre":"Pablo A. Latimer Maysonet","Especificaciones":"Instrumentos, Trompos","Tel\u00e9fono 1":"(787) 270-3137","E-mail":"","Municipio":"Vega Alta PR","id":384},{"Nombre":"Patricia Rosado Osorio","Especificaciones":"","Tel\u00e9fono 1":"(787) 676-6866","E-mail":"","Municipio":"Corozal PR","id":385},{"Nombre":"Pedro A. Quiles Rodr\u00edguez","Especificaciones":"Bol\u00edgrafos","Tel\u00e9fono 1":"(787) 598-0885","E-mail":"paq@boligrafospr.com","Municipio":"Manat\u00ed PR","id":386},{"Nombre":"Pedro N. P\u00e9rez Romero","Especificaciones":"Cuadros","Tel\u00e9fono 1":"(787) 892-2839","E-mail":"prpomero30@hotmail.com","Municipio":"San Germ\u00e1n PR","id":387},{"Nombre":"Porfirio Cruz-Inactivo","Especificaciones":"Incensarios, L\u00e1mparas","Tel\u00e9fono 1":"(787) 847-5015","E-mail":"","Municipio":"Villalba PR","id":388},{"Nombre":"Porfirio D\u00edaz Figueroa","Especificaciones":"Aves","Tel\u00e9fono 1":"","E-mail":"","Municipio":"","id":389},{"Nombre":"Priscila Concepci\u00f3n Corchado","Especificaciones":"","Tel\u00e9fono 1":"(787) 568-4120","E-mail":"pricilaconcepcion@gmail.com","Municipio":"Isabela PR","id":390},{"Nombre":"Priscila Gautier Garc\u00eda","Especificaciones":"","Tel\u00e9fono 1":"(787) 908-3620","E-mail":"priscilla5126@gmail.com","Municipio":"Carolina PR","id":391},{"Nombre":"Rafael A. C\u00e1ceres Burgos","Especificaciones":"","Tel\u00e9fono 1":"(787) 245-4665","E-mail":"","Municipio":"San Juan PR","id":392},{"Nombre":"Rafael A. Negroni P\u00e9rez","Especificaciones":"","Tel\u00e9fono 1":"(787) 856-7582","E-mail":"negroni.perez@gmail.com","Municipio":"Yauco PR","id":393},{"Nombre":"Rafael Cajigas M\u00e1rquez","Especificaciones":"Vasijas","Tel\u00e9fono 1":"(787) 201-0714","E-mail":"rafael.cajigasm@gmail.com","Municipio":"Lares PR","id":394},{"Nombre":"Rafael N. L\u00f3pez Cruz","Especificaciones":"","Tel\u00e9fono 1":"(787) 796-8410","E-mail":"noash4@yahoo.com","Municipio":"Dorado PR","id":395},{"Nombre":"Rafael Rol\u00f3n Ruiz","Especificaciones":"","Tel\u00e9fono 1":"(787) 460-8560","E-mail":"","Municipio":"Utuado PR","id":396},{"Nombre":"Rafael Santiago Suau","Especificaciones":"L\u00e1mparas","Tel\u00e9fono 1":"(787) 462-8594","E-mail":"driftwoodlampsrss@yahoo.com","Municipio":"San Juan PR","id":397},{"Nombre":"Rafael Su\u00e1rez Alicea","Especificaciones":"","Tel\u00e9fono 1":"(787) 752-4433","E-mail":"Lix4me@aol.com","Municipio":"Carolina PR","id":398},{"Nombre":"Rafael Yambo Vargas","Especificaciones":"Casitas","Tel\u00e9fono 1":"(787) 356-0874","E-mail":"","Municipio":"Quebradillas PR","id":399},{"Nombre":"Ram\u00f3n A. V\u00e1zquez Cort\u00e9z","Especificaciones":"Cuadros, Figuras","Tel\u00e9fono 1":"(787) 505-9023","E-mail":"expresionxxi@gmail.com","Municipio":"Utuado PR","id":400},{"Nombre":"Ram\u00f3n D\u00edaz Torres","Especificaciones":"","Tel\u00e9fono 1":"(787) 295-3230","E-mail":"aguila451us@yahoo.com","Municipio":"Humacao PR","id":401},{"Nombre":"Ram\u00f3n F. Lugo Silva","Especificaciones":"","Tel\u00e9fono 1":"(787) 368-0582","E-mail":"mochoreciklarte@gmail.com","Municipio":"Ponce PR","id":402},{"Nombre":"Ram\u00f3n L. Laureano P\u00e9rez","Especificaciones":"","Tel\u00e9fono 1":"(787) 608-7128","E-mail":"artesaniaslauriano@hotmail.com","Municipio":"","id":403},{"Nombre":"Ranfis \u00c1lvarez Ruiz","Especificaciones":"","Tel\u00e9fono 1":"(787) 820-1165","E-mail":"","Municipio":"Hatillo PR","id":404},{"Nombre":"Raquel Pagani","Especificaciones":"","Tel\u00e9fono 1":"(787) 796-1144","E-mail":"raquelpagani@gmail.com","Municipio":"Dorado PR","id":405},{"Nombre":"Ra\u00fal E. D\u00edaz Ortiz","Especificaciones":"","Tel\u00e9fono 1":"(787) 370-9724","E-mail":"zulmai1227@yahoo.com","Municipio":"Bayam\u00f3n PR","id":406},{"Nombre":"Raynell Rivera Rivera","Especificaciones":"","Tel\u00e9fono 1":"(787) 834-2329","E-mail":"","Municipio":"Mayag\u00fcez PR","id":407},{"Nombre":"Reinaldo Guerrero Salcedo","Especificaciones":"","Tel\u00e9fono 1":"(787) 872-4403","E-mail":"","Municipio":"Isabela PR","id":408},{"Nombre":"Reinaldo Resto Garc\u00eda","Especificaciones":"","Tel\u00e9fono 1":"(787) 287-0764","E-mail":"lrm_rs7@hotmail.com","Municipio":"Guaynabo PR","id":409},{"Nombre":"Reyes I. Amador Amador","Especificaciones":"","Tel\u00e9fono 1":"(787) 898-3084","E-mail":"","Municipio":"Camuy PR","id":410},{"Nombre":"Reynaldo Resto","Especificaciones":"","Tel\u00e9fono 1":"(787) 287-0764","E-mail":"","Municipio":"Guaynabo PR","id":411},{"Nombre":"Ricardo N\u00fa\u00f1ez Luna","Especificaciones":"","Tel\u00e9fono 1":"(787) 469-9482","E-mail":"crickyart@hotmail.com","Municipio":"Comer\u00edo PR","id":412},{"Nombre":"Richard Cameron","Especificaciones":"juguetes tipicos","Tel\u00e9fono 1":"(787) 404-2012","E-mail":"artesano.cameron@gmail.com","Municipio":"Arecibo PR","id":413},{"Nombre":"Richard J. Daal Estevez","Especificaciones":"","Tel\u00e9fono 1":"(787) 530-7230","E-mail":"richiedaal@hotmail.com","Municipio":"San Juan PR","id":414},{"Nombre":"Roberto L\u00f3pez Arroyo","Especificaciones":"","Tel\u00e9fono 1":"(787) 857-4323","E-mail":"","Municipio":"Barranquitas PR","id":415},{"Nombre":"Roberto Maldonado Rodr\u00edguez","Especificaciones":"","Tel\u00e9fono 1":"(787) 598-8244","E-mail":"","Municipio":"San Juan PR","id":416},{"Nombre":"Roberto Oquendo Vega","Especificaciones":"Animales","Tel\u00e9fono 1":"(787) 224-5795","E-mail":"","Municipio":"Jayuya PR","id":417}]
            function filter(){
       

                // var request = new XMLHttpRequest()
                // request.open('GET','json/MADERA.json',true)
                // request.onload = function(){
                //   var Madera = JSON.parse(this.response)
                // }
                // request.send()
                // var input = document.getElementById('searchbar').value
                // var firstwood = Madera[0].Nombre
                // ons.notification.alert('Searched for: ' + firstwood)
                var input = document.getElementById('searchbar').value
                var x = document.getElementsByClassName('artists');
                input = input.trim().toLowerCase();
                if (input.length == 0){
                    for (i = 0; Madera.length; i++){
                        x[i].style.display = "list-item";
                    }
                }
                else{
                    var foundesp = 0;
                    for (i = 0; i < Madera.length; i++){
                        console.log("damn")
                        //try checking the especificacion first
                        var especificaciones = Madera[i].Especificaciones;
                        especificaciones = especificaciones.split(',');
                        for (var j = 0; j < especificaciones.length; j++){
                            var especificacion = especificaciones[j];
                            especificacion = especificacion.trim().toLowerCase();
                            if (input == especificacion){
                                x[i].style.display = "list-item";
                                foundesp = 1;
                                break;
                            }
                            else{
                                x[i].style.display = "none";
                            }
                        }
                    }
                    if (foundesp != 1){
                        input = input.trim().toLowerCase().split(' ')
                        //changing the input into something that can be searched
                        for (var i = 0; i < input.length; i++){
                            input[i] = input[i].charAt(0).toUpperCase() + input[i].slice(1);
                        }
                        console.log(input);
                        for(var i = 0; i < Madera.length; i++){
                            count = 0;
                            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]){
                                        x[i].style.display = "list-item";
                                        break;
                                    }
                                    else{
                                        x[i].style.display = "none";
                                    }
                                }
                            }
                        }
                    }
                }
            }
        </script>
        
        <template id="search.html">
            <ons-page id="Buscar">

                <p style="text-align: center; margin-top: 10px;">
                    <ons-search-input placeholder="Search" id = "searchbar"
                                      onchange = "filter()"
                                      ></ons-search-input>
                </p>

                <ons-list id="results" src="">
                </ons-list>

                <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]["Tel\u00e9fono 1"]}', email: '${Madera[i]["E-mail"]}', esp: '${Madera[i].Especificaciones}' } })" tappable>
                        <div>${Madera[i].Nombre}</div>
                    </ons-list-item>`);
                        // var artesano = ons.createElement(`
                        //   <ons-list-item class = "artists">
                        //     <div class="center" >${Madera[i].Nombre}</div>
                        //   </ons-list-item>`
                        // );
                        document.getElementById('results').appendChild(artesano);
                    }
                </script>

            </ons-page>
        </template>
        
        <!-- ---------------------------------------------------------------------------------------------------------------------------------------- -->
        
        <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>

<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->

        <template id="renglones.html">
            <ons-page id="renglones">

            <!--div class="search-bar">
                 <p style="text-align: center; margin-top: 10px;">
                    <ons-search-input placeholder="Search" onchange="ons.notification.alert('Searched for: ' + this.value)"
           style="width: 96%; margin: 6px auto 6px auto;"></ons-search-input>
                </p>   
            </div-->

            <ons-card id="list">
              <script type="text/javascript" src="js/renglones.js"></script>
            </ons-card>

                <style>
                    .intro {
                        text-align: center;
                        padding: 20px;
                        margin-top: 30px;
                    }

                    ons-card {
                        cursor: pointer;
                        color: #333;
                    }

                    .card__title,
                    .card--material__title {
                        font-size: 15px;
                    }
                </style>
            </ons-page>


        </template>
        
<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
        
        <template id="ferias.html">
            <ons-page id="ferias">
                <!--<ons-card>
                
                <div id = "caleandar" class = "calendar" style="margin-top: 20px;">
                    <script type="text/javascript" src="calendar_files/js/caleandar.js"></script>
                    <script type="text/javascript" src="calendar_files/js/events.js"></script>
                </div>
                    
                </ons-card>-->
                <br><br><br>
                <button onclick="redirect()">Pasar a la pagina de eventos</button>

              <script>
              function redirect() {
                location.replace("https://facebook.com/icppr")
              }
              </script>
            </ons-page>
        </template>
        
<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
        
        <template id="instituto.html">
            <ons-page id="instituto">
                <ons-card>

                    <h1>Instituto de Cultura Puertorriqueña</h1> 
                    <h3>Ven, descubre lo que nuestra riqueza cultural puertorriqueña tiene para tí.<br> Disfrútala, es tu identidad.
                    </h3>

                    <body>
                        <br>
                        El Instituto de Cultura Puertorriqueña (ICP) tiene como misión investigar, conservar, promover y divulgar la cultura puertorriqueña en su diversidad y complejidad. Con la memoria y la promesa de la cultura, los distintos niveles, sectores, edades e intereses de la comunidad crean el conjunto de modos de vida, costumbres y manifestaciones artísticas que nos identifica como país. El ICP existe para preservar y divulgar estos saberes, difundir internacionalmente nuestro talento y enriquecer el amor a lo propio.
                        <br><br>
                        Nuestras tradiciones no son rígidos objetos de museo, sino actividades vivas en constante renovación y reapropiación, según van también desarrollándose nuevas tradiciones. El respeto a la diversidad, a lo híbrido, a lo apropiado y a lo replanteado también son parte esencial de esta institución que busca activamente la colaboración de todos en un quehacer que debe ser siempre compartido de la mano con su ingente diversidad.
                        <br><br>
                        Prof. Carlos R. Ruiz Cortés<br>
                        Director Ejecutivo<br>
                        Instituto de Cultura Puertorriqueña<br>
                        Directorio Artesanal Cultural PR <img src="img/gobierno.png" style="width:35px;height:35px;border:0;">
                        <br><br>
                    </body>
    

                    Visita nuestra <a href="https://www.icp.pr.gov/">Página Web</a> o síguenos en nuestras redes sociales: <br>
                    <a href="https://twitter.com/icppr"><img src="img/twitter.png" alt="Twitter" style="width:35px;height:35px;border:0;">
                    </a> 
                    <a href="https://facebook.com/icppr"><img src="img/facebook.png" alt="Facebook" style="width:35px;height:35px;border:0;">
                    </a> 
                    <a href="https://youtube.com/user/icppr"><img src="img/youtube.png" alt="Youtube" style="width:35px;height:35px;border:0;">
                    </a> 
                    <a href="https://instagram.com/icppr"><img src="img/instagram.png" alt="Instagram" style="width:35px;height:35px;border:0;">
                    </a> 
                    <!--</div>
                <!--</p>-->
                </ons-card>
            </ons-page>
        </template>

  <script src="js/load.js"></script>
        
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>