{"id":22694,"date":"2024-08-07T03:02:00","date_gmt":"2024-08-06T19:02:00","guid":{"rendered":"https:\/\/bckkg.jbcreative.hk\/?page_id=22694"},"modified":"2024-10-01T21:24:35","modified_gmt":"2024-10-01T13:24:35","slug":"%e6%95%99%e5%b8%ab%e6%b4%bb%e5%8b%95","status":"publish","type":"page","link":"https:\/\/bckkg.jbcreative.hk\/en\/%e6%95%99%e5%b8%ab%e6%b4%bb%e5%8b%95\/","title":{"rendered":"Teachers Development"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"22694\" class=\"elementor elementor-22694\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ec4cd0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ec4cd0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41e4222 layouts-column-align-inherit layouts-section-position-none\" data-id=\"41e4222\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-6966fd7 elementor-widget elementor-widget-wp-widget-post_grid_widget\" data-id=\"6966fd7\" data-element_type=\"widget\" data-widget_type=\"wp-widget-post_grid_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<select class=\"post-grid-taxonomy-filter\" data-widget-id=\"post_grid_widget-REPLACE_TO_ID\"><option value=\"\">All \u5e74\u5ea6<\/option><option value=\"114\">2025-26<\/option><option value=\"91\">2024-25<\/option><option value=\"92\">2023-24<\/option><option value=\"93\">2022-23<\/option><\/select><div class=\"post-grid\" id=\"post-grid-post_grid_widget-REPLACE_TO_ID\"><\/div><div class=\"post-grid-loading\" style=\"display: none;\">Loading...<\/div>        <style>\r\n            .select2-selection {\r\n                margin-bottom: 20px !important;\r\n            }\r\n            .select2-container{\r\n                margin-top:-20px !important;\r\n            }\r\n            .select2-dropdown{\r\n                padding-top:20px;\r\n                padding-bottom: 10px;\r\n            }\r\n            .post-grid {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                margin: -10px;\r\n            }\r\n            .post-item {\r\n                flex: 0 0 calc(100% - 20px);\r\n                margin: 10px;\r\n                border: 1px solid #ddd;\r\n                border-radius: 8px;\r\n                padding: 15px;\r\n                box-sizing: border-box;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t\tjustify-content: flex-start;\r\n            }\r\n            .post-thumbnail img {\r\n                max-width: 100%;\r\n                height: auto;\r\n                border-radius: 4px;\r\n            }\r\n            .post-title {\r\n                margin-top: 10px;\r\n                margin-bottom: 5px;\r\n\t\t\t\tfont-size:25px;\r\n            }\r\n            .post-excerpt {\r\n                font-size: 14px;\r\n            }\r\n\t\t\t.post-date-container{\r\n\t\t\t\tborder: 2px solid #fdbb2d;\r\n\t\t\t\tbox-sizing:border-box;\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\tmargin-right: 20px;\r\n\t\t\t\tfont-size: 30px;\r\n\t\t\t\tcolor: #fdbb2d;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\tline-height: 1.2;\r\n\t\t\t\tmax-width: 150px;\r\n\t\t\t\twidth:100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction:column;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n            @media (max-width: 600px) {\r\n                \/*.post-item {\r\n                    flex: 0 0 calc(100% - 20px);\r\n                }*\/\r\n            }\r\n        <\/style>\r\n                <script type=\"text\/javascript\">\r\n        jQuery(function($) {\r\n            var widget_id = 'post_grid_widget-REPLACE_TO_ID';\r\n            var post_type = 'teacher-activities';\r\n            var posts_per_page = 6;\r\n            var taxonomy = 'annual';\r\n            var page = 1;\r\n            var loading = false;\r\n            var $grid = $('#post-grid-' + widget_id);\r\n            var $loading = $grid.next('.post-grid-loading');\r\n            var $filter = $('.post-grid-taxonomy-filter[data-widget-id=\"' + widget_id + '\"]');\r\n\r\n            function loadPosts(reset = false) {\r\n                if (reset) {\r\n                    page = 1;\r\n                    $grid.empty();\r\n                }\r\n\r\n                if (!loading) {\r\n                    loading = true;\r\n                    $loading.show();\r\n\r\n                    $.ajax({\r\n                        url: 'https:\/\/bckkg.jbcreative.hk\/wp-admin\/admin-ajax.php',\r\n                        type: 'post',\r\n                        data: {\r\n                            action: 'load_more_posts',\r\n                            post_type: post_type,\r\n                            posts_per_page: posts_per_page,\r\n                            page: page,\r\n                            taxonomy: taxonomy,\r\n                            term_id: $filter.val()\r\n                        },\r\n                        success: function(response) {\r\n                            if (response.trim() !== '') {\r\n                                $grid.append(response);\r\n                                loading = false;\r\n                                $loading.hide();\r\n                                page++;\r\n                            } else {\r\n                                if (page === 1) {\r\n                                    $grid.html('<p class=\"no-posts-message\">No posts found.<\/p>');\r\n                                }\r\n                                $loading.hide();\r\n                            }\r\n                        }\r\n                    });\r\n                }\r\n            }\r\n\r\n            \/\/ Load initial posts\r\n            loadPosts();\r\n\r\n            $(window).scroll(function() {\r\n                if ($(window).scrollTop() + $(window).height() > $grid.offset().top + $grid.height() - 100) {\r\n                    loadPosts();\r\n                }\r\n            });\r\n\r\n            $filter.on('change', function() {\r\n\t\t\t\tloading = false;\r\n                loadPosts(true);\r\n            });\r\n        });\r\n        <\/script>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-22694","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bckkg.jbcreative.hk\/en\/wp-json\/wp\/v2\/pages\/22694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bckkg.jbcreative.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bckkg.jbcreative.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bckkg.jbcreative.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bckkg.jbcreative.hk\/en\/wp-json\/wp\/v2\/comments?post=22694"}],"version-history":[{"count":10,"href":"https:\/\/bckkg.jbcreative.hk\/en\/wp-json\/wp\/v2\/pages\/22694\/revisions"}],"predecessor-version":[{"id":22963,"href":"https:\/\/bckkg.jbcreative.hk\/en\/wp-json\/wp\/v2\/pages\/22694\/revisions\/22963"}],"wp:attachment":[{"href":"https:\/\/bckkg.jbcreative.hk\/en\/wp-json\/wp\/v2\/media?parent=22694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}