{"id":21999,"date":"2025-03-26T09:52:39","date_gmt":"2025-03-26T09:52:39","guid":{"rendered":"https:\/\/www.espichegolf.pt\/post-members\/diario-do-clube\/"},"modified":"2025-03-27T16:23:20","modified_gmt":"2025-03-27T16:23:20","slug":"diario-do-clube","status":"publish","type":"post-members","link":"https:\/\/www.espichegolf.pt\/pt-pt\/post-members\/diario-do-clube\/","title":{"rendered":"Di\u00e1rio do clube"},"content":{"rendered":"\n<section class=\"section-calendar-member-area\">\n<div class=\"calendar-legend\" style=\"margin-bottom: 20px; text-align: center;\">\n    <ul class=\"category-legend\">\n            <\/ul>\n<\/div>\n\n<!-- Filtros de Categoria -->\n<div class=\"calendar-filters\" style=\"margin-bottom: 20px; text-align: center;\">\n    <label for=\"category-filter\">Filtrar por categoria:<\/label>\n    <select id=\"category-filter\" style=\"margin-left: 10px; padding: 5px;\">\n        <option value=\"all\">Todas as categorias<\/option>\n            <\/select>\n<\/div>\n<\/section>\n<!-- Inclus\u00e3o dos arquivos do FullCalendar (v2) e depend\u00eancias -->\n<link rel=\"stylesheet\" type=\"text\/css\"\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fullcalendar\/2.0.0\/fullcalendar.css\" \/>\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jqueryui\/1.10.3\/jquery-ui.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.6.0\/moment.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fullcalendar\/2.0.0\/fullcalendar.js\"><\/script>\n\n<style>\n.fc-event {\n    border: 1px solid #133156;\n    color: #fff;\n}\n\n.fc-first .fc-day-header,\n.fc-button-today,\n.fc-button-prev,\n.fc-button-next {\n    background: #133156;\n    color: #FFF;\n}\n\n.btn-event {\n    background: #FFF;\n}\n\n#calendar, .section-calendar-member-area {\n    max-width: 900px;\n    margin: 0 auto;\n}\n\t\n\t.section-calendar__content .fc-event-time{\n\t\tdisplay: none;\n\t}\n\n.custom-popover {\n    position: absolute;\n    background: #fff;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    padding: 10px;\n    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n    max-width: 300px;\n    z-index: 10000;\n}\n\n.custom-popover .custom-popover-header {\n    font-weight: bold;\n    margin-bottom: 5px;\n    position: relative;\n    padding-right: 20px;\n}\n\n.custom-popover .custom-popover-close {\n    position: absolute;\n    top: 0;\n    right: 5px;\n    cursor: pointer;\n    font-weight: bold;\n}\n\n.custom-popover .custom-popover-content {\n    font-size: 12px;\n    display: flex;\n    flex-direction: column;\n}\n\n.custom-popover-content .h3 {\n    font-size: 16px;\n}\n\n.calendar-filters {\n    margin-bottom: 20px;\n}\n\n#category-filter {\n    padding: 8px;\n    border-radius: 4px;\n    border: 1px solid #133156;\n    background-color: #fff;\n    margin-left: 0 !important;\n}\n\n.category-legend {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 15px 0;\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 20px;\n}\n\n.custom-popover .btn-event-tooltip{\n    border: 2px solid #133156;\n}\n\n.legend-item {\n    display: flex;\n    align-items: center;\n    margin: 0;\n    font-size: 14px;\n}\n\n.color-dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n    margin-right: 8px;\n}\n\n.category-name {\n    color: #333;\n}\n@media screen and (max-width: 768px) {\n    .fc-event {\n        font-size: 11px;\n        padding: 1px 3px;\n        line-height: 1.1;\n        max-height: 2.2em;\n    }\n\n    .fc-day-grid-event {\n        margin: 1px 0;\n    }\n\n    .fc-day-grid-day-events {\n        margin: 0 1px;\n    }\n\n    .fc-day-grid-day {\n        min-height: 80px;\n    }\n\n    .fc-day-grid-day-number {\n        padding: 2px;\n        font-size: 12px;\n    }\n\n    .fc-toolbar {\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .fc-toolbar-title {\n        font-size: 1.2em;\n    }\n\n    .fc-button {\n        font-size: 12px;\n    }\n\n    .calendar-legend {\n        gap: 10px;\n    }\n\n    .legend-item {\n        font-size: 12px;\n    }\n\n    .color-dot {\n        width: 10px;\n        height: 10px;\n    }\n\n    .calendar-filters {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n    }\n\n    #category-filter {\n        width: 80%;\n        max-width: 300px;\n    }\n}\n<\/style>\n\n<div id=\"calendar\" class=\"section-calendar__content\"><\/div>\n\n<script>\njQuery(document).ready(function($) {\n    var eventsData = [];\n    var calendar = $('#calendar').fullCalendar({\n        defaultView: 'month',\n        editable: false,\n        events: eventsData,\n        eventRender: function(event, element) {\n            element.on('click', function(e) {\n                e.preventDefault();\n                $('.custom-popover').remove();\n\n                var popover = $('<div class=\"custom-popover\"><\/div>');\n                var singleUrl = event.url;\n                var buttonUrl = event.button.url;\n                var buttonTarget = event.button.target;\n                var buttonTitle = event.button.title;\n\n                var header = $('<div class=\"custom-popover-header\"><\/div>');\n                var closeBtn = $('<span class=\"custom-popover-close\">\u00d7<\/span>');\n                header.append(closeBtn);\n\n                var content = $('<div class=\"custom-popover-content\"><\/div>');\n\n                if (event.thumbnail) {\n                    content.append('<a href=\"' + singleUrl + '\" target=\"_self\"><img decoding=\"async\" src=\"' +\n                        event.thumbnail + '\" alt=\"' + event.title +\n                        '\" style=\"max-width:100%; margin-bottom:5px;\" \/><\/a>');\n                }\n                content.append('<a class=\"h3\" href=\"' + singleUrl + '\" target=\"_self\">' +\n                    event.title + '<\/a>');\n                content.append('<p>' + (event.excerpt ? event.excerpt : '') + '<\/p>');\n\n                var buttonHtml = '<div>';\n                buttonHtml +=\n                    '<a class=\"btn btn-white btn-event btn-event-tooltip\" href=\"' +\n                    buttonUrl + '\" target=\"' + buttonTarget + '\">';\n                buttonHtml += buttonTitle;\n                buttonHtml += '<\/a><\/div>';\n                content.append(buttonHtml);\n\n                popover.append(header).append(content);\n                $('body').append(popover);\n\n                var offset = $(this).offset();\n                var elHeight = $(this).height();\n                popover.css({\n                    top: offset.top + elHeight + 5,\n                    left: offset.left\n                });\n\n                closeBtn.on('click', function(e) {\n                    e.stopPropagation();\n                    popover.remove();\n                });\n\n                $(document).on('click.customPopover', function(e) {\n                    if (!$(e.target).closest('.custom-popover').length && !$(e\n                            .target).closest('.fc-event').length) {\n                        popover.remove();\n                        $(document).off('click.customPopover');\n                    }\n                });\n            });\n        },\n        eventClick: function(event, jsEvent, view) {\n            jsEvent.preventDefault();\n        }\n    });\n\n    \/\/ Fun\u00e7\u00e3o para filtrar eventos por categoria\n    $('#category-filter').on('change', function() {\n        var selectedCategory = $(this).val();\n\n        calendar.fullCalendar('removeEvents');\n\n        if (selectedCategory === 'all') {\n            calendar.fullCalendar('addEventSource', eventsData);\n        } else {\n            var filteredEvents = eventsData.filter(function(event) {\n                return event.categories.includes(selectedCategory);\n            });\n            calendar.fullCalendar('addEventSource', filteredEvents);\n        }\n    });\n});\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":21966,"parent":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false},"categories-post-member":[],"class_list":["post-21999","post-members","type-post-members","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.espichegolf.pt\/pt-pt\/wp-json\/wp\/v2\/post-members\/21999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espichegolf.pt\/pt-pt\/wp-json\/wp\/v2\/post-members"}],"about":[{"href":"https:\/\/www.espichegolf.pt\/pt-pt\/wp-json\/wp\/v2\/types\/post-members"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espichegolf.pt\/pt-pt\/wp-json\/wp\/v2\/media\/21966"}],"wp:attachment":[{"href":"https:\/\/www.espichegolf.pt\/pt-pt\/wp-json\/wp\/v2\/media?parent=21999"}],"wp:term":[{"taxonomy":"categories-post-member","embeddable":true,"href":"https:\/\/www.espichegolf.pt\/pt-pt\/wp-json\/wp\/v2\/categories-post-member?post=21999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}