{"id":22249,"date":"2025-07-21T14:04:31","date_gmt":"2025-07-21T06:04:31","guid":{"rendered":"https:\/\/www.hkmu.edu.hk\/ito\/?page_id=22249"},"modified":"2025-07-22T16:28:38","modified_gmt":"2025-07-22T08:28:38","slug":"jctest20250720b","status":"publish","type":"page","link":"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/","title":{"rendered":"JCTest20250720b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22249\" class=\"elementor elementor-22249\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"has_eae_slider wavo-column-gap-default elementor-section elementor-top-section elementor-element elementor-element-ebef214 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ebef214\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2946aca\" data-id=\"2946aca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1afc3cf elementor-widget elementor-widget-text-editor\" data-id=\"1afc3cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        .accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n        }\n        .accordion-content.open {\n            max-height: 500px; \/* Adjust based on content *\/\n        }\n        .status-dot {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            display: inline-block;\n        }\n        .status-title {\n            width: 60px; \/* Fixed width for titles to align with dots *\/\n            text-align: center;\n        }\n        .status-dot-container {\n            width: 60px; \/* Match title width for perfect alignment *\/\n            display: flex;\n            justify-content: center; \/* Center the dot within its container *\/\n        }\n\t\t.hkmu_banner h1 {\n\t\t\tcolor: #fff !important;\n\t\t\ttext-shadow: black 5px 5px 10px !important;\n\t\t\tposition: absolute !important;\n\t\t\tleft: 10px !important;\n\t\t\tbottom: 30px !important;\n\t\t\tpadding: 0 !important;\n\t\t\tz-index: 1 !important;\n\t\t\tfont-size: var(--hkmu-theme-h1-font-size) !important;\n\t\t\tfont-family: var(--hkmu-theme-h1-font-family), var(--hkmu-theme-sc-font-family), Arial !important;\n\t\t\tfont-weight: var(--hkmu-theme-h1-font-weight) !important;\n\t\t\tline-height: var(--hkmu-theme-h1-line-height) !important;\n\t\t\tletter-spacing: var(--hkmu-theme-h1-letter-spacing) !important;\n\t\t}\n    <\/style>\n\n    <div class=\"max-w-4xl mx-auto\">\n        <h1 class=\"text-2xl font-bold mb-6 text-center\">Scholarship Search<\/h1>\n        \n        \n        <div class=\"bg-white p-6 rounded-lg shadow-md mb-12\">\n            <div class=\"grid grid-cols-1 md:grid-cols-5 gap-4\">\n                \n                <div>\n                    <p class=\"font-semibold mb-2\">Level of Study<\/p>\n                    <label class=\"block mb-2\">\n                        <input type=\"checkbox\" class=\"level-filter\" value=\"Undergraduate\"> Undergraduate\n                    <\/label>\n                    <label class=\"block\">\n                        <input type=\"checkbox\" class=\"level-filter\" value=\"Postgraduate\"> Postgraduate\n                    <\/label>\n                <\/div>\n\n                \n                <div>\n                    <p class=\"font-semibold mb-2\">Faculty<\/p>\n                    <label class=\"block mb-2\">\n                        <input type=\"checkbox\" class=\"faculty-filter\" value=\"Engineering\"> Engineering\n                    <\/label>\n                    <label class=\"block mb-2\">\n                        <input type=\"checkbox\" class=\"faculty-filter\" value=\"Science\"> Science\n                    <\/label>\n                    <label class=\"block\">\n                        <input type=\"checkbox\" class=\"faculty-filter\" value=\"Business\"> Business\n                    <\/label>\n                <\/div>\n\n                \n                <div>\n                    <p class=\"font-semibold mb-2\">Mode of Study<\/p>\n                    <label class=\"block mb-2\">\n                        <input type=\"checkbox\" class=\"mode-filter\" value=\"Full-time\"> Full-time\n                    <\/label>\n                    <label class=\"block\">\n                        <input type=\"checkbox\" class=\"mode-filter\" value=\"Part-time\"> Part-time\n                    <\/label>\n                <\/div>\n\n                \n                <div>\n                    <p class=\"font-semibold mb-2\">Place of Origin<\/p>\n                    <label class=\"block mb-2\">\n                        <input type=\"checkbox\" class=\"origin-filter\" value=\"Local\"> Local\n                    <\/label>\n                    <label class=\"block\">\n                        <input type=\"checkbox\" class=\"origin-filter\" value=\"Non-local\"> Non-local\n                    <\/label>\n                <\/div>\n\n                \n                <div>\n                    <p class=\"font-semibold mb-2\">Keyword<\/p>\n                    <input type=\"text\" id=\"keyword-filter\" class=\"w-full p-2 border rounded\" placeholder=\"Enter keyword\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        \n        <div>\n            <div class=\"flex justify-between items-center mb-4\">\n                <h2 class=\"font-semibold\">Scholarships<\/h2>\n                <div class=\"flex space-x-6 text-sm font-medium text-gray-700\" style=\"padding-right:23px\">\n                    <span class=\"status-title\">FT<\/span>\n                    <span class=\"status-title\">PT<\/span>\n                    <span class=\"status-title\">Local<\/span>\n                    <span class=\"status-title\">Non-local<\/span>\n                <\/div>\n            <\/div>\n            <div id=\"scholarship-list\" class=\"space-y-4\">\n                \n                <div class=\"bg-white rounded-lg shadow-md\">\n                    <button class=\"accordion-toggle w-full text-left p-4 bg-gray-200 hover:bg-gray-300 flex justify-between items-center\">\n                        <h3 class=\"text-lg font-semibold\">Merit Scholarship<\/h3>\n                        <div class=\"flex space-x-6\">\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-blue-500\" title=\"Full-time\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-gray-300\" title=\"Part-time\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-green-500\" title=\"Local\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-gray-300\" title=\"Non-local\"><\/span><\/span>\n                        <\/div>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-4\">\n                            <p><strong>Level:<\/strong> Undergraduate<\/p>\n                            <p><strong>Faculty:<\/strong> Engineering<\/p>\n                            <p><strong>Mode:<\/strong> Full-time<\/p>\n                            <p><strong>Origin:<\/strong> Local<\/p>\n                            <p><strong>Amount:<\/strong> $5,000<\/p>\n                            <p><strong>Eligibility:<\/strong> Minimum GPA 3.5, enrolled in Engineering program<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                \n                <div class=\"bg-white rounded-lg shadow-md\">\n                    <button class=\"accordion-toggle w-full text-left p-4 bg-gray-200 hover:bg-gray-300 flex justify-between items-center\">\n                        <h3 class=\"text-lg font-semibold\">Science Excellence Award<\/h3>\n                        <div class=\"flex space-x-6\">\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-gray-300\" title=\"Full-time\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-yellow-500\" title=\"Part-time\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-gray-300\" title=\"Local\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-red-500\" title=\"Non-local\"><\/span><\/span>\n                        <\/div>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-4\">\n                            <p><strong>Level:<\/strong> Postgraduate<\/p>\n                            <p><strong>Faculty:<\/strong> Science<\/p>\n                            <p><strong>Mode:<\/strong> Part-time<\/p>\n                            <p><strong>Origin:<\/strong> Non-local<\/p>\n                            <p><strong>Amount:<\/strong> $7,500<\/p>\n                            <p><strong>Eligibility:<\/strong> Published research, enrolled in Science postgraduate program<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                \n                <div class=\"bg-white rounded-lg shadow-md\">\n                    <button class=\"accordion-toggle w-full text-left p-4 bg-gray-200 hover:bg-gray-300 flex justify-between items-center\">\n                        <h3 class=\"text-lg font-semibold\">Business Leadership Grant<\/h3>\n                        <div class=\"flex space-x-6\">\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-blue-500\" title=\"Full-time\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-gray-300\" title=\"Part-time\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-green-500\" title=\"Local\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-gray-300\" title=\"Non-local\"><\/span><\/span>\n                        <\/div>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-4\">\n                            <p><strong>Level:<\/strong> Undergraduate<\/p>\n                            <p><strong>Faculty:<\/strong> Business<\/p>\n                            <p><strong>Mode:<\/strong> Full-time<\/p>\n                            <p><strong>Origin:<\/strong> Local<\/p>\n                            <p><strong>Amount:<\/strong> $3,000<\/p>\n                            <p><strong>Eligibility:<\/strong> Demonstrated leadership, enrolled in Business program<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n                <div class=\"bg-white rounded-lg shadow-md\">\n                    <button class=\"accordion-toggle w-full text-left p-4 bg-gray-200 hover:bg-gray-300 flex justify-between items-center\">\n                        <h3 class=\"text-lg font-semibold\">Johnny Grant<\/h3>\n                        <div class=\"flex space-x-6\">\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-blue-500\" title=\"Full-time\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-gray-300\" title=\"Part-time\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-green-500\" title=\"Local\"><\/span><\/span>\n                            <span class=\"status-dot-container\"><span class=\"status-dot bg-gray-300\" title=\"Non-local\"><\/span><\/span>\n                        <\/div>\n                    <\/button>\n                    <div class=\"accordion-content\">\n                        <div class=\"p-4\">\n                            <p><strong>Level:<\/strong> Postgraduate<\/p>\n                            <p><strong>Faculty:<\/strong> Business<\/p>\n                            <p><strong>Mode:<\/strong> Full-time<\/p>\n                            <p><strong>Origin:<\/strong> Local<\/p>\n                            <p><strong>Amount:<\/strong> $8,000<\/p>\n                            <p><strong>Eligibility:<\/strong> Demonstrated leadership, enrolled in Business program<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        \n        <div id=\"no-results\" class=\"hidden text-center text-gray-500 mt-4\">\n            No scholarships found matching your criteria.\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Accordion functionality\n        const accordionToggles = document.querySelectorAll('.accordion-toggle');\n        accordionToggles.forEach(toggle => {\n            toggle.addEventListener('click', () => {\n                const content = toggle.nextElementSibling;\n                content.classList.toggle('open');\n            });\n        });\n\n        \/\/ Filtering logic\n        const levelFilters = document.querySelectorAll('.level-filter');\n        const facultyFilters = document.querySelectorAll('.faculty-filter');\n        const modeFilters = document.querySelectorAll('.mode-filter');\n        const originFilters = document.querySelectorAll('.origin-filter');\n        const keywordFilter = document.getElementById('keyword-filter');\n        const scholarshipList = document.getElementById('scholarship-list');\n        const noResults = document.getElementById('no-results');\n\n        function filterScholarships() {\n            const selectedLevels = Array.from(levelFilters)\n                .filter(cb => cb.checked)\n                .map(cb => cb.value);\n            const selectedFaculties = Array.from(facultyFilters)\n                .filter(cb => cb.checked)\n                .map(cb => cb.value);\n            const selectedModes = Array.from(modeFilters)\n                .filter(cb => cb.checked)\n                .map(cb => cb.value);\n            const selectedOrigins = Array.from(originFilters)\n                .filter(cb => cb.checked)\n                .map(cb => cb.value);\n            const keyword = keywordFilter.value.toLowerCase().trim();\n\n            const scholarships = scholarshipList.querySelectorAll('.bg-white');\n            let hasResults = false;\n\n            scholarships.forEach(scholarship => {\n                const level = scholarship.querySelector('p:nth-child(1)').textContent.replace('Level: ', '');\n                const faculty = scholarship.querySelector('p:nth-child(2)').textContent.replace('Faculty: ', '');\n                const mode = scholarship.querySelector('p:nth-child(3)').textContent.replace('Mode: ', '');\n                const origin = scholarship.querySelector('p:nth-child(4)').textContent.replace('Origin: ', '');\n                const name = scholarship.querySelector('h3').textContent.toLowerCase();\n\n                const levelMatch = selectedLevels.length === 0 || selectedLevels.includes(level);\n                const facultyMatch = selectedFaculties.length === 0 || selectedFaculties.includes(faculty);\n                const modeMatch = selectedModes.length === 0 || selectedModes.includes(mode);\n                const originMatch = selectedOrigins.length === 0 || selectedOrigins.includes(origin);\n                const keywordMatch = keyword === '' || name.includes(keyword);\n\n                if (levelMatch && facultyMatch && modeMatch && originMatch && keywordMatch) {\n                    scholarship.classList.remove('hidden');\n                    hasResults = true;\n                } else {\n                    scholarship.classList.add('hidden');\n                }\n            });\n\n            noResults.classList.toggle('hidden', hasResults);\n        }\n\n        \/\/ Add event listeners to filters\n        levelFilters.forEach(cb => cb.addEventListener('change', filterScholarships));\n        facultyFilters.forEach(cb => cb.addEventListener('change', filterScholarships));\n        modeFilters.forEach(cb => cb.addEventListener('change', filterScholarships));\n        originFilters.forEach(cb => cb.addEventListener('change', filterScholarships));\n        keywordFilter.addEventListener('input', filterScholarships);\n    <\/script>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Scholarship Search Level of Study Undergraduate Postgraduate Faculty Engineering Science Business Mode of Study Full-time Part-time Place of Origin Local Non-local Keyword Scholarships FT PT Local Non-local Merit Scholarship Level: Undergraduate Faculty: Engineering Mode: Full-time Origin: Local Amount: $5,000 Eligibility: Minimum GPA 3.5, enrolled in Engineering program Science Excellence Award Level: Postgraduate Faculty: Science Mode:...<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_expiration-date-status":"","_expiration-date":0,"_expiration-date-type":"","_expiration-date-categories":[],"_expiration-date-options":[]},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.3 (Yoast SEO v21.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JCTest20250720b - Information Technology Office - Hong Kong Metropolitan University<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JCTest20250720b\" \/>\n<meta property=\"og:description\" content=\"Scholarship Search Level of Study Undergraduate Postgraduate Faculty Engineering Science Business Mode of Study Full-time Part-time Place of Origin Local\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/\" \/>\n<meta property=\"og:site_name\" content=\"Information Technology Office - Hong Kong Metropolitan University\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-22T08:28:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JCTest20250720b - Information Technology Office - Hong Kong Metropolitan University","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/","og_locale":"en_US","og_type":"article","og_title":"JCTest20250720b","og_description":"Scholarship Search Level of Study Undergraduate Postgraduate Faculty Engineering Science Business Mode of Study Full-time Part-time Place of Origin Local","og_url":"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/","og_site_name":"Information Technology Office - Hong Kong Metropolitan University","article_modified_time":"2025-07-22T08:28:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/","url":"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/","name":"JCTest20250720b - Information Technology Office - Hong Kong Metropolitan University","isPartOf":{"@id":"https:\/\/www.hkmu.edu.hk\/ito\/#website"},"datePublished":"2025-07-21T06:04:31+00:00","dateModified":"2025-07-22T08:28:38+00:00","breadcrumb":{"@id":"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hkmu.edu.hk\/ito\/jctest20250720b\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Information Technology Office","item":"\/ito\/"},{"@type":"ListItem","position":2,"name":"JCTest20250720b"}]},{"@type":"WebSite","@id":"https:\/\/www.hkmu.edu.hk\/ito\/#website","url":"https:\/\/www.hkmu.edu.hk\/ito\/","name":"Information Technology Office - Hong Kong Metropolitan University","description":"Information Technology Office - Hong Kong Metropolitan University","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hkmu.edu.hk\/ito\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.hkmu.edu.hk\/ito\/wp-json\/wp\/v2\/pages\/22249"}],"collection":[{"href":"https:\/\/www.hkmu.edu.hk\/ito\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hkmu.edu.hk\/ito\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hkmu.edu.hk\/ito\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hkmu.edu.hk\/ito\/wp-json\/wp\/v2\/comments?post=22249"}],"version-history":[{"count":19,"href":"https:\/\/www.hkmu.edu.hk\/ito\/wp-json\/wp\/v2\/pages\/22249\/revisions"}],"predecessor-version":[{"id":22285,"href":"https:\/\/www.hkmu.edu.hk\/ito\/wp-json\/wp\/v2\/pages\/22249\/revisions\/22285"}],"wp:attachment":[{"href":"https:\/\/www.hkmu.edu.hk\/ito\/wp-json\/wp\/v2\/media?parent=22249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}