{"id":1114,"date":"2022-08-17T01:50:53","date_gmt":"2022-08-16T17:50:53","guid":{"rendered":"https:\/\/southdhc.org.hk\/events\/"},"modified":"2022-10-06T00:20:48","modified_gmt":"2022-10-05T16:20:48","slug":"events","status":"publish","type":"page","link":"https:\/\/southdhc.org.hk\/en\/events\/","title":{"rendered":"Activities"},"content":{"rendered":"<p><form action=\"\" method=\"get\" id=\"form-nsp-search\">\n    <div class=\"nsp-search-container\">\n        <div class=\"row\">\n            <div class=\"col-lg-3 col-12\">\n                <div class=\"mb-3\">\n                    <label for=\"txt_name\" class=\"form-label\">Search Activity<\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text search-field search-icon\"><i class=\"fa fa-search\"><\/i><\/span>\n                        <input type=\"text\" name=\"txt_name\" class=\"form-control bg-gray\" id=\"txt_name\" value=\"\" placeholder=\"Search Activity...\">\n                        <span class=\"input-group-text search-field arrow-icon\"><i class=\"fa fa-arrow-right\"><\/i><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-3 col-12\">\n                <div class=\"mb-3\">\n                    <label for=\"sel_service\" class=\"form-label\">Select Center<\/label>\n                    <select name=\"sel_centre\" class=\"form-control bg-light-blue\">\n                        <option value=\"\">All Centers<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/form>\n<br \/>\n\n<div id='fc-calendar'><\/div>\n<div id=\"mobile-event-list\" class=\"mt-3 d-block d-md-none\">\n    <div class=\"event-date\"><\/div>\n    <ul class=\"list-group\"><\/ul>\n<\/div>\n\n<script>\n    var _events = [  ];\n    document.addEventListener('DOMContentLoaded', function() {\n        var calendarEl = document.getElementById('fc-calendar');\n        var calendar = new FullCalendar.Calendar(calendarEl, {\n            locale: 'en',\n            initialView: 'dayGridMonth',\n            headerToolbar: {\n                left: '',\n                center: 'prev,title,next',\n                right: 'dayGridMonth,listMonth'\n            },\n            \/\/ navLinks: true, \/\/ can click day\/week names to navigate views\n            \/\/ editable: true,\n            selectable: true,\n            \/\/ selectMirror: true,\n            dayMaxEvents: true, \/\/ allow \"more\" link when too many events\n            eventTimeFormat: { \/\/ like '14:30:00'\n                hour: '2-digit',\n                minute: '2-digit',\n                \/\/ second: '2-digit',\n                hour12: false\n            },\n            events: _events,\n            eventContent: function(args, createElement) {\n                \/\/ var italicEl = document.createElement('div');\n                \/\/ italicEl.innerHTML = args.event._def.title\n                \/\/ italicEl.className = 'fc-bg-event-span'\n                \/\/ var arrayOfDomNodes = [italicEl]\n                \/\/ return {\n                \/\/     domNodes: arrayOfDomNodes\n                \/\/ }\n            },\n            eventClick: function(info) {\n                console.log(info.event);\n                setTimeout(function () {\n                    document.getElementById('lbl-event-name').innerHTML = info.event.title;\n                    document.getElementById('lbl-event-date').innerHTML = '<i class=\"fa fa-calendar\"><\/i> ' + info.event.extendedProps.event_date;\n                    document.getElementById('lbl-event-time').innerHTML = '<i class=\"fa fa-clock\"><\/i> ' + info.event.extendedProps.timeslot;\n                    document.getElementById('lbl-event-centre').innerHTML = '<i class=\"fa fa-building\"><\/i> ' + info.event.extendedProps.centre;\n                    document.getElementById('lbl-event-tutor').innerHTML = '<i class=\"fa fa-user\"><\/i> ' + info.event.extendedProps.tutor;\n                    document.getElementById('lbl-event-intro').innerHTML = '<i class=\"fa fa-info\"><\/i> ' + info.event.extendedProps.intro;\n                }, 100);\n\n                \/\/ alert('Event: ' + info.event.extendedProps.description);\n                \/\/ alert('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);\n                \/\/ alert('View: ' + info.view.type);\n            },\n            dateClick: function(info) {\n                \/\/ alert('Clicked on: ' + info.dateStr);\n                \/\/ alert('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);\n                \/\/ alert('Current view: ' + info.view.type);\n                \/\/ console.log(_events);\n                filterDate(info.dateStr);\n                \/\/ change the day's background color just for fun\n                \/\/info.dayEl.style.backgroundColor = 'red';\n            },\n            buttonText: {\n                month: 'Per month',\n                list: 'List',\n            },\n            moreLinkContent: function(args){\n                return '+'+args.num+' More';\n            },\n            dayHeaderFormat: {\n                weekday: 'long'\n            }\n        });\n        calendar.render();\n\n    });\n\n\n\n<\/script>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1114","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/southdhc.org.hk\/en\/wp-json\/wp\/v2\/pages\/1114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/southdhc.org.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/southdhc.org.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/southdhc.org.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/southdhc.org.hk\/en\/wp-json\/wp\/v2\/comments?post=1114"}],"version-history":[{"count":1,"href":"https:\/\/southdhc.org.hk\/en\/wp-json\/wp\/v2\/pages\/1114\/revisions"}],"predecessor-version":[{"id":1116,"href":"https:\/\/southdhc.org.hk\/en\/wp-json\/wp\/v2\/pages\/1114\/revisions\/1116"}],"wp:attachment":[{"href":"https:\/\/southdhc.org.hk\/en\/wp-json\/wp\/v2\/media?parent=1114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}