{"id":31803,"date":"2025-03-17T14:08:45","date_gmt":"2025-03-17T12:08:45","guid":{"rendered":"https:\/\/ticsalutsocial.atoom.space\/publications-2\/"},"modified":"2025-11-28T12:19:55","modified_gmt":"2025-11-28T10:19:55","slug":"reference-documents","status":"publish","type":"page","link":"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/","title":{"rendered":"Reference Documents"},"content":{"rendered":"\r\n<h3 class=\"wp-block-heading\">Below you can view and download all the documents published by the foundation.<\/h3>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Here you will find reports, guides, scientific articles, and infographics from the different areas of work within our organization.<\/h3>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\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\">Type<\/label>\n                <select id=\"type-picker\">\n                    <option value=\"all\">All<\/option>\n                    <option value=\"document\">Document<\/option>\n                    <option value=\"article\">Article<\/option>\n                <\/select>\n                            <\/div>\n            <div>\n                                <label for=\"taxonomy-picker\">\u00c0rea tem\u00e0tica<\/label>\n                <select id=\"taxonomy-picker\">\n                    <option value=\"all\">All<\/option>\n                    <option value=\"actius-digitals-new\">Digital Assets<\/option>\n                    <option value=\"ambit-social\">Social Area<\/option>\n                    <option value=\"atencio-digital-new\">Personalised Digital Care<\/option>\n                    <option value=\"competencies-digitals-new\">Professional Skills<\/option>\n                    <option value=\"ehealth-new\">eHealth<\/option>\n                    <option value=\"inteligencia-artificial-new\">Artificial Intelligence<\/option>\n                    <option value=\"mapa-tendencies-new\">Map of Trends<\/option>\n                    <option value=\"altres-publicacions-new\">Other publications<\/option>\n                <\/select>\n                            <\/div>\n            <div>\n                                    <label for=\"date-picker\">Date<\/label>\n                                <input type=\"date\" id=\"date-picker\">\n            <\/div>\n            <div style=\"width:100%;\">\n                                    <label for=\"search_posts\">Name<\/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\">View<\/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\">View<\/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>Below you can view and download all the documents published by the foundation. Here you will find reports, guides, scientific articles, and infographics from the different areas of work within our organization. &nbsp;<\/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-31803","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>Reference Documents - 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\/en\/reference-documents\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reference Documents - Fundaci\u00f3 TIC Salut i Social\" \/>\n<meta property=\"og:description\" content=\"Below you can view and download all the documents published by the foundation. Here you will find reports, guides, scientific articles, and infographics from the different areas of work within our organization. &nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/\" \/>\n<meta property=\"og:site_name\" content=\"Fundaci\u00f3 TIC Salut i Social\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-28T10:19:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/\",\"url\":\"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/\",\"name\":\"Reference Documents - Fundaci\u00f3 TIC Salut i Social\",\"isPartOf\":{\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/#website\"},\"datePublished\":\"2025-03-17T12:08:45+00:00\",\"dateModified\":\"2025-11-28T10:19:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\/\/ticsalutsocial.atoom.space\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reference Documents\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/#website\",\"url\":\"https:\/\/ticsalutsocial.atoom.space\/en\/\",\"name\":\"Fundaci\u00f3 TIC Salut i Social\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ticsalutsocial.atoom.space\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Reference Documents - 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\/en\/reference-documents\/","og_locale":"en_US","og_type":"article","og_title":"Reference Documents - Fundaci\u00f3 TIC Salut i Social","og_description":"Below you can view and download all the documents published by the foundation. Here you will find reports, guides, scientific articles, and infographics from the different areas of work within our organization. &nbsp;","og_url":"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/","og_site_name":"Fundaci\u00f3 TIC Salut i Social","article_modified_time":"2025-11-28T10:19:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/","url":"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/","name":"Reference Documents - Fundaci\u00f3 TIC Salut i Social","isPartOf":{"@id":"https:\/\/ticsalutsocial.atoom.space\/en\/#website"},"datePublished":"2025-03-17T12:08:45+00:00","dateModified":"2025-11-28T10:19:55+00:00","breadcrumb":{"@id":"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ticsalutsocial.atoom.space\/en\/reference-documents\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/ticsalutsocial.atoom.space\/en\/"},{"@type":"ListItem","position":2,"name":"Reference Documents"}]},{"@type":"WebSite","@id":"https:\/\/ticsalutsocial.atoom.space\/en\/#website","url":"https:\/\/ticsalutsocial.atoom.space\/en\/","name":"Fundaci\u00f3 TIC Salut i Social","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ticsalutsocial.atoom.space\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/pages\/31803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/comments?post=31803"}],"version-history":[{"count":9,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/pages\/31803\/revisions"}],"predecessor-version":[{"id":34817,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/pages\/31803\/revisions\/34817"}],"wp:attachment":[{"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/media?parent=31803"}],"wp:term":[{"taxonomy":"tipus","embeddable":true,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/tipus?post=31803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}