{"id":31998,"date":"2025-02-20T12:58:22","date_gmt":"2025-02-20T10:58:22","guid":{"rendered":"https:\/\/ticsalutsocial.atoom.space\/que-fem\/ambit-social\/reference-documents\/"},"modified":"2025-12-16T14:08:26","modified_gmt":"2025-12-16T12:08:26","slug":"reference-documents","status":"publish","type":"page","link":"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/","title":{"rendered":"Reference documents"},"content":{"rendered":"<div id=\"documents-referencia-list\">\n\n    <div class=\"documents-list documents-list--wrapper\">\n                <div><h1>Social Sphere<\/h1><\/div>\n                <div class=\"docs-search-values\">\n            <input class=\"form-control\" placeholder=\"\" id=\"search_posts\" name=\"_posts\" type=\"text\" autocomplete=\"off\" value=\"\">\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\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\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<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    document.addEventListener(\"DOMContentLoaded\", function(event) {\n        const isArticle = [\"article\", \"article-es\", \"article-en\"]\n        \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 loader = document.getElementById(\"loading-results\");\n        const noResults = document.getElementById(\"no-results\");\n\n        const search = document.getElementById(\"search_posts\");\n        search.addEventListener(\"keyup\", (event) => {\n            console.log(search.value);\n            \n            ajax_resquest(search.value);\n        });\n\n        function ajax_resquest ( keyword = \"\" ) {\n            let lang = document.documentElement.lang;\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: 'ambit-social-en', 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_resquest();\n\n\n\n    });\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":21,"featured_media":0,"parent":13037,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/section--ambit-social.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"tipus":[],"class_list":["post-31998","page","type-page","status-publish","hentry"],"acf":[],"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\/que-fem\/ambit-social\/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:url\" content=\"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/\" \/>\n<meta property=\"og:site_name\" content=\"Fundaci\u00f3 TIC Salut i Social\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-16T12:08:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/\",\"url\":\"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/\",\"name\":\"Reference documents - Fundaci\u00f3 TIC Salut i Social\",\"isPartOf\":{\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/#website\"},\"datePublished\":\"2025-02-20T10:58:22+00:00\",\"dateModified\":\"2025-12-16T12:08:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\/\/ticsalutsocial.atoom.space\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Que Fem\",\"item\":\"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Social area\",\"item\":\"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/\"},{\"@type\":\"ListItem\",\"position\":4,\"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\/que-fem\/ambit-social\/reference-documents\/","og_locale":"en_US","og_type":"article","og_title":"Reference documents - Fundaci\u00f3 TIC Salut i Social","og_url":"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/","og_site_name":"Fundaci\u00f3 TIC Salut i Social","article_modified_time":"2025-12-16T12:08:26+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/","url":"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/","name":"Reference documents - Fundaci\u00f3 TIC Salut i Social","isPartOf":{"@id":"https:\/\/ticsalutsocial.atoom.space\/en\/#website"},"datePublished":"2025-02-20T10:58:22+00:00","dateModified":"2025-12-16T12:08:26+00:00","breadcrumb":{"@id":"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/reference-documents\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/ticsalutsocial.atoom.space\/en\/"},{"@type":"ListItem","position":2,"name":"Que Fem","item":"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/"},{"@type":"ListItem","position":3,"name":"Social area","item":"https:\/\/ticsalutsocial.atoom.space\/en\/que-fem\/ambit-social\/"},{"@type":"ListItem","position":4,"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\/31998","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=31998"}],"version-history":[{"count":3,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/pages\/31998\/revisions"}],"predecessor-version":[{"id":35103,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/pages\/31998\/revisions\/35103"}],"up":[{"embeddable":true,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/pages\/13037"}],"wp:attachment":[{"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/media?parent=31998"}],"wp:term":[{"taxonomy":"tipus","embeddable":true,"href":"https:\/\/ticsalutsocial.atoom.space\/en\/wp-json\/wp\/v2\/tipus?post=31998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}