{"id":18622,"date":"2023-03-16T12:59:55","date_gmt":"2023-03-16T11:59:55","guid":{"rendered":"https:\/\/www.cinc.com\/actos\/"},"modified":"2025-09-30T11:08:26","modified_gmt":"2025-09-30T10:08:26","slug":"actos","status":"publish","type":"page","link":"https:\/\/www.cinc.com\/es\/actos\/","title":{"rendered":"Eventos"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-51198722 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\"><div class=\"light-section-wrapper\" style=\"background-color: rgb(255, 255, 255); padding: 3rem 0;\">\n<div class=\"light-section-container content-max-width\">\n\t<div class=\"wp-block-humpton-gutenberg-container content-row\">\n<div x-data=\"eventsCalendar()\" class=\"wp-block-cinc-blocks-events-calendar\">\n\t<div class=\"wp-block-cinc-blocks-events-calendar__calendar\">\n\n\t\t<div class=\"calendar__header\">\n\t\t\t<button \n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"calendar__header__button\" \n\t\t\t\t\t:disabled=\"month == minMonth &#038;&#038; year == minYear\"\n\t\t\t\t\t@click=\"prevMonth(); getNoOfDays()\">\n\t\t\t\t\t<svg class=\"calendar__header__button__icon\"  fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\n\t\t\t\t\t<\/svg>  \n\t\t\t\t\tPrev\t\t\t<\/button>\t\n\t\t\t<div class=\"calendar__header__month\">\n\t\t\t\t<span x-text=\"MONTH_NAMES[month]\" class=\"text-lg font-bold text-gray-800\"><\/span>\n\t\t\t\t<span x-text=\"year\" class=\"ml-1 text-lg text-gray-600 font-normal\"><\/span>\n\t\t\t<\/div>\n\t\t\t<button \n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"calendar__header__button calendar__header__button--next\" \n\t\t\t\t:disabled=\"month == maxMonth &#038;&#038; year == maxYear\"\n\t\t\t\t@click=\"nextMonth(); getNoOfDays()\">\n\t\t\t\tSiguiente\t\t\t\t<svg class=\"calendar__header__button__icon\"  fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\n\t\t\t\t<\/svg>\t\t\t\t\t\t\t\t\t  \n\t\t\t<\/button>\n\t\t<\/div>\t\n\n\t\t<div class=\"calendar__body\">\n\t\t\t<div class=\"calendar__body__weekdays\">\n\t\t\t\t<template x-for=\"(day, index) in DAYS\" :key=\"index\">\t\n\t\t\t\t\t<div\n\t\t\t\t\t\tx-text=\"day\" \n\t\t\t\t\t\tclass=\"calendar__body__weekdays__item\"><\/div>\n\t\t\t\t<\/template>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"calendar__body__days\">\n\t\t\t\t<template x-for=\"blankday in blankdays\">\n\t\t\t\t\t<div class=\"calendar__body__days__item\"><\/div>\n\t\t\t\t<\/template>\t\n\t\t\t\t<template x-for=\"(date, dateIndex) in no_of_days\" :key=\"dateIndex\">\t\n\t\t\t\t\t<div class=\"calendar__body__days__item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t@click=\"selectDate(date)\"\n\t\t\t\t\t\t\tx-text=\"date\"\n\t\t\t\t\t\t\tclass=\"calendar__body__days__item__button\"\n\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t'calendar__body__days__item__button--is-selected': isSelected(date), \n\t\t\t\t\t\t\t\t'calendar__body__days__item__button--has-events': hasEvents(date) \n\t\t\t\t\t\t\t}\"\t\n\t\t\t\t\t\t><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/template>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"wp-block-cinc-blocks-events-calendar__current\">\n\t\t<template x-for=\"event in selectedEvents\">\n\t\t\t<div class=\"cinc-calendar-event\">\n\t\t\t\t<img x-bind:src=\"event.thumbnail\" x-bind:alt=\"event.title\">\n\t\t\t\t<div class=\"cinc-calendar-event__meta\">\n\t\t\t\t\t<span x-text=\"event.types\"><\/span>\n\t\t\t\t\t&#8211; <span x-text=\"event.price\"><\/span>\n\t\t\t\t\t&#8211; <span x-text=\"event.town\"><\/span>\n\t\t\t\t\t&#8211; <span x-text=\"event.localeDate\"><\/span>\n\t\t\t\t\t&#8211; <span x-text=\"event.hour\"><\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<h3 x-html=\"event.title\"><\/h3>\n\t\t\t\t<div x-html=\"event.description\"><\/div>\n\t\t\t\t<a x-bind:href=\"event.link\" class=\"cinc-calendar-event__button\" x-text=\"event.open ? 'Inscription' : 'More info'\"><\/a>\n\t\t\t<\/div>\n\t\t<\/template>\n\t\t<div x-show=\"isEmptyDay()\">\n\t\t\tNo events scheduled for this day\t\t<\/div>\n\t<\/div>\n\t<div class=\"wp-block-cinc-blocks-events-calendar__filters\">\n\t\t<div class=\"wp-block-cinc-blocks-events-calendar__filters__section\">\n\t\t\t<strong class=\"wp-block-cinc-blocks-events-calendar__filters__title\">Location<\/strong>\n\t\t\t<ul class=\"cinc-calendar-filter\">\n\t\t\t\t<template x-for=\"filter in filterTowns\">\n\t\t\t\t\t<li class=\"cinc-calendar-filter__item\">\n\t\t\t\t\t\t<input type=\"checkbox\" x-model=\"towns\" x-bind:value=\"filter\" x-bind:id=\"`filter-type-${filter}`\" x-on:change=\"getEvents\">\n\t\t\t\t\t\t<label x-text=\"filter\" x-bind:for=\"`filter-type-${filter}`\"><\/label>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/template>\n\t\t\t<\/ul>\n\t\t<\/div>\n\t\t<div class=\"wp-block-cinc-blocks-events-calendar__filters__section\">\n\t\t\t<strong class=\"wp-block-cinc-blocks-events-calendar__filters__title\">Mode<\/strong>\n\t\t\t<ul class=\"cinc-calendar-filter\">\n\t\t\t\t<template x-for=\"filter in filterModes\">\n\t\t\t\t\t<li class=\"cinc-calendar-filter__item\">\n\t\t\t\t\t\t<input type=\"checkbox\" x-model=\"modes\" x-bind:value=\"filter.id\" x-bind:id=\"`filter-type-${filter.id}`\" x-on:change=\"getEvents\">\n\t\t\t\t\t\t<label x-text=\"filter.name\" x-bind:for=\"`filter-type-${filter.id}`\"><\/label>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/template>\n\t\t\t<\/ul>\n\t\t<\/div>\n\t\t<div class=\"wp-block-cinc-blocks-events-calendar__filters__section\">\n\t\t\t<strong class=\"wp-block-cinc-blocks-events-calendar__filters__title\">Type<\/strong>\n\t\t\t<ul class=\"cinc-calendar-filter\">\n\t\t\t\t<template x-for=\"filter in filterTypes\">\n\t\t\t\t\t<li class=\"cinc-calendar-filter__item\">\n\t\t\t\t\t\t<input type=\"checkbox\" x-model=\"types\" x-bind:value=\"filter.term_id\" x-bind:id=\"`filter-type-${filter.term_id}`\" x-on:change=\"getEvents\">\n\t\t\t\t\t\t<label x-text=\"filter.name\" x-bind:for=\"`filter-type-${filter.term_id}`\"><\/label>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/template>\n\t\t\t<\/ul>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\n\t<script>\n\t\tconst MONTH_NAMES = [\n\t\t\t'enero', \n\t\t\t'febrero', \n\t\t\t'marzo', \n\t\t\t'abril', \n\t\t\t'mayo', \n\t\t\t'junio', \n\t\t\t'julio', \n\t\t\t'agosto', \n\t\t\t'septiembre', \n\t\t\t'octubre', \n\t\t\t'noviembre', \n\t\t\t'diciembre'\n\t\t];\n\t\tconst DAYS = ['Lun', 'Mar', 'Mi\u00e9', 'Jue', 'Vie', 'S\u00e1b', 'Dom'];\n\t\tfunction eventsCalendar() {\n\t\t\treturn {\n                ajaxUrl: 'https:\/\/www.cinc.com\/wp-admin\/admin-ajax.php',\n\t\t\t\tmonth: '',\n\t\t\t\tyear: '',\n\t\t\t\tminMonth: '0',\n\t\t\t\tminYear: '2009',\n\t\t\t\tmaxMonth: '4',\n\t\t\t\tmaxYear: '2026',\n\t\t\t\tno_of_days: [],\n\t\t\t\tblankdays: [],\n\t\t\t\tdays: ['', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n\t\t\t\tevents: [],\n\t\t\t\tselectedDate: null,\n\t\t\t\tselectedEvents: [],\n\t\t\t\tfilterTypes: [{\"term_id\":51,\"name\":\"Actividad\",\"slug\":\"actividad\",\"term_group\":0,\"term_taxonomy_id\":51,\"taxonomy\":\"cinc_event_category\",\"description\":\"\",\"parent\":0,\"count\":87,\"filter\":\"raw\"},{\"term_id\":52,\"name\":\"Concurso\",\"slug\":\"concurso\",\"term_group\":0,\"term_taxonomy_id\":52,\"taxonomy\":\"cinc_event_category\",\"description\":\"\",\"parent\":0,\"count\":34,\"filter\":\"raw\"},{\"term_id\":54,\"name\":\"Conferencia\",\"slug\":\"conferencia-es\",\"term_group\":0,\"term_taxonomy_id\":54,\"taxonomy\":\"cinc_event_category\",\"description\":\"\",\"parent\":0,\"count\":564,\"filter\":\"raw\"},{\"term_id\":53,\"name\":\"Curso\",\"slug\":\"curso\",\"term_group\":0,\"term_taxonomy_id\":53,\"taxonomy\":\"cinc_event_category\",\"description\":\"\",\"parent\":0,\"count\":115,\"filter\":\"raw\"},{\"term_id\":102,\"name\":\"Taller\",\"slug\":\"taller-2\",\"term_group\":0,\"term_taxonomy_id\":102,\"taxonomy\":\"cinc_event_category\",\"description\":\"\",\"parent\":0,\"count\":11,\"filter\":\"raw\"},{\"term_id\":271,\"name\":\"Taller\",\"slug\":\"taller\",\"term_group\":0,\"term_taxonomy_id\":271,\"taxonomy\":\"cinc_event_category\",\"description\":\"\",\"parent\":0,\"count\":1,\"filter\":\"raw\"}],\n\t\t\t\tfilterTowns: ['Figueres', 'Girona', 'Barcelona'],\n\t\t\t\tfilterModes: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'free',\n\t\t\t\t\t\tname: 'Free',\n\t\t\t\t\t},{\n\t\t\t\t\t\tid: 'payment',\n\t\t\t\t\t\tname: 'Payment'\n\t\t\t\t\t}\n\t\t\t\t],\n\t\t\t\ttypes: [],\n\t\t\t\ttowns: [],\n\t\t\t\tmodes: [],\n\t\t\t\tinit() {\n\t\t\t\t\tthis.initDate();\n\t\t\t\t\tthis.getNoOfDays();\n\t\t\t\t},\n\t\t\t\tinitDate() {\n\t\t\t\t\tlet today = new Date();\n\t\t\t\t\tthis.month = today.getMonth();\n\t\t\t\t\tthis.year = today.getFullYear();\n\t\t\t\t\tthis.datepickerValue = new Date(this.year, this.month, today.getDate()).toDateString();\n\t\t\t\t},\n\t\t\t\tprevMonth() {\n\t\t\t\t\tif( this.month == 0 ) {\n\t\t\t\t\t\tthis.year--;\n\t\t\t\t\t\tthis.month = 11;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.month--;\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tnextMonth() {\n\t\t\t\t\tif( this.month == 11 ) {\n\t\t\t\t\t\tthis.year++\n\t\t\t\t\t\tthis.month = 0;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.month++;\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\tisSelected(date) {\n\t\t\t\t\treturn this.selectedDate === date;\n\t\t\t\t},\n                hasEvents(date) {\n\t\t\t\t\tvar currentMonth = this.month + 1;\n\t\t\t\t\tconst day = `${this.year}-${currentMonth.toString().padStart(2, '0')}-${date.toString().padStart(2, '0')}`;\n                    let obj = this.events.find(function(o) {\n                        return o.day === day;\n                    });\n\t\t\t\t\treturn obj;\n\t\t\t\t},\n\t\t\t\tselectDate(date) {\n\t\t\t\t\tthis.selectedDate = date;\n\t\t\t\t\tthis.getSelectedEvents();\n\t\t\t\t},\n\t\t\t\tgetSelectedEvents () {\n\t\t\t\t\tvar currentMonth = this.month + 1;\n\t\t\t\t\tconst day = `${this.year}-${currentMonth.toString().padStart(2, '0')}-${this.selectedDate.toString().padStart(2, '0')}`;\n                    let obj = this.events.find(function(o) {\n                        return o.day === day;\n                    });\n\t\t\t\t\tif(obj) {\n\t\t\t\t\t\tthis.selectedEvents = obj.events;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.selectedEvents = [];\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tisEmptyDay() {\n\t\t\t\t\treturn this.selectedEvents.length == 0;\n\t\t\t\t},\n\t\t\t\tgetEvents() {\n\t\t\t\t\tthis.selectedDate = null;\n\t\t\t\t\tthis.selectedEvents = [];\n\t\t\t\t\tvar data = {\n                        'action': 'cinc_get_months_events',\n                        'month': this.month,\n                        'year': this.year,\n\t\t\t\t\t\t'types': this.types,\n\t\t\t\t\t\t'towns': this.towns,\n\t\t\t\t\t\t'modes': this.modes\n                    };\n                    \/\/ We can also pass the url value separately from ajaxurl for front end AJAX implementations\n                    jQuery.post(wp_vars.ajax_url, data, result => {\n                        this.events = JSON.parse(result);\n\t\t\t\t\t\tif( this.events[0] ) {\n\t\t\t\t\t\t\tvar first = this.events[0].day;\n\t\t\t\t\t\t\tvar firstDate = new Date(first);\n\t\t\t\t\t\t\tthis.selectDate(firstDate.getDate());\n\t\t\t\t\t\t}\n                    });\n\t\t\t\t},\n\t\t\t\tgetNoOfDays() {\n\t\t\t\t\tlet daysInMonth = new Date(this.year, this.month + 1, 0).getDate();\n\n\t\t\t\t\t\/\/ find where to start calendar day of week\n\t\t\t\t\tlet dayOfWeek = new Date(this.year, this.month).getDay();\n                    if(dayOfWeek == 0) {\n                        dayOfWeek = 7;\n                    }\n\t\t\t\t\tlet blankdaysArray = [];\n\t\t\t\t\tfor ( var i=1; i < dayOfWeek; i++) {\n\t\t\t\t\t\tblankdaysArray.push(i);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet daysArray = [];\n\t\t\t\t\tfor ( var i=1; i <= daysInMonth; i++) {\n\t\t\t\t\t\tdaysArray.push(i);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tthis.blankdays = blankdaysArray;\n\t\t\t\t\tthis.no_of_days = daysArray;\n                    this.getEvents();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-520c94a1 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"marquee-text-wrapper \"><p class=\"marquee-text big-title fw\">Ap\u00fantate a nuestra newsletter<\/p><\/div>\n\n\n<div class=\"wp-block-cinc-blocks-newsletter-form\">\n    <form id=\"newsletter-form\" method=\"POST\" class=\"wp-block-cinc-blocks-newsletter-form__form\">\n        <input class=\"wp-block-cinc-blocks-newsletter-form__field\" type=\"text\" placeholder=\"Your name\" name=\"name\" required \/>\n        <select class=\"wp-block-cinc-blocks-newsletter-form__select\" name=\"town\" required>\n            <option value=\"\" readonly>Town<\/option>\n            <option value=\"barcelona\">Barcelona<\/option>\n            <option value=\"girona\">Girona<\/option>\n        <\/select>\n        <input class=\"wp-block-cinc-blocks-newsletter-form__field\" type=\"email\" placeholder=\"Your email\" name=\"email\" required \/>\n        <button class=\"wp-block-cinc-blocks-newsletter-form__button\">Subscribe<\/button>\n    <\/form>\n    <div id=\"newsletter-form-response\"><\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":20537,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-18622","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-scaled.webp",1707,2560,false],"thumbnail":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-150x150.webp",150,150,true],"medium":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-200x300.webp",200,300,true],"medium_large":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-768x1152.webp",768,1152,true],"large":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-683x1024.webp",683,1024,true],"1536x1536":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-1024x1536.webp",1024,1536,true],"2048x2048":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-1366x2048.webp",1366,2048,true],"gform-image-choice-sm":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-scaled.webp",200,300,false],"gform-image-choice-md":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-scaled.webp",267,400,false],"gform-image-choice-lg":["https:\/\/www.cinc.com\/wp-content\/uploads\/2024\/01\/actes-scaled.webp",400,600,false]},"uagb_author_info":{"display_name":"Anna","author_link":"https:\/\/www.cinc.com\/es\/author\/anna\/"},"uagb_comment_info":0,"uagb_excerpt":null,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/pages\/18622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/comments?post=18622"}],"version-history":[{"count":5,"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/pages\/18622\/revisions"}],"predecessor-version":[{"id":23382,"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/pages\/18622\/revisions\/23382"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/media\/20537"}],"wp:attachment":[{"href":"https:\/\/www.cinc.com\/es\/wp-json\/wp\/v2\/media?parent=18622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}