{"id":12799,"date":"2024-09-09T13:41:01","date_gmt":"2024-09-09T11:41:01","guid":{"rendered":"https:\/\/www.colegionotarial.org\/actualitat\/cultura-notarial\/"},"modified":"2025-02-11T10:46:21","modified_gmt":"2025-02-11T09:46:21","slug":"biblioteca-conferencies-webinars","status":"publish","type":"page","link":"https:\/\/www.colegionotarial.org\/ca\/actualitat\/biblioteca-conferencies-webinars\/","title":{"rendered":"Biblioteca de confer\u00e8ncies i webinars"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.26.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.26.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjEzODAyIn19@&#8221; button_text=&#8221;Veure arxiu complet&#8221; button_alignment=&#8221;right&#8221; _builder_version=&#8221;4.26.1&#8243; _dynamic_attributes=&#8221;button_url&#8221; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;12px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;Raleway|||on|||||&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][et_pb_text _builder_version=&#8221;4.26.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<style>\n    .supercalendario {\n        display: flex;\n        flex-wrap: wrap;\n        flex-direction: row;\n        justify-content: center;\n        position: relative; \/* Necesario para posicionar el loader *\/\n\t\t\n    }\n\n    \/* Estilo para el loader *\/\n .loader {\n  color: #002169;\n  font-size: 45px;\n  text-indent: -9999em;\n  overflow: hidden;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  position: relative;\n  transform: translateZ(0);\n  animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;\n}\n\t\n\t.loader {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n \n\t}\n\n@keyframes mltShdSpin {\n  0% {\n    box-shadow: 0 -0.83em 0 -0.4em,\n    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,\n    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  5%,\n  95% {\n    box-shadow: 0 -0.83em 0 -0.4em, \n    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, \n    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  10%,\n  59% {\n    box-shadow: 0 -0.83em 0 -0.4em, \n    -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, \n    -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;\n  }\n  20% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,\n     -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, \n     -0.749em -0.34em 0 -0.477em;\n  }\n  38% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,\n     -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, \n     -0.82em -0.09em 0 -0.477em;\n  }\n  100% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, \n    0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n}\n\n@keyframes round {\n  0% { transform: rotate(0deg) }\n  100% { transform: rotate(360deg) }\n}\n \n\t\n\n    #calendar {\n        max-width: 330px;\n        width: 100%;\n    }\n\n    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .entry-content thead th, .entry-content tr th, .entry-content tr td,a {\n        font-family: 'Raleway', 'Aptos', sans-serif;\n    }\n\n    .entry-content thead th, .entry-content tr th, .entry-content tr td {\n        padding: 0!important\n    }\n\n    .ui-widget-header {\n        margin-bottom: 10px!important;\n        background: dodgerblue!important;\n    }\n\n    .ui-widget-content, .ui-widget.ui-widget-content {\n        border: none;\n    }\n\n    .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {\n        cursor: pointer;\n        background-color: rgba(255,255,255,0.2)!important;\n        border: none!important;\n    }\n\n    .ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon {\n        background-image: url(https:\/\/download.jqueryui.com\/themeroller\/images\/ui-icons_ffffff_256x240.png)!important;\n    }\n\n    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {\n        border: 3px solid white!important;\n        background: transparent!important\n    }\n\n    td.has-posts {\n        background-color: #002169!important;\n        color: white!important;\n        font-weight: bold;\n    }\n\n    .ui-state-default, .ui-widget-content .ui-state-default:hover {\n        background: dodgerblue!important;\n        color: white!important;\n        font-weight: bold;\n    }\n\n    #post-titles {\n        width: 100%;\n        max-width: 750px;\n    }\n\n    .has-posts a {\n        background-color: blue !important;\n        color: white !important;\n    }\n\t\n\t.dcnb-custom-post-list .post-item {\n\t\tmin-height: 250px;\n\t}\n<\/style>\n\n\n<div class=\"supercalendario\">\n    <div id=\"calendar\"><\/div>\n    <div id=\"post-titles\">\n        <h4>Seleccioneu un mes del calendari per mostrar els esdeveniments<\/h4>\n        <p>Si ho preferiu, podeu consultar l'arxiu complet<\/p>\n    <\/div>\n\n    <!-- Loader -->\n    <div class=\"loader\" id=\"loader\"><\/div>\n\n    <script>\n        jQuery(document).ready(function($) {\n            \/\/ Inicializar postDates como un array vac\u00edo\n            window.postDates = [];\n\n            \/\/ Mostrar el loader\n            function showLoader() {\n                $('#loader').show();\n            }\n\n            \/\/ Ocultar el loader\n            function hideLoader() {\n                $('#loader').hide();\n            }\n\n            \/\/ Cargar los d\u00edas con posts\n            $.ajax({\n                url: ajaxurl,\n                data: {\n                    action: 'get_post_dates'\n                },\n                beforeSend: function() {\n                    showLoader(); \/\/ Mostrar loader al iniciar la carga\n                },\n                success: function(response) {\n                    window.postDates = response; \/\/ Guardar las fechas de los posts\n                    initializeDatePicker(); \/\/ Inicializar el datepicker despu\u00e9s de cargar las fechas\n                },\n                error: function(xhr, status, error) {\n                    console.error('Error loading post dates:', error);\n                },\n                complete: function() {\n                    hideLoader(); \/\/ Ocultar loader despu\u00e9s de la carga\n                }\n            });\n\n            function initializeDatePicker() {\n                $('#calendar').datepicker({\n                    changeMonth: true,\n                    changeYear: true,\n                    onChangeMonthYear: function(year, month) {\n                        loadPostsForMonth(month, year); \/\/ Cargar posts al cambiar de mes\n                    },\n                    beforeShowDay: function(date) {\n                        var formattedDate = $.datepicker.formatDate('yy-mm-dd', date);\n                        var hasPosts = window.postDates.includes(formattedDate);\n                        return [true, hasPosts ? 'has-posts' : ''];\n                    }\n                });\n\t\t\t\t\n\t\t\t\t\/\/ Cargar los posts del mes actual\n                var currentMonth = new Date().getMonth() + 1; \/\/ +1 porque getMonth() devuelve 0 para enero\n                var currentYear = new Date().getFullYear();\n                loadPostsForMonth(currentMonth, currentYear); \/\/ Cargar posts del mes actual al inicializar\n            }\n\n            \/\/ Funci\u00f3n para cargar los posts del mes seleccionado\n            function loadPostsForMonth(month, year) {\n                $.ajax({\n                    url: ajaxurl,\n                    data: {\n                        action: 'load_posts_by_month',\n                        month: month,\n                        year: year\n                    },\n                    beforeSend: function() {\n                        showLoader(); \/\/ Mostrar loader al cargar posts\n                    },\n                    success: function(response) {\n                        $('#post-titles').html(response);\n                    },\n                    error: function(xhr, status, error) {\n                        console.error('Error loading posts:', error);\n                        $('#post-titles').html('<p>Error loading posts.<\/p>');\n                    },\n                    complete: function() {\n                        hideLoader(); \/\/ Ocultar loader cuando los posts se han cargado\n                    }\n                });\n            }\n        });\n    <\/script>\n<\/div>\n\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"\n<style>\n    .supercalendario {\n        display: flex;\n        flex-wrap: wrap;\n        flex-direction: row;\n        justify-content: center;\n        position: relative; \/* Necesario para posicionar el loader *\/\n\t\t\n    }\n\n    \/* Estilo para el loader *\/\n .loader {\n  color: #002169;\n  font-size: 45px;\n  text-indent: -9999em;\n  overflow: hidden;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  position: relative;\n  transform: translateZ(0);\n  animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;\n}\n\t\n\t.loader {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n \n\t}\n\n@keyframes mltShdSpin {\n  0% {\n    box-shadow: 0 -0.83em 0 -0.4em,\n    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,\n    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  5%,\n  95% {\n    box-shadow: 0 -0.83em 0 -0.4em, \n    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, \n    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  10%,\n  59% {\n    box-shadow: 0 -0.83em 0 -0.4em, \n    -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, \n    -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;\n  }\n  20% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,\n     -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, \n     -0.749em -0.34em 0 -0.477em;\n  }\n  38% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,\n     -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, \n     -0.82em -0.09em 0 -0.477em;\n  }\n  100% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, \n    0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n}\n\n@keyframes round {\n  0% { transform: rotate(0deg) }\n  100% { transform: rotate(360deg) }\n}\n \n\t\n\n    #calendar {\n        max-width: 330px;\n        width: 100%;\n    }\n\n    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .entry-content thead th, .entry-content tr th, .entry-content tr td,a {\n        font-family: 'Raleway', 'Aptos', sans-serif;\n    }\n\n    .entry-content thead th, .entry-content tr th, .entry-content tr td {\n        padding: 0!important\n    }\n\n    .ui-widget-header {\n        margin-bottom: 10px!important;\n        background: dodgerblue!important;\n    }\n\n    .ui-widget-content, .ui-widget.ui-widget-content {\n        border: none;\n    }\n\n    .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {\n        cursor: pointer;\n        background-color: rgba(255,255,255,0.2)!important;\n        border: none!important;\n    }\n\n    .ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon {\n        background-image: url(https:\/\/download.jqueryui.com\/themeroller\/images\/ui-icons_ffffff_256x240.png)!important;\n    }\n\n    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {\n        border: 3px solid white!important;\n        background: transparent!important\n    }\n\n    td.has-posts {\n        background-color: #002169!important;\n        color: white!important;\n        font-weight: bold;\n    }\n\n    .ui-state-default, .ui-widget-content .ui-state-default:hover {\n        background: dodgerblue!important;\n        color: white!important;\n        font-weight: bold;\n    }\n\n    #post-titles {\n        width: 100%;\n        max-width: 750px;\n    }\n\n    .has-posts a {\n        background-color: blue !important;\n        color: white !important;\n    }\n\t\n\t.dcnb-custom-post-list .post-item {\n\t\tmin-height: 250px;\n\t}\n<\/style>\n\n\n<div class=\"supercalendario\">\n    <div id=\"calendar\"><\/div>\n    <div id=\"post-titles\">\n        <h4>Seleccioneu un mes del calendari per mostrar els esdeveniments<\/h4>\n        <p>Si ho preferiu, podeu consultar l'arxiu complet<\/p>\n    <\/div>\n\n    <!-- Loader -->\n    <div class=\"loader\" id=\"loader\"><\/div>\n\n    <script>\n        jQuery(document).ready(function($) {\n            \/\/ Inicializar postDates como un array vac\u00edo\n            window.postDates = [];\n\n            \/\/ Mostrar el loader\n            function showLoader() {\n                $('#loader').show();\n            }\n\n            \/\/ Ocultar el loader\n            function hideLoader() {\n                $('#loader').hide();\n            }\n\n            \/\/ Cargar los d\u00edas con posts\n            $.ajax({\n                url: ajaxurl,\n                data: {\n                    action: 'get_post_dates'\n                },\n                beforeSend: function() {\n                    showLoader(); \/\/ Mostrar loader al iniciar la carga\n                },\n                success: function(response) {\n                    window.postDates = response; \/\/ Guardar las fechas de los posts\n                    initializeDatePicker(); \/\/ Inicializar el datepicker despu\u00e9s de cargar las fechas\n                },\n                error: function(xhr, status, error) {\n                    console.error('Error loading post dates:', error);\n                },\n                complete: function() {\n                    hideLoader(); \/\/ Ocultar loader despu\u00e9s de la carga\n                }\n            });\n\n            function initializeDatePicker() {\n                $('#calendar').datepicker({\n                    changeMonth: true,\n                    changeYear: true,\n                    onChangeMonthYear: function(year, month) {\n                        loadPostsForMonth(month, year); \/\/ Cargar posts al cambiar de mes\n                    },\n                    beforeShowDay: function(date) {\n                        var formattedDate = $.datepicker.formatDate('yy-mm-dd', date);\n                        var hasPosts = window.postDates.includes(formattedDate);\n                        return [true, hasPosts ? 'has-posts' : ''];\n                    }\n                });\n\t\t\t\t\n\t\t\t\t\/\/ Cargar los posts del mes actual\n                var currentMonth = new Date().getMonth() + 1; \/\/ +1 porque getMonth() devuelve 0 para enero\n                var currentYear = new Date().getFullYear();\n                loadPostsForMonth(currentMonth, currentYear); \/\/ Cargar posts del mes actual al inicializar\n            }\n\n            \/\/ Funci\u00f3n para cargar los posts del mes seleccionado\n            function loadPostsForMonth(month, year) {\n                $.ajax({\n                    url: ajaxurl,\n                    data: {\n                        action: 'load_posts_by_month',\n                        month: month,\n                        year: year\n                    },\n                    beforeSend: function() {\n                        showLoader(); \/\/ Mostrar loader al cargar posts\n                    },\n                    success: function(response) {\n                        $('#post-titles').html(response);\n                    },\n                    error: function(xhr, status, error) {\n                        console.error('Error loading posts:', error);\n                        $('#post-titles').html('<p>Error loading posts.<\/p>');\n                    },\n                    complete: function() {\n                        hideLoader(); \/\/ Ocultar loader cuando los posts se han cargado\n                    }\n                });\n            }\n        });\n    <\/script>\n<\/div>\n\n\n","protected":false},"author":1,"featured_media":14049,"parent":11721,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","ngg_post_thumbnail":0,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-12799","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/pages\/12799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/comments?post=12799"}],"version-history":[{"count":10,"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/pages\/12799\/revisions"}],"predecessor-version":[{"id":24599,"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/pages\/12799\/revisions\/24599"}],"up":[{"embeddable":true,"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/pages\/11721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/media\/14049"}],"wp:attachment":[{"href":"https:\/\/www.colegionotarial.org\/ca\/wp-json\/wp\/v2\/media?parent=12799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}