{"id":846,"date":"2018-11-28T01:51:42","date_gmt":"2018-11-28T01:51:42","guid":{"rendered":"http:\/\/demo.yolotheme.com\/dummy\/giraffe\/?page_id=846"},"modified":"2023-06-19T13:55:56","modified_gmt":"2023-06-19T05:55:56","slug":"calendar","status":"publish","type":"page","link":"https:\/\/skhspcslc.jbcreative.hk\/en\/calendar\/","title":{"rendered":"\u884c\u4e8b\u66c6"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><div  class = \"yolo-full-width  has_parallax\"><div data-overlay-color=\"rgba(255,255,255,0.9)\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1595580521679 vc_row-has-fill yolo_parallax_effect overlay-bg-vc-wapper\"><div class=\"container clearfix\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">        <div class=\"yolo_class_schedule_6a09574494dc0\">\n            <div class=\"yolo-class-schedule-shortcode\">\n                <!-- Section content -->\n\t\t\t\t                <div class=\"yolo-class-schedule\">\n                    <div id=\"schedule_filter_6a09574494dc2\" class=\"class-schedule-filter yolo-filters\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                <ul>\n\t\t\t\t\t\t\t\t\t                                        <li>\n                                            <a href=\"#\" class=\"selected\" data-filter=\"all\"\n                                               data-from=\"2026-05-01\" data-to=\"2026-05-31\">\n\t\t\t\t\t\t\t\t\t\t\t\tAll Category                                            <\/a>\n                                        <\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n                                            <li>\n                                                <a href=\"#\" data-filter=\"13\"\n                                                   data-from=\"2026-05-01\" data-to=\"2026-05-31\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tArt                                                <\/a>\n                                            <\/li>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n                                            <li>\n                                                <a href=\"#\" data-filter=\"18\"\n                                                   data-from=\"2026-05-01\" data-to=\"2026-05-31\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tEnvironment Skills                                                <\/a>\n                                            <\/li>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n                                            <li>\n                                                <a href=\"#\" data-filter=\"19\"\n                                                   data-from=\"2026-05-01\" data-to=\"2026-05-31\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tHealth                                                <\/a>\n                                            <\/li>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n                                            <li>\n                                                <a href=\"#\" data-filter=\"20\"\n                                                   data-from=\"2026-05-01\" data-to=\"2026-05-31\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tLanguage Arts                                                <\/a>\n                                            <\/li>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t                                <\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/div>\n                    <div id=\"yolo_class_schedule_6a09574494dc0\" class=\"class-schedule\"><\/div>\n\n\t\t\t\t\t\n                    <script>\n                        var source_yolo_class_schedule_6a09574494dc0 = [];\n                        var column_source_yolo_class_schedule_6a09574494dc0 = [{\"id\":13,\"title\":\"Art\"},{\"id\":18,\"title\":\"Environment Skills\"},{\"id\":19,\"title\":\"Health\"},{\"id\":20,\"title\":\"Language Arts\"}];\n                        var holiday_yolo_class_schedule_6a09574494dc0 = [];\n                    <\/script>\n                    <script>\n                        jQuery(document).ready(function($) {\n\n                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar({\n                                isRTL: false,\n                                slotEventOverlap: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                header: {\n                                    left: 'prev',\n                                    center: 'title',\n                                    right: 'next',\n                                },\n\t\t\t\t\t\t\t\t                                slotLabelFormat: 'HH:mm',\n                                minTime: '01:00:00',\n                                maxTime: '24:00:00',\n                                timeFormat: \"a h:mm\",\n                                slotLabelFormat: \"a h:mm\",\n                                defaultView: 'month',\n                                firstDay: 1,\n                                slotDuration: '01:00:00',\n\t\t\t\t\t\t\t\t                                columnHeaderFormat : 'dddd',\n\t\t\t\t\t\t\t\t                                allDaySlot: false,\n\t\t\t\t\t\t\t\t                                editable: false,\n                                locale:'en_GB',\n                                eventLimit: 2, \/\/ allow \"more\" link when too many events\n                                events: source_yolo_class_schedule_6a09574494dc0,\n                                resources: column_source_yolo_class_schedule_6a09574494dc0,\n                                labelColumnTime: 'Time',\n\t\t\t\t\t\t\t\t                                weekends: 'yes',\n\t\t\t\t\t\t\t\t                                eventLimitText: 'more',\n\t\t\t\t\t\t\t\t                                dataModal: 'modal-popup_timetable_6a09574494dc6',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                textWith: '<span>with<\/span>',\n\t\t\t\t\t\t\t\t                                textLevel:  '<span>level<\/span>',\n                                displayEventEnd: true,\n\t\t\t\t\t\t\t\t                                contentHeight: 'auto',\n                                height: 'auto',\n\t\t\t\t\t\t\t\t                                eventDataTransform: false,\n\t\t\t\t\t\t\t\t\n                                eventRender: function(event, element, view) {\n                                    var $schedule_layout = 'grid';\n                                    element.attr('data-modal', 'modal-popup_timetable_6a09574494dc6');\n                                    \n                                    if(event.backgroundColor){\n\t\t\t\t\t\t\t\t\t\t                                        element.append('<div class=\"fc-ribbon\" style=\"background-color:' + event.backgroundColor + '\"><\/div>');\n\t\t\t\t\t\t\t\t\t\t                                    }\n\n                                    if(event.title) {\n                                        element.find('.fc-title').html(event.title);\n                                    }\n\n\t\t\t\t\t\t\t\t\t                                    var timeHtml = '';\n                                    var timeText = '';\n                                    if (timeText) {\n                                        timeHtml = '<span class=\"fc-time\">' + htmlEscape(timeText) + '<\/span>';\n                                    }\n\n                                    \/** Modal when click **\/\n                                    modalInfo = {};\n                                    modalInfo['title'] = (event.title);\n\t\t\t\t\t\t\t\t\t                                    var textWith = 'with';\n\t\t\t\t\t\t\t\t\t                                    var textLevel = 'level';\n                                    if(event.teacher) {\n                                        modalInfo['teacher'] = textWith + ' ' + event.teacher;\n                                    }\n                                    if(event.level) {\n                                        modalInfo['level'] = textLevel + ' ' + event.level;\n                                    }\n                                    modalInfo['time'] = timeHtml;\n\n                                    modalInfo['categoryName'] \t = event.categoryName === undefined ? '' : event.categoryName;\n                                    modalInfo['backgroundColor'] = event.backgroundColor === undefined ? '' : htmlEscape(event.backgroundColor);\n                                    modalInfo['catColor'] \t\t = event.catColor === undefined ? '' : htmlEscape(event.catColor);\n                                    modalInfo['popup_bgImage'] \t = event.popup_bgImage;\n                                    modalInfo['url'] = htmlEscape(event.url);\n                                    modalInfo['excerpt'] = htmlEscape(event.excerpt);\n                                    if(event.address != '') {\n                                        modalInfo['address'] = htmlEscape(event.address);\n                                    }\n                                    modalInfo['register_link'] = event.register === undefined ? '' : htmlEscape(event.register);\n                                    element.append('<input type=\"hidden\" value=\\'' + JSON.stringify(modalInfo).replace(\/'\/g,\"&apos;\") + '\\'\/>');\n\n                                },\n                                eventAfterAllRender: function( view ) {\n                                    if ( jQuery('.yolo-class-schedule-shortcode').width() <= 950 ) {\n                                        jQuery('.yolo-class-schedule-shortcode').addClass('small-view');\n                                    }\n                                    \/** Style holiday in month view **\/\n                                    var holidays = holiday_yolo_class_schedule_6a09574494dc0;\n                                    var el = view.el;\n                                    var holidayMoment;\n                                    for(var i = 0; i < holidays.length; i++) {\n                                        holidayMoment = moment(holidays[i]['day'],'YYYY-MM-DD');\n                                        var aDay = el.find('.fc-bg table td[data-date=' + holidayMoment.format(\"YYYY-MM-DD\") + ']');\n                                        if(aDay.hasClass('fc-day')) {\n                                            aDay.addClass(holidays[i]['className']);\n                                            aDay.css(\n                                                { 'background-color': holidays[i]['backgroundColor'] }\n                                            );\n                                        }\n                                    }\n                                    \/** End Style holiday **\/\n                                    ModalEffectsInit();\n\t\t\t\t\t\t\t\t\t                                }\n                            });\n\n                            $('.fc-prev-button').attr('data-from', '2026-04-01').attr('data-to', '2026-04-30');\n                            $('.fc-next-button').attr('data-from', '2026-06-01').attr('data-to', '2026-06-30');\n\n                            var schedule_layout = 'grid';\n                            var fc_body = '.fc-body';\n                            if(schedule_layout == 'list') {\n                                fc_body = '.fc-list-table';\n                            }\n\t\t\t\t\t\t\t                            \/\/ Filter Active in first load\n                            $(\".yolo-class-schedule #schedule_filter_6a09574494dc2 ul li\").first().find('a').addClass('selected');\n\n                            $(\".yolo-class-schedule #schedule_filter_6a09574494dc2 a\").on(\"click\", function(e){\n                                e.preventDefault();\n                                var $this = $(this);\n\n                                $.ajax({\n                                    type: 'POST',\n                                    url: yoloL10n.ajax_url,\n                                    data: {\n                                        action          : 'yolo_class_filter',\n\t\t\t\t\t\t\t\t\t\t                                        class_category  : $this.data(\"filter\"),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                        filter_type: 'category',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                        from: $this.attr('data-from'),\n                                        to: $this.attr('data-to'),\n\t\t\t\t\t\t\t\t\t\t                                        shorcode_attr   : '{\"schedule_layout\":\"grid\",\"min_time\":\"01:00:00\",\"max_time\":\"24:00:00\",\"content_height\":\"\",\"source\":\"class\",\"default_view\":\"month\",\"event_cat\":\"all\",\"item_limit\":2,\"hide_time_range\":\"\",\"class\":\"\",\"show_time_column\":\"yes\",\"show_weekends\":\"yes\",\"show_cate_filter\":\"yes\",\"filter_layout\":\"list\",\"filter_type\":\"category\",\"class_cat\":\"all\",\"class_level\":\"all\",\"class_teacher\":\"all\",\"show_filter\":\"no\",\"class_filter_layout\":\"list\",\"class_show_all_tab\":\"yes\",\"show_all_tab\":\"yes\",\"general_header_toolbar\":\"yes\",\"general_header_day\":\"yes\",\"custom_general_default_date\":\"false\",\"general_default_date\":\"\",\"general_navigate_link\":\"internal\",\"general_popup\":\"yes\",\"general_popup_time\":\"yes\",\"general_popup_title\":\"yes\",\"general_popup_level\":\"yes\",\"general_popup_thumb\":\"yes\",\"general_popup_adress_teacher\":\"yes\",\"general_popup_excerpt\":\"yes\",\"general_popup_style\":\"1\",\"show_export\":\"no\",\"show_category\":\"no\",\"class_show_category\":\"yes\",\"class_item_style\":\"\",\"class_show_icon\":\"no\",\"event_split\":\"yes\",\"event_item_style\":\"background_color\",\"event_show_icon\":\"yes\",\"general_header_background\":\"#cf3d6f\",\"general_header_color\":\"#fff\",\"general_today_column\":\"#fcf8e3\",\"general_holiday_background\":\"#fcf8e3\"}',\n                                        sercurity       : '52752d293d'\n                                    },\n                                    beforeSend: function() {\n                                        $this.closest('.yolo-class-schedule').find(fc_body).addClass('overlay-loading-tripped');\n                                        $this.closest('.yolo-class-schedule').find(\".class-schedule-filter a.selected\")\n                                            .removeClass(\"selected\")\n                                            .removeClass('class-schedule-infi-pulse');\n                                        $this\n                                            .addClass(\"selected\")\n                                            .addClass('class-schedule-infi-pulse');\n                                    },\n                                    success: function(res){\n                                        var newsource = res.events_data;\n                                        $this.closest('.yolo-class-schedule').find(fc_body).removeClass('overlay-loading-tripped');\n                                        $this.closest('.yolo-class-schedule').find(\".class-schedule-filter a.selected\")\n                                            .removeClass(\"selected\")\n                                            .removeClass('class-schedule-infi-pulse');\n                                        $this\n                                            .addClass(\"selected\")\n                                            .removeClass('class-schedule-infi-pulse');\n\n                                        if(newsource){\n                                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar('removeEventSource', source_yolo_class_schedule_6a09574494dc0)\n                                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar('refetchEvents');\n                                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar('addEventSource', newsource);\n                                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar('refetchEvents');\n                                            source_yolo_class_schedule_6a09574494dc0 = newsource;\n                                        }\n                                    },\n                                    error: function () {\n                                        location.reload();\n                                    }\n                                });\n                            });\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            $('body').on(\"click\", \".yolo-class-schedule #yolo_class_schedule_6a09574494dc0 .fc-toolbar .fc-prev-button, .yolo-class-schedule #yolo_class_schedule_6a09574494dc0 .fc-toolbar .fc-next-button\", function(e){\n\t                                e.preventDefault();\n\t                                var $this = $(this);\n\t\t\t\t\t\t\t\t\t\t                                var filterObj = $this.parents('.yolo-class-schedule').find('.yolo-filters');\n\t                                var filterSelected = filterObj.find('a.selected');\n\t\t\t\t\t\t\t\t\t\t                                $.ajax({\n\t                                    type: 'POST',\n\t                                    url: yoloL10n.ajax_url,\n\t                                    data: {\n\t                                        action          : 'yolo_class_filter',\n\t\t\t\t\t\t\t\t\t\t\t\t                                        class_category  : filterSelected.data(\"filter\"),\n\t\t\t\t\t\t\t\t\t\t\t\t                                        from: $this.attr('data-from'),\n\t                                        to: $this.attr('data-to'),\n\t\t\t\t\t\t\t\t\t\t\t\t                                        shorcode_attr   : '{\"schedule_layout\":\"grid\",\"min_time\":\"01:00:00\",\"max_time\":\"24:00:00\",\"content_height\":\"\",\"source\":\"class\",\"default_view\":\"month\",\"event_cat\":\"all\",\"item_limit\":2,\"hide_time_range\":\"\",\"class\":\"\",\"show_time_column\":\"yes\",\"show_weekends\":\"yes\",\"show_cate_filter\":\"yes\",\"filter_layout\":\"list\",\"filter_type\":\"category\",\"class_cat\":\"all\",\"class_level\":\"all\",\"class_teacher\":\"all\",\"show_filter\":\"no\",\"class_filter_layout\":\"list\",\"class_show_all_tab\":\"yes\",\"show_all_tab\":\"yes\",\"general_header_toolbar\":\"yes\",\"general_header_day\":\"yes\",\"custom_general_default_date\":\"false\",\"general_default_date\":\"\",\"general_navigate_link\":\"internal\",\"general_popup\":\"yes\",\"general_popup_time\":\"yes\",\"general_popup_title\":\"yes\",\"general_popup_level\":\"yes\",\"general_popup_thumb\":\"yes\",\"general_popup_adress_teacher\":\"yes\",\"general_popup_excerpt\":\"yes\",\"general_popup_style\":\"1\",\"show_export\":\"no\",\"show_category\":\"no\",\"class_show_category\":\"yes\",\"class_item_style\":\"\",\"class_show_icon\":\"no\",\"event_split\":\"yes\",\"event_item_style\":\"background_color\",\"event_show_icon\":\"yes\",\"general_header_background\":\"#cf3d6f\",\"general_header_color\":\"#fff\",\"general_today_column\":\"#fcf8e3\",\"general_holiday_background\":\"#fcf8e3\"}',\n\t                                        sercurity       : '52752d293d'\n\t                                    },\n\t                                    beforeSend: function() {\n\t                                        $this.closest('.yolo-class-schedule').find(fc_body).addClass('overlay-loading-tripped');\n\t                                    },\n\t                                    success: function(res){\n\t                                        var newsource = res.events_data;\n\t                                        var sche_wrap = $this.closest('.yolo-class-schedule');\n\t                                        sche_wrap.find(fc_body).removeClass('overlay-loading-tripped');\n\t                                        if(newsource){\n\t                                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar('removeEventSource', source_yolo_class_schedule_6a09574494dc0)\n\t                                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar('refetchEvents')\n\t                                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar('addEventSource', newsource)\n\t                                            $(\"#yolo_class_schedule_6a09574494dc0\").fullCalendar('refetchEvents');\n\t                                            source_yolo_class_schedule_6a09574494dc0 = newsource;\n\t                                        }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                        filterObj.find('a').attr( 'data-from', res.datetime.cur_from);\n\t                                        filterObj.find('a').attr( 'data-to', res.datetime.cur_to);\n\t\t\t\t\t\t\t\t\t\t\t\n\t                                        var _nav_prev = sche_wrap.find('.fc-toolbar .fc-prev-button');\n\t                                        var _nav_next = sche_wrap.find('.fc-toolbar .fc-next-button');\n\n\t                                        _nav_prev.attr( 'data-from', res.datetime.prev_from );\n\t                                        _nav_prev.attr( 'data-to', res.datetime.prev_to );\n\n\t                                        _nav_next.attr( 'data-from', res.datetime.next_from );\n\t                                        _nav_next.attr( 'data-to', res.datetime.next_to );\n\n\t                                        \/** Style holiday in month view **\/\n\t                                        var holidays = res.holidays_data;\n\t                                        var el = $('.fc-month-view');\n\t                                        var holidayMoment;\n\t                                        for(var i = 0; i < holidays.length; i++) {\n\t                                            holidayMoment = moment(holidays[i]['day'],'YYYY-MM-DD');\n\t                                            var aDay = el.find('.fc-bg table td[data-date=' + holidayMoment.format(\"YYYY-MM-DD\") + ']');\n\t                                            if(aDay.hasClass('fc-day')) {\n\t                                                aDay.addClass(holidays[i]['className']);\n\t                                                aDay.css(\n\t                                                    { 'background-color': holidays[i]['backgroundColor'] }\n\t                                                );\n\t                                            }\n\t                                        }\n\t                                        \/** End Style holiday **\/\n\t                                    },\n\t                                    error: function () {\n\t                                        \/\/location.reload();\n\t                                    }\n\t                                });\n\t                            });\n\t\t\t\t\t\t\t                            $( window ).resize(function() {\n                                var $sch_view = $(\"#yolo_class_schedule_6a09574494dc0\").find('.fc-view');\n                                if ( !$.trim( $sch_view.html() ) ) {\n                                    $(\"#yolo_class_schedule_6a09574494dc0\").find('.fc-toolbar').find('.fc-prev-button').click();\n                                    $(\"#yolo_class_schedule_6a09574494dc0\").find('.fc-toolbar').find('.fc-next-button').click();\n                                }\n                            });\n\n\n                            \/\/ Download iCal button onclick listener\n                            $(\"#export_timetable_6a09574494dc5\").on('click',function(){\n                                \/\/ setup ics\n                                var cal = ics();\n                                \/\/ go through each event from the json and add an event for it to ics\n                                $.each(source_yolo_class_schedule_6a09574494dc0,function(i, $event){\n\t\t\t\t\t\t\t\t\t                                    var _desc     =  $event.categoryName;\n                                    var _location =  $event.address;\n\t\t\t\t\t\t\t\t\t                                    cal.addEvent($event.title, _desc, _location, $event.start, $event.end, $event.url);\n                                });\n\n                                cal.download('ical-class-chedule', '.ics');\n                                return false;\n                            });\n\n                            $('.md-modal').addClass('md-modal-init');\n                        });\n                    <\/script>\n                <\/div>\n\n\n            <\/div> <!-- \/.yolo-class-schedule-shortcode -->\n\t\t\t<div class=\"yolo-responsive-schedule-wrap\">\n\t\t\t\t                <div id=\"schedule_filter_6a09574494dc2\" class=\"yolo-filters filter-mobile\">\n\t\t\t\t\t\t\t\t\t\t\t                        <select class=\"filter-mb-dropdown\">\n\t\t\t\t\t\t\t                                <option value=\"all\" data-filter=\"all\"\n                                        data-from=\"2026-05-11\" data-to=\"2026-05-17\">\n\t\t\t\t\t\t\t\t\tAll Category                                <\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <option value=\"13\" data-filter=\"13\"\n                                            data-from=\"2026-05-11\" data-to=\"2026-05-17\">\n\t\t\t\t\t\t\t\t\t\tArt                                    <\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <option value=\"18\" data-filter=\"18\"\n                                            data-from=\"2026-05-11\" data-to=\"2026-05-17\">\n\t\t\t\t\t\t\t\t\t\tEnvironment Skills                                    <\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <option value=\"19\" data-filter=\"19\"\n                                            data-from=\"2026-05-11\" data-to=\"2026-05-17\">\n\t\t\t\t\t\t\t\t\t\tHealth                                    <\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <option value=\"20\" data-filter=\"20\"\n                                            data-from=\"2026-05-11\" data-to=\"2026-05-17\">\n\t\t\t\t\t\t\t\t\t\tLanguage Arts                                    <\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                        <\/select>\n\t\t\t\t\t                <\/div>\n\n                <div class=\"res-sche-navigation\">\n                    <a href=\"#\" class=\"prev\" data-from=\"2026-05-04\" data-to=\"2026-05-10\"><i class=\"fa fa-chevron-left\" aria-hidden=\"true\"><\/i><\/a>\n                    <h3>2026 \u5e74 5 \u6708 11 \u65e5 - 2026 \u5e74 5 \u6708 17 \u65e5<\/h3>\n                    <a href=\"#\" class=\"next\" data-from=\"2026-05-18\" data-to=\"2026-05-24\"><i class=\"fa fa-chevron-right\" aria-hidden=\"true\"><\/i><\/a>\n                <\/div>\n                <div class=\"res-sche-content\">\n\t\t\t\t\t                        <h2>Class<\/h2>\n\t\t\t\t\t\t<center><p>Class not found.<\/p><\/center>            <input type=\"hidden\" class=\"prev-from-hidden\" value=\"2026-05-04\" \/>\n            <input type=\"hidden\" class=\"prev-to-hidden\" value=\"2026-05-10\" \/>\n\n            <input type=\"hidden\" class=\"next-from-hidden\" value=\"2026-05-18\" \/>\n            <input type=\"hidden\" class=\"next-to-hidden\" value=\"2026-05-24\" \/>\n\n            <input type=\"hidden\" class=\"label-start\" value=\"2026 \u5e74 5 \u6708 11 \u65e5\" \/>\n            <input type=\"hidden\" class=\"label-end\" value=\"2026 \u5e74 5 \u6708 17 \u65e5\" \/>\n\n            <input type=\"hidden\" class=\"curr-start\" value=\"2026-05-11\" \/>\n            <input type=\"hidden\" class=\"curr-end\" value=\"2026-05-17\" \/>\n\t\t\t                <\/div>\n                <div class=\"res-sche-navigation\">\n                    <a href=\"#\" class=\"prev\" data-from=\"2026-05-04\" data-to=\"2026-05-10\"><i class=\"fa fa-chevron-left\" aria-hidden=\"true\"><\/i><\/a>\n                    <h3>2026 \u5e74 5 \u6708 11 \u65e5 - 2026 \u5e74 5 \u6708 17 \u65e5<\/h3>\n                    <a href=\"#\" class=\"next\" data-from=\"2026-05-18\" data-to=\"2026-05-24\"><i class=\"fa fa-chevron-right\" aria-hidden=\"true\"><\/i><\/a>\n                <\/div>\n\n            <\/div> <!-- yolo-responsive-schedule-wrap -->\n           \n\n        <\/div>\n       <script>\n            jQuery(document).ready(function($) {\n                $(\".yolo-responsive-schedule-wrap #schedule_filter_6a09574494dc2 ul li\").first().find('a').addClass('selected');\n                $(\".res-sche-navigation a\").on(\"click\", function(e){\n                    e.preventDefault();\n                    var $this = $(this);\n                    var $filterObj = $(\".filter-mobile select\").find('option:selected');\n\n                    $.ajax({\n                        type: 'POST',\n                        url: yoloL10n.ajax_url,\n                        data: {\n                            action          : 'yolo_class_responsive_navigation',\n                            from            : $this.attr(\"data-from\"),\n                            to              : $this.attr(\"data-to\"),\n\t\t\t\t\t\t\t                            the_category    : $filterObj.data(\"filter\"),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            filter_type: 'category',\n\t\t\t\t\t\t\t                            weekends        : true,\n                            shorcode_attr   : '{\"schedule_layout\":\"grid\",\"min_time\":\"01:00:00\",\"max_time\":\"24:00:00\",\"content_height\":\"\",\"source\":\"class\",\"default_view\":\"month\",\"event_cat\":\"all\",\"item_limit\":2,\"hide_time_range\":\"\",\"class\":\"\",\"show_time_column\":\"yes\",\"show_weekends\":\"yes\",\"show_cate_filter\":\"yes\",\"filter_layout\":\"list\",\"filter_type\":\"category\",\"class_cat\":\"all\",\"class_level\":\"all\",\"class_teacher\":\"all\",\"show_filter\":\"no\",\"class_filter_layout\":\"list\",\"class_show_all_tab\":\"yes\",\"show_all_tab\":\"yes\",\"general_header_toolbar\":\"yes\",\"general_header_day\":\"yes\",\"custom_general_default_date\":\"false\",\"general_default_date\":\"\",\"general_navigate_link\":\"internal\",\"general_popup\":\"yes\",\"general_popup_time\":\"yes\",\"general_popup_title\":\"yes\",\"general_popup_level\":\"yes\",\"general_popup_thumb\":\"yes\",\"general_popup_adress_teacher\":\"yes\",\"general_popup_excerpt\":\"yes\",\"general_popup_style\":\"1\",\"show_export\":\"no\",\"show_category\":\"no\",\"class_show_category\":\"yes\",\"class_item_style\":\"\",\"class_show_icon\":\"no\",\"event_split\":\"yes\",\"event_item_style\":\"background_color\",\"event_show_icon\":\"yes\",\"general_header_background\":\"#cf3d6f\",\"general_header_color\":\"#fff\",\"general_today_column\":\"#fcf8e3\",\"general_holiday_background\":\"#fcf8e3\"}',\n                            sercurity       : '81b6e41ea9'\n                        },\n                        beforeSend: function() {\n                            var sche_wrap = $this.closest('.yolo-responsive-schedule-wrap');\n                            sche_wrap.find('.res-sche-content').addClass('overlay-loading-tripped');\n                        },\n                        success: function(res){\n\n                            var sche_wrap = $this.closest('.yolo-responsive-schedule-wrap');\n                            sche_wrap.find('.res-sche-content').removeClass('overlay-loading-tripped');\n                            sche_wrap.find('.res-sche-content').html(res);\n\n                            label_start = sche_wrap.find('.label-start').val();\n                            label_end = sche_wrap.find('.label-end').val();\n\n                            curr_start = sche_wrap.find('.curr-start').val();\n                            curr_end = sche_wrap.find('.curr-end').val();\n                            $(\".filter-mobile select option\").attr( 'data-from', curr_start);\n                            $(\".filter-mobile select option\").attr( 'data-to', curr_end);\n\n                            sche_wrap.find('.res-sche-navigation h3').html(label_start + ' - ' + label_end);\n\n                            var _nav_prev = sche_wrap.find('.res-sche-navigation .prev');\n                            var _nav_next = sche_wrap.find('.res-sche-navigation .next');\n\n                            _nav_prev.attr( 'data-from', sche_wrap.find('.prev-from-hidden').val() );\n                            _nav_prev.attr( 'data-to', sche_wrap.find('.prev-to-hidden').val() );\n\n                            _nav_next.attr( 'data-from', sche_wrap.find('.next-from-hidden').val() );\n                            _nav_next.attr( 'data-to', sche_wrap.find('.next-to-hidden').val() );\n\n                        },\n                        error: function () {\n                            location.reload();\n                        }\n                    });\n                });\n\n                $(\".filter-mobile select\").on(\"change\", function(e){\n                    e.preventDefault();\n                    var $this = $(this);\n                    var curOptData = $(this).find(':selected');\n\n                    $.ajax({\n                        type: 'POST',\n                        url: yoloL10n.ajax_url,\n                        data: {\n                            action          : 'yolo_class_responsive_navigation',\n                            from            : curOptData.attr(\"data-from\"),\n                            to              : curOptData.attr(\"data-to\"),\n                            the_category    : curOptData.data(\"filter\"),\n                            weekends        : true,\n                            shorcode_attr   : '{\"schedule_layout\":\"grid\",\"min_time\":\"01:00:00\",\"max_time\":\"24:00:00\",\"content_height\":\"\",\"source\":\"class\",\"default_view\":\"month\",\"event_cat\":\"all\",\"item_limit\":2,\"hide_time_range\":\"\",\"class\":\"\",\"show_time_column\":\"yes\",\"show_weekends\":\"yes\",\"show_cate_filter\":\"yes\",\"filter_layout\":\"list\",\"filter_type\":\"category\",\"class_cat\":\"all\",\"class_level\":\"all\",\"class_teacher\":\"all\",\"show_filter\":\"no\",\"class_filter_layout\":\"list\",\"class_show_all_tab\":\"yes\",\"show_all_tab\":\"yes\",\"general_header_toolbar\":\"yes\",\"general_header_day\":\"yes\",\"custom_general_default_date\":\"false\",\"general_default_date\":\"\",\"general_navigate_link\":\"internal\",\"general_popup\":\"yes\",\"general_popup_time\":\"yes\",\"general_popup_title\":\"yes\",\"general_popup_level\":\"yes\",\"general_popup_thumb\":\"yes\",\"general_popup_adress_teacher\":\"yes\",\"general_popup_excerpt\":\"yes\",\"general_popup_style\":\"1\",\"show_export\":\"no\",\"show_category\":\"no\",\"class_show_category\":\"yes\",\"class_item_style\":\"\",\"class_show_icon\":\"no\",\"event_split\":\"yes\",\"event_item_style\":\"background_color\",\"event_show_icon\":\"yes\",\"general_header_background\":\"#cf3d6f\",\"general_header_color\":\"#fff\",\"general_today_column\":\"#fcf8e3\",\"general_holiday_background\":\"#fcf8e3\"}',\n                            sercurity       : '81b6e41ea9'\n                        },\n                        beforeSend: function() {\n                            var sche_wrap = $this.closest('.yolo-responsive-schedule-wrap');\n                            sche_wrap.find('.res-sche-content').addClass('overlay-loading-tripped');\n                        },\n                        success: function(res){\n\n                            var sche_wrap = $this.closest('.yolo-responsive-schedule-wrap');\n                            sche_wrap.find('.res-sche-content').removeClass('overlay-loading-tripped');\n                            sche_wrap.find('.res-sche-content').html(res);\n\n                            label_start = sche_wrap.find('.label-start').val();\n                            label_end = sche_wrap.find('.label-end').val();\n\n                            sche_wrap.find('.res-sche-navigation h3').html(label_start + ' - ' + label_end);\n\n                            var _nav_prev = sche_wrap.find('.res-sche-navigation .prev');\n                            var _nav_next = sche_wrap.find('.res-sche-navigation .next');\n\n                            _nav_prev.attr( 'data-from', sche_wrap.find('.prev-from-hidden').val() );\n                            _nav_prev.attr( 'data-to', sche_wrap.find('.prev-to-hidden').val() );\n\n                            _nav_next.attr( 'data-from', sche_wrap.find('.next-from-hidden').val() );\n                            _nav_next.attr( 'data-to', sche_wrap.find('.next-to-hidden').val() );\n\n                        },\n                        error: function () {\n                            location.reload();\n                        }\n                    });\n                });\n\n            });\n\n        <\/script>\n\n\t\t            <div class=\"md-modal md-effect-1\" id=\"modal-popup_timetable_6a09574494dc6\">\n                <div class=\"md-content\">\n                    <h3><\/h3>\n                    <div class=\"div_content\">\n\t\t\t\t\t\t                            <div class=\"fc-thumb\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"fc-time\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"fc-title\"><h2><a><\/a><\/h2><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"fc-level\"><a><\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"fc-teacher\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"fc-excerpt\"><\/div>\n\t\t\t\t\t\t\n                        <div class=\"fc-register\"><a>Register<\/a><\/div>\n                        <div class=\"fc-address\"><\/div>\n                    <\/div>\n                    <a class=\"md-close\"><\/a>\n                <\/div>\n            <\/div>\n            <div class=\"md-overlay\"><\/div>\n\n\t\t\n\t\t<style id=\"yolo-timetable-css-inline-yolo_class_schedule_6a09574494dc0\" type=\"text\/css\">.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-category,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-header,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .prev:focus,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .next:focus,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .prev:hover,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .next:hover,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-month-view .fc-today.fc-day-number span,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-toolbar .fc-button:focus,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-toolbar .fc-button:hover,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-resource-cell,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-widget-header{background-color:#cf3d6f;}.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-month-view .fc-holiday{background-color:#fcf8e3;}.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .prev:focus,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .next:focus,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .prev:hover,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .next:hover{color:#fff;}.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-head td,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-resource-cell,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-widget-header{border-color:rgba(154,38,78,0.20);}.yolo_class_schedule_6a09574494dc0 .yolo-filters ul li a:hover,.yolo_class_schedule_6a09574494dc0 .yolo-filters ul li a:focus{color:#cf3d6f;}.yolo_class_schedule_6a09574494dc0 .yolo-filters ul li a.selected{color:#cf3d6f;}.yolo_class_schedule_6a09574494dc0 .yolo-filters ul li a.selected:before{border-color:#cf3d6f;}.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-ribbon,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .prev,.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .next,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-toolbar .fc-button{color:#cf3d6f;border-color:#cf3d6f;}.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.show-icon .fc-content:before,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-event.show-icon .fc-content:before{color:#cf3d6f;}.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .res-sche-navigation .next:hover,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-header .fc-close,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-header,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-toolbar .fc-button:focus,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-toolbar .fc-button:hover,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-month-view .fc-today.fc-day-number span,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-axis,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-resource-cell,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-day-header{color:#fff}.yolo_class_schedule_6a09574494dc0 .yolo-responsive-schedule-wrap .item-weekday.today,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-bg .fc-today,.yolo_class_schedule_6a09574494dc0 .yolo-class-schedule-shortcode .fc-view .fc-list-table .fc-today{background-color:#fcf8e3;}<\/style>\n\t\t<\/div><\/div><\/div><\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"Sed ut perspiciatis unde omnis iste natus error sit vol...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-846","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skhspcslc.jbcreative.hk\/en\/wp-json\/wp\/v2\/pages\/846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skhspcslc.jbcreative.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skhspcslc.jbcreative.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skhspcslc.jbcreative.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skhspcslc.jbcreative.hk\/en\/wp-json\/wp\/v2\/comments?post=846"}],"version-history":[{"count":6,"href":"https:\/\/skhspcslc.jbcreative.hk\/en\/wp-json\/wp\/v2\/pages\/846\/revisions"}],"predecessor-version":[{"id":4500,"href":"https:\/\/skhspcslc.jbcreative.hk\/en\/wp-json\/wp\/v2\/pages\/846\/revisions\/4500"}],"wp:attachment":[{"href":"https:\/\/skhspcslc.jbcreative.hk\/en\/wp-json\/wp\/v2\/media?parent=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}