123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783 |
- <!DOCTYPE html>
-
- <html>
- <head>
-
-
- <meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data:">
-
- <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"/>
-
- <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, height=device-height, 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>
- <script type="text/javascript" src="js/saveLocal.js"></script>
-
-
- </head>
- <body>
-
-
-
-
- <ons-page>
- <ons-toolbar>
- <div class="center">Artesanias PR</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" active></ons-tab>
- <ons-tab page="renglones.html" label="Artesanías"></ons-tab>
- <ons-tab page ="search.html" label="Buscar"> </ons-tab>
-
- <ons-tab page="instituto.html" label="Colab"></ons-tab>
- </ons-tabbar>
- </ons-page>
-
-
-
-
- <template id="home.html">
-
- <ons-page id="home" class="red">
-
- <ons-card id="azar">
-
-
- <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 Esp = this.data.esp.split(', ');
-
- var artesanos_json = this.data.json;
-
-
-
- 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]);
- }
- }
-
-
-
-
-
- for(var i=0; i<results.length; i++) {
-
-
- Artesanos=Artesanos+`<a id='home.html'>${results[i].Nombre} | ${results[i].Municipio}<br>`
-
- }
-
-
- 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["Telefono 1"]}<br>
- Correo Electr\u00f3nico: ${Artesano["E-mail"]}<br>
- </div>
- </ons-list-item>`
- );
- };
-
-
-
-
- for (Artesano of artesanos_json) {
-
- var cont = 0;
- var lista = document.getElementById('artesanos-list');
-
-
-
-
- if (Artesano.Municipio.trim().length != 0) {
- cont ++;
- }
- if (Artesano["Telefono 1"].trim().length != 0) {
- cont ++;
- }
- if (Artesano["E-mail"].trim().length != 0 & Artesano["E-mail"].toUpperCase().trim() != "NO TIENE") {
- cont ++;
- }
- if (Artesano.Especificacion.trim().length != 0) {
- cont ++;
- }
-
-
-
-
-
-
- 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>
- <div class="title">${Artesano.Nombre}</div>
- </ons-list-item>`);
-
-
-
- if(cont == 0){
-
-
- }
- 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 Esp = this.data.esp.split(', ');
- var artesanos_json = this.data.json;
-
-
- 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 = ``;
-
-
-
- var results = [];
- var searchVal = "my Name";
- for (var i=0 ; i < artesanos_json.length ; i++)
- {
- if (artesanos_json[i].Especificacion.includes(Esp[num])) {
- results.push(artesanos_json[i]);
- }
- }
-
-
-
-
- for(var i=0; i<results.length; i++) {
-
-
- Artesanos+=`${results[i].Nombre}|`
- ArtesanosInfo+=`${results[i].Municipio}|${results[i]["Telefono 1"]}|${results[i]["E-mail"]}|${results[i].Especificacion}&&`
-
- }
-
- 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) {
-
-
- 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],
- redes = lot[4];
-
- 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>`;
- }
-
-
- 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>
-
-
-
-
-
- <script src = "js/searchfunctions.js"></script>
- <script>
-
-
-
- var all_artesanos = JSON.parse(window.localStorage.getItem('TODOS'));
- function filter(){
-
-
-
-
-
- var input = document.getElementById('searchbar').value;
- var inputarte = document.getElementById('searchartesania').value;
- var inputmuni = document.getElementById('searchbarmunicipio').value;
- var x = document.getElementsByClassName('artists');
-
-
- input = input.trim().toLowerCase();
- inputarte = inputarte.trim().toLowerCase();
- inputmuni = inputmuni.trim().toLowerCase();
- input = acento_replace(input);
- inputarte = acento_replace(inputarte);
- inputmuni = acento_replace(inputmuni);
-
- if (input.length <= 3 && inputarte.length <= 3 && inputmuni.length <= 3){
- for (var i = 0; all_artesanos.length; i++){
- x[i].style.display = "list-item";
- }
- }
- else{
- var cases = 0;
- cases = getcasenum(input,inputarte,inputmuni);
-
- for (var i = 0; i < all_artesanos.length; i++){
- x[i].style.display = "none";
- }
- switch(cases){
-
- case 1:
- filter_municipios(inputmuni);
- break;
-
- case 2:
- filter_artesanias(inputarte);
- break;
-
- case 3:
- search_art_mun(inputarte,inputmuni);
- break;
-
- case 4:
- filter_any(input);
- break;
-
- case 5:
- search_any_mun(input,inputmuni);
- break;
-
- case 6:
- search_any_art(input,inputarte);
- break;
-
- case 7:
- search_any_art_mun(input,inputarte,inputmuni);
- break;
- }
- }
- }
- </script>
-
- <template id="search.html">
- <ons-navigator swipeable animation="slide" id="SNavigator">
- <ons-page id="Buscar">
-
-
- <p style="text-align: center; margin-top: 10px;">
- <ons-search-input placeholder="Busqueda en cualquiera" id = "searchbar"
- onkeyup = "filter()"></ons-search-input>
- <ons-search-input placeholder="Busqueda por artesanias" id = "searchartesania"
- onkeyup = "filter()"></ons-search-input>
- <ons-search-input placeholder = "Busqueda por municipio" id = "searchbarmunicipio"
- onkeyup = "filter()"></ons-search-input>
- </p>
-
- <ons-list id="results" src="">
- </ons-list>
-
- <script>
-
-
- 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>
- <div>${all_artesanos[i].Nombre}</div>
- </ons-list-item>`);
- document.getElementById('results').appendChild(artesano);
- }
- </script>
-
- </ons-page>
- </ons-navigator>
- </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 data = '',
- mun = this.data.mun,
- tel = this.data.tel,
- em = this.data.email,
- esp = this.data.esp,
- redes = this.data.redes;
-
-
- 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(mun.trim() != ""){
- data+='Municipio: '+ mun +'<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(tel.trim() != "" ){
- data+='Tel\u00e9fono: <a style="color:blue" href="tel: '+ tel +'"><u>'+ tel +'</u></a><br>';
- }
-
- console.log("Redes: "+redes);
-
-
-
-
-
-
- if(redes.includes("facebook")){
-
- console.log(redes.substring(1,redes.length-2));
- data+='<br><a href="'+ redes.substring(1,redes.length-2) + '"><img src="img/facebook.png" alt="Facebook"style="width:35px;height:35px;border:0;"><br>';
- }
- else if(redes.includes("instagram")){
- console.log(redes.substring(1,redes.length-2));
- data+='<br><a href="'+ redes.substring(1,redes.length-2) + '"><img src="img/instagram.png" alt="Instagram"style="width:35px;height:35px;border:0;"><br>';
- }
- else if(redes.includes("myspace")){
- console.log(redes.substring(1,redes.length-2));
- data+='<br><a href="'+ redes.substring(1,redes.length-2) + '"><img src="img/MySpace.png" alt="MySpace"style="width:35px;height:35px;border:0;"><br>';
- }
- else if((redes.includes(".org") || redes.includes(".com")) && !redes.includes("mailto")){
- redes = redes.substr(redes.indexOf("#")+1,redes.length);
- redes = redes.substr(0, redes.length-1);
- console.log(redes);
- data+='<br><a href="'+ redes + '"><img src="img/internet.jpg" style="width:35px;height:35px;border:0;"><br>';
- }
- else if(redes.includes("#") || redes.includes("mailto")){
- console.log("tiene un disparate");
- } else {
- console.log("no tiene nada");
- }
-
-
- document.getElementById("all").innerHTML = `${data}`;
-
- }
- </script>
- </ons-page>
- </template>
-
-
-
- <template id="renglones.html">
- <ons-navigator swipeable animation="slide" id="myNavigator">
- <ons-page id="renglones">
-
-
-
-
- <ons-card id="list">
- <script type="text/javascript" src="js/renglones.js"></script>
- </ons-card>
-
-
- <script>
- const hideAll = () => {
- Array.from(document.querySelector('#list').children)
- .forEach(item => {
- if (item.expanded) {
- item.hideExpansion();
- }
- });
- };
- </script>
-
- <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>
- </ons-navigator>
-
- </template>
-
-
-
-
-
-
-
-
- <template id="instituto.html">
- <ons-page id="instituto">
- <ons-card>
-
- <h1>Colaboradores</h1>
- <h2>Instituto de Cultura Puertorriqueña</h2>
- <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>
-
- <br><br><br>
- <button onclick="redirect()">Pasar a la pagina de eventos</button>
-
- <script>
- function redirect() {
- location.replace("https://facebook.com/icppr")
- }
- </script>
-
- <br><br>
- <h2>SINFINESPR</h2>
- <br><br>
- <h2>Fundación Titín</h2>
-
- </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>
|