{"id":31535,"date":"2025-03-17T14:08:45","date_gmt":"2025-03-17T12:08:45","guid":{"rendered":"https:\/\/ticsalutsocial.atoom.space\/documentos-de-referencia\/"},"modified":"2025-11-28T12:20:29","modified_gmt":"2025-11-28T10:20:29","slug":"documentos-de-referencia","status":"publish","type":"page","link":"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/","title":{"rendered":"Documentos de Referencia"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">A continuaci\u00f3n puedes consultar y descargar todos los documentos publicados a la fundaci\u00f3n.<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Aqu\u00ed encontraras informes, gu\u00edas, art\u00edculos cient\u00edficos o infograf\u00edas de las diferentes \u00e1reas de trabajo de nuestra organizaci\u00f3n.<\/h3>\n\n\n\n<p><\/p>\n\n\n\n<section id=\"documents-referencia-list\">\n    <div class=\"documents-list documents-list--wrapper\">\n        <div class=\"docs-search-values\">\n            <div>\n                                <label for=\"type-picker\">Tipo<\/label>\n                <select id=\"type-picker\">\n                    <option value=\"all\">Todos<\/option>\n                    <option value=\"document\">Documento<\/option>\n                    <option value=\"article\">Art\u00edculo<\/option>\n                <\/select>\n                            <\/div>\n            <div>\n                                <label for=\"taxonomy-picker\">\u00c1rea tem\u00e1tica<\/label>\n                <select id=\"taxonomy-picker\">\n                    <option value=\"all\">Todos<\/option>\n                    <option value=\"actius-digitals-new\">Activos Digitales<\/option>\n                    <option value=\"ambit-social\">\u00c1mbito Social<\/option>\n                    <option value=\"atencio-digital-new\">Atenci\u00f3n Digital Personalizada<\/option>\n                    <option value=\"competencies-digitals-new\">Competencias Profesionales<\/option>\n                    <option value=\"ehealth-new\">eHealth<\/option>\n                    <option value=\"inteligencia-artificial-new\">Inteligencia Artificial<\/option>\n                    <option value=\"mapa-tendencies-new\">Mapa de Tendencias<\/option>\n                    <option value=\"altres-publicacions-new\">Otras publicaciones<\/option>\n                <\/select>\n                            <\/div>\n            <div>\n                                    <label for=\"date-picker\">Fecha<\/label>\n                                <input type=\"date\" id=\"date-picker\">\n            <\/div>\n            <div style=\"width:100%;\">\n                                    <label for=\"search_posts\">Nombre<\/label>\n                                <input class=\"form-control\" placeholder=\"\" id=\"search_posts\" name=\"_posts\" type=\"text\" autocomplete=\"off\" value=\"\">\n            <\/div>\n            <input type=\"hidden\" value=\"https:\/\/ticsalutsocial.atoom.space\/wp-admin\/admin-ajax.php\" id=\"ajax_url_input\">\n        <\/div>\n        <div>\n            <div id=\"loading-results\" class=\"documents-list--results\" style=\"display:none;\">Carregant documents...<\/div>\n            <div id=\"no-results\" class=\"documents-list--results\" style=\"display:none;\">No s'han trobat documents amb els criteris introduits.<\/div>\n            <div id=\"ajax-result\" class=\"documents-list--results flex-column\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<template id=\"file-template\">\n    <div class=\"documents-list--item-wrapper\">\n        <a class=\"documents-list--item flex\" target=\"_blank\">\n            <div class=\"title-wrapper\">\n                <p class=\"title\"><\/p>\n                <p class=\"date\"><\/p>\n            <\/div>\n            <div class=\"info-wrapper\">\n                                    <button class=\"tic-btn\">Ver<\/button>\n                            <\/div>\n        <\/a>\n    <\/div>\n<\/template>\n\n<template id=\"article-template\">\n    <div class=\"documents-list--item-wrapper\">\n        <a class=\"documents-list--item flex\" target=\"_blank\">\n            <div class=\"title-wrapper\">\n                <p class=\"authors\"><\/p>\n                <p class=\"title\"><\/p>\n                <p class=\"subtitle\"><\/p>\n                <p class=\"date\"><\/p>\n            <\/div>\n            <div class=\"info-wrapper\">\n                                    <button class=\"tic-btn\">Ver<\/button>\n                            <\/div>\n        <\/a>\n    <\/div>\n<\/template>\n\n<style>\n    #documents-referencia-list .documents-list #search_posts {\n        margin-bottom: 0;\n    }\n    #documents-referencia-list .docs-search-values {\n        display: flex;\n        gap: 10px;\n        margin-bottom: 20px;\n    }\n    #documents-referencia-list .docs-search-values label {\n        color: #10069d;\n        font-weight: bold;\n        font-size: 11px;\n        text-transform: uppercase;\n    }\n    #documents-referencia-list .docs-search-values select,\n    #documents-referencia-list .docs-search-values input {\n        font-size: 16px;\n        line-height: 26px;\n        color: #262626;\n        font-family: 'HelveticaNowDisplay-Regular';\n        border: 2px solid #10059f;\n        padding: 5px 10px;\n        height: 40px;\n    }\n    #documents-referencia-list-taxonomies {\n        padding: 0;\n        border-bottom: 3px solid #10069F;\n        margin-bottom: 15px;\n        display: flex;\n        flex-wrap: wrap;\n    }\n    #documents-referencia-list-taxonomies a {\n        padding: 8px 20px;\n        transition: all .5s ease;\n        cursor: pointer;\n        display: block;\n        float: left;\n    }\n    #documents-referencia-list-taxonomies a.active,\n    #documents-referencia-list-taxonomies a:hover {\n        background-color: #10069F;\n        color: #fff;\n        font-weight: bold;\n    }\n    #documents-referencia-list .documents-list--results {\n        border-left: 5px solid #10069F;\n        background-color: #faf9f7;\n        gap: 10px;\n        padding: 10px 20px;\n    }\n    #documents-referencia-list .documents-list--item-wrapper {\n        width: 100% !important;\n        margin: 0 !important;\n    }\n    #documents-referencia-list .documents-list--item {\n        justify-content: space-between;\n        background-color: #fff;\n    }\n    #documents-referencia-list .documents-list--item .info-wrapper {\n        display: flex;\n        gap: 20px;\n        width: 25%;\n        justify-content: end;\n        align-items: center\n    }\n    #documents-referencia-list .documents-list--item .info-wrapper p {\n        margin: 0;\n    }\n    #documents-referencia-list .documents-list--item .info-wrapper .icon {\n        width: 15px;\n        border-radius: 0;\n    }\n    .documents-list--item .title-wrapper {\n        max-width: 75%;\n    }\n    @media (max-width: 767px) {\n        #documents-referencia-list .documents-list--item .info-wrapper {\n            width: 100%;\n        }\n        .docs-search-values {\n            flex-wrap: wrap;\n        }\n        .docs-search-values div:not(:last-child) {\n            display: flex;\n            flex-direction: column;\n            width: calc(33.33% - 10px);\n        }\n        .documents-list--item .title-wrapper {\n            max-width: 100%;\n        }\n    }\n    .tic-btn {\n        text-decoration: none;\n        float: left;\n        width: auto;\n        background: none;\n        border: 2px solid #10069d;\n        padding: 8px 40px;\n        font-family: 'HelveticaNowDisplay-Bold';\n        font-size: 14px;\n        line-height: 20px;\n        color: #10069d;\n        border-radius: 25px;\n        transition: all .5s ease;\n        text-transform: uppercase;\n    }\n    .documents-list--item:hover .tic-btn {\n        text-decoration: none;\n        background: #10069d;\n        color: #ffffff;\n    }\n<\/style>\n\n<script>\n    let searchKeyword = \"\";\n    let searchDate = \"\";\n    let taxonomy;\n    let type;\n\n    \n    document.addEventListener(\"DOMContentLoaded\", function(event) {\n        const isArticle = [\"article\", \"article-es\", \"article-en\"]\n        const doc_list = document.getElementById(\"ajax-result\");\n        const item_template = document.getElementById(\"file-template\");\n        const article_template = document.getElementById(\"article-template\");\n        const datePicker = document.getElementById(\"date-picker\");\n        const taxonomyPicker = document.getElementById(\"taxonomy-picker\");\n        const typePicker = document.getElementById(\"type-picker\");\n        const loader = document.getElementById(\"loading-results\");\n        const noResults = document.getElementById(\"no-results\");\n        taxonomy = taxonomyPicker.value;\n        type = typePicker.value;\n        \n        \/\/let taxonomy = \"activos-digitales\"; \/\/ Default open taxonomy\n\n        const search = document.getElementById(\"search_posts\");\n        search.addEventListener(\"keyup\", (event) => {\n            \/\/console.log(search.value);\n            \n            searchKeyword = search.value;\n            ajax_request(searchKeyword, searchDate, type);\n        });\n        taxonomyPicker.addEventListener(\"change\", (event) => {\n            console.log(taxonomyPicker.value);\n\n            taxonomy = taxonomyPicker.value;\n            ajax_request(searchKeyword, searchDate, type);\n        });\n        typePicker.addEventListener(\"change\", (event) => {\n            console.log(typePicker.value);\n\n            type = typePicker.value;\n            ajax_request(searchKeyword, searchDate, type);\n        });\n        datePicker.addEventListener(\"change\", (event) => {\n            \/\/console.log(event.target.value);\n            \n            searchDate = event.target.value;\n            ajax_request(searchKeyword, searchDate, type);\n\n        });\n\n        function ajax_request ( keyword = \"\", searchDate = \"\", type = \"all\" ) {\n            let lang = document.documentElement.lang;\n            if(!type) type = false;\n            $.ajax({\n                type: 'POST',\n                url: 'https:\/\/ticsalutsocial.atoom.space\/wp-admin\/admin-ajax.php',\n                dataType: \"json\", \/\/ add data type\n                data: { action : 'get_ajax_posts', keyword: keyword, taxonomy: taxonomy, filter : true, fecha: searchDate, type : type, lang: lang },\n                beforeSend: function() {\n                    \/\/$(\".loader\").show();\n                    loader.style.display = \"block\";\n                    doc_list.style.display = \"none\";\n                    noResults.style.display = \"none\";\n                },\n                success: function( response ) {\n                    doc_list.innerHTML = \"\";\n                    console.log( response );\n                    if ( response.length ) {\n                        $.each( response, function( key, value ) {\n                            if(value.type) {\n                                console.log( key, value ); \/\/ that's the posts data.\n                                let template;\n                                if(value.type.length) {\n                                    if(isArticle.includes(value.type[0].slug)) {\n                                        template = article_template.content.cloneNode(true);\n                                    } else {\n                                        template = item_template.content.cloneNode(true);\n                                    }\n                                } else {\n                                    template = item_template.content.cloneNode(true);\n                                }\n        \n                                let title = template.querySelector('.title');\n                                title.textContent = value.title;\n                                \/*if(!value.type) {\n                                    let file_size = template.querySelector('.file-size');\n                                    file_size.textContent = value.file_size;\n                                }*\/\n                                let url = template.querySelector('a');\n                                if(isArticle.includes(value.type[0].slug)) {\n                                    url.href = value.url;\n                                } else {\n                                    url.href = value.document;\n                                }\n                                let date = template.querySelector('.date');\n                                \n                                \n                                date.textContent = 'Data de publicaci\u00f3: ' + value.publish_date;\n                                \n                                doc_list.append(template);\n                            }\n                        } );\n                        loader.style.display = \"none\";\n                        doc_list.style.display = \"flex\";\n                    } else {\n                        loader.style.display = \"none\";\n                        noResults.style.display = \"block\";\n                    }\n                }\n            });\n        }\n        ajax_request();\n\n        const taxonomy_btns = document.querySelectorAll(\"#documents-referencia-list-taxonomies a\");\n\n        taxonomy_btns.forEach( (element) => {\n            element.addEventListener(\"click\", function (e) {\n                e.preventDefault();\n                taxonomy_btns.forEach((btn) => btn.classList.remove(\"active\"));\n                element.classList.add(\"active\");\n\n                taxonomy = element.getAttribute(\"value\");\n                ajax_request();\n            });\n        });\n\n    });\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>A continuaci\u00f3n puedes consultar y descargar todos los documentos publicados a la fundaci\u00f3n. Aqu\u00ed encontraras informes, gu\u00edas, art\u00edculos cient\u00edficos o infograf\u00edas de las diferentes \u00e1reas de trabajo de nuestra organizaci\u00f3n.<\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/blank-page-ticsalut.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"tipus":[],"class_list":["post-31535","page","type-page","status-publish","hentry"],"acf":{"tipus_plantilla":"objectius","template_objectius":{"cont_principal":"","imatge":false,"cont_seguent":{"titol":"","contingut":""},"seccio_llistat":{"titol":"","llistat":false},"objectius":{"titol":"","objectius":false},"documents":false},"finalitzat":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Documentos de Referencia - Fundaci\u00f3 TIC Salut i Social<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Documentos de Referencia - Fundaci\u00f3 TIC Salut i Social\" \/>\n<meta property=\"og:description\" content=\"A continuaci\u00f3n puedes consultar y descargar todos los documentos publicados a la fundaci\u00f3n. Aqu\u00ed encontraras informes, gu\u00edas, art\u00edculos cient\u00edficos o infograf\u00edas de las diferentes \u00e1reas de trabajo de nuestra organizaci\u00f3n.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/\" \/>\n<meta property=\"og:site_name\" content=\"Fundaci\u00f3 TIC Salut i Social\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-28T10:20:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/\",\"url\":\"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/\",\"name\":\"Documentos de Referencia - Fundaci\u00f3 TIC Salut i Social\",\"isPartOf\":{\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/es\/#website\"},\"datePublished\":\"2025-03-17T12:08:45+00:00\",\"dateModified\":\"2025-11-28T10:20:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\/\/ticsalutsocial.atoom.space\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentos de Referencia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/es\/#website\",\"url\":\"https:\/\/ticsalutsocial.atoom.space\/es\/\",\"name\":\"Fundaci\u00f3 TIC Salut i Social\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ticsalutsocial.atoom.space\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Documentos de Referencia - Fundaci\u00f3 TIC Salut i Social","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/","og_locale":"es_ES","og_type":"article","og_title":"Documentos de Referencia - Fundaci\u00f3 TIC Salut i Social","og_description":"A continuaci\u00f3n puedes consultar y descargar todos los documentos publicados a la fundaci\u00f3n. Aqu\u00ed encontraras informes, gu\u00edas, art\u00edculos cient\u00edficos o infograf\u00edas de las diferentes \u00e1reas de trabajo de nuestra organizaci\u00f3n.","og_url":"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/","og_site_name":"Fundaci\u00f3 TIC Salut i Social","article_modified_time":"2025-11-28T10:20:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/","url":"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/","name":"Documentos de Referencia - Fundaci\u00f3 TIC Salut i Social","isPartOf":{"@id":"https:\/\/ticsalutsocial.atoom.space\/es\/#website"},"datePublished":"2025-03-17T12:08:45+00:00","dateModified":"2025-11-28T10:20:29+00:00","breadcrumb":{"@id":"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ticsalutsocial.atoom.space\/es\/documentos-de-referencia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/ticsalutsocial.atoom.space\/es\/"},{"@type":"ListItem","position":2,"name":"Documentos de Referencia"}]},{"@type":"WebSite","@id":"https:\/\/ticsalutsocial.atoom.space\/es\/#website","url":"https:\/\/ticsalutsocial.atoom.space\/es\/","name":"Fundaci\u00f3 TIC Salut i Social","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ticsalutsocial.atoom.space\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/pages\/31535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/comments?post=31535"}],"version-history":[{"count":7,"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/pages\/31535\/revisions"}],"predecessor-version":[{"id":34816,"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/pages\/31535\/revisions\/34816"}],"wp:attachment":[{"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/media?parent=31535"}],"wp:term":[{"taxonomy":"tipus","embeddable":true,"href":"https:\/\/ticsalutsocial.atoom.space\/es\/wp-json\/wp\/v2\/tipus?post=31535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}