{"id":2955,"date":"2022-09-14T18:53:11","date_gmt":"2022-09-14T10:53:11","guid":{"rendered":"https:\/\/main.bell.org.hk\/?page_id=2955"},"modified":"2025-08-20T13:25:05","modified_gmt":"2025-08-20T05:25:05","slug":"cca-signups","status":"publish","type":"page","link":"https:\/\/main.bell.org.hk\/index.php\/cca-signups\/","title":{"rendered":"CCA-Signups"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2955\" class=\"elementor elementor-2955\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d431068 elementor-section-boxed elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"d431068\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8502f51\" data-id=\"8502f51\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1bac74 elementor-icon-list--layout-inline elementor-widget__width-auto elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"b1bac74\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/main.bell.org.hk\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-list.min.css\">\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/main.bell.org.hk\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-angle-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc44714 elementor-widget__width-auto submenu-cca-css elementor-nav-menu--dropdown-none elementor-widget elementor-widget-nav-menu\" data-id=\"cc44714\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\\&quot;fas fa-caret-down\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/main.bell.org.hk\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-nav-menu.min.css\">\t\t\t<nav class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-cc44714\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-20318\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\">CCA<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20301\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-overview\/\" class=\"elementor-sub-item\">Overview<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20302\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-general-information\/\" class=\"elementor-sub-item\">General information<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20303\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-signups\/\" class=\"elementor-sub-item\">CCA Signups<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20304\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-musical-academy\/\" class=\"elementor-sub-item\">Musical Academy<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20305\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-summer-holiday-programs\/\" class=\"elementor-sub-item\">Summer Holiday Programs<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-cc44714\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-20318\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">CCA<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20301\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-overview\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Overview<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20302\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-general-information\/\" class=\"elementor-sub-item\" tabindex=\"-1\">General information<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20303\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-signups\/\" class=\"elementor-sub-item\" tabindex=\"-1\">CCA Signups<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20304\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-musical-academy\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Musical Academy<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-20305\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cca-summer-holiday-programs\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Summer Holiday Programs<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-722444f elementor-icon-list--layout-inline elementor-widget__width-auto elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"722444f\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-angle-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Signups<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f64772e elementor-widget elementor-widget-heading\" data-id=\"f64772e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">Signups<\/h1>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-710f41c elementor-section-boxed elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"710f41c\" data-element_type=\"section\" id=\"cca-sessions-filter\" data-settings=\"{&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-85906d4\" data-id=\"85906d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ceb0a7b elementor-section-full_width elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"ceb0a7b\" data-element_type=\"section\" data-settings=\"{&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b5ec9c2\" data-id=\"b5ec9c2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e15d893 elementor-widget elementor-widget-html\" data-id=\"e15d893\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\r\n\t<select class=\"searchdataselection\" name=\"weekdayssub\" id=\"weekdayssub\">\r\n\t\t<option value=\"\">- Weekdays -<\/option>\r\n\t\t<option value=\"Sun\">Sun<\/option>\r\n\t\t<option value=\"Mon\">Mon<\/option>\r\n\t\t<option value=\"Tue\">Tue<\/option>\r\n\t\t<option value=\"Wed\">Wed<\/option>\r\n\t\t<option value=\"Thu\">Thu<\/option>\r\n\t\t<option value=\"Fri\">Fri<\/option>\r\n\t\t<option value=\"Sat\">Sat<\/option>\r\n\t<\/select>\r\n\t<div class=\"searchdataselectiondata\" id=\"searchdataday\"><\/div>\r\n<\/div>\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ec75077\" data-id=\"ec75077\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c73b659 elementor-widget elementor-widget-html\" data-id=\"c73b659\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\r\n\t<select class=\"searchdataselection\" name=\"grade\" id=\"grade\">\r\n\t\t<option value=\"\">- Grade -<\/option>\r\n\t\t<option value=\"-2,-2e\">Year 1<\/option>\r\n\t\t<option value=\"-1,-1e\">Year 2<\/option>\r\n\t\t<option value=\"0,0e\">Foundation Year<\/option>\r\n\t\t<option value=\"1,1e\">Grade 1<\/option>\r\n\t\t<option value=\"2,2e\">Grade 2<\/option>\r\n\t\t<option value=\"3,3e\">Grade 3<\/option>\r\n\t\t<option value=\"4,4e\">Grade 4<\/option>\r\n\t\t<option value=\"5,5e\">Grade 5<\/option>\r\n\t\t<option value=\"6,6e\">Grade 6<\/option>\r\n\t\t<option value=\"7,7e\">Grade 7<\/option>\r\n\t\t<option value=\"8,8e\">Grade 8<\/option>\r\n\t\t<option value=\"9,9e\">Grade 9<\/option>\r\n\t\t<option value=\"10,10e\">Grade 10<\/option>\r\n\t\t<option value=\"11,11e\">Grade 11<\/option>\r\n\t\t<option value=\"12,12e\">Grade 12<\/option>\r\n\t<\/select>\r\n\t<div class=\"searchdataselectiondata\" id=\"searchdatagrade\"> <\/div>\r\n<\/div>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5b0f03f elementor-section-full_width elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"5b0f03f\" data-element_type=\"section\" id=\"cca_session_search1\" data-settings=\"{&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-293f4b2\" data-id=\"293f4b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1a7138 elementor-widget elementor-widget-html\" data-id=\"b1a7138\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\r\n\t<select class=\"searchdataselection\" name=\"course_codesub\" id=\"course_codesub\"><\/select>\r\n\t<div class=\"searchdataselectiondata\" id=\"searchdataitem\"><\/div>\r\n\r\n<\/div>\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0718f33\" data-id=\"0718f33\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b423066 elementor-widget elementor-widget-html\" data-id=\"b423066\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\r\n\r\n\t<select class=\"searchdataselection\" name=\"timesearch\" id=\"timesearch\">\r\n\t\t<option value=\"\">- Time -<\/option>\r\n\t\t<option value=\"0\">Before 2:15pm<\/option>\r\n\t\t<option value=\"1\">2:15pm \u2013 3:15pm<\/option>\r\n\t\t<option value=\"2\">3:30pm \u2013 4:30pm<\/option>\r\n\t\t<option value=\"3\">4:30pm \u2013 5:30pm<\/option>\r\n\t\t<option value=\"4\">5:30pm Onwards<\/option>\r\n\t<\/select>\r\n\t<div class=\"searchdataselectiondata\" id=\"searchdatatime\"> <\/div>\r\n\r\n<\/div>\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<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-94651c4 elementor-section-full_width elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"94651c4\" data-element_type=\"section\" id=\"cca-sessions-table\" data-settings=\"{&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a2ed46d\" data-id=\"a2ed46d\" data-element_type=\"column\" id=\"cca_session_talbe\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10597f9 elementor-widget elementor-widget-shortcode\" data-id=\"10597f9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script id='cca_event_api_termid' type='application\/json'>3503<\/script>\n                <script id='cca_preschool_event_api_termid' type='application\/json'>3504<\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0083ca6 elementor-widget elementor-widget-html\" data-id=\"0083ca6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"maintable\"><\/div>\r\n<script>\r\n  $(\".nonActive\").click(function () {\r\n    $(this).addClass(\"buttonActive\");\r\n    $(\".nonActive\").not(this).removeClass(\"buttonActive\");\r\n  });\r\n  \/*\r\n\tcan ignore id below:\r\n\tdisplaycoursetable\r\n\tdisplaycoursedetailtable\r\n\tsearchcourseinstructorscontent\r\n\tsearchdata\r\n\tcourselistInstructor\r\n\tcoursedetails\r\n\tcoursedetails\r\n\tpg-274-2\r\n\tpg-274-3\r\n\tpg-274-4\r\n\tpg-274-5\r\n\t*\/\r\n\r\n  const termid = document.getElementById(\"cca_event_api_termid\").textContent;\r\n\r\n  const cca_activitle_activitle =\r\n    \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/activities.php?\" +\r\n    (termid != \"\" ? \"termid=\" + termid : \"\");\r\n\r\n  const queryString = window.location.search;\r\n\r\n  const urlParams = new URLSearchParams(queryString);\r\n\r\n  const page_id = urlParams.get(\"id\");\r\n\r\n  const page_item = urlParams.get(\"item\");\r\n\r\n  const page_coursetype = urlParams.get(\"coursetype\");\r\n\r\n  var currentcoursecode = \"\";\r\n\r\n  if (page_id != null || page_item != null || page_coursetype != null) {\r\n    var url = \"\";\r\n    var courses_type_url =\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses_type.php\";\r\n    if (page_coursetype != null) {\r\n      url =\r\n        \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php?course_type=\" +\r\n        page_coursetype;\r\n    } else {\r\n      url = \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php\";\r\n    }\r\n    var activitiestypearr = [];\r\n\r\n    var activitiestypearrid = [];\r\n    $.getJSON(courses_type_url, function (activitiestype) {\r\n      \/\/console.log(\"activitiestype\");\r\n      \/\/console.log(activitiestype);\r\n      \/\/console.log(activitiestype.length);\r\n\r\n      for (var t = 0; t < activitiestype.length; t++) {\r\n        activitiestypearrid.push(activitiestype[t].id);\r\n        activitiestypearr.push(activitiestype[t].name);\r\n      }\r\n\r\n      \/\/console.log(\"activitiestypearrid\");\r\n      \/\/console.log(activitiestypearrid);\r\n      \/\/console.log(activitiestypearrid.length);\r\n      \/\/console.log(\"activitiestypearr\");\r\n      \/\/console.log(activitiestypearr);\r\n      \/\/console.log(activitiestypearr.length);\r\n    });\r\n\r\n    $.getJSON(url, function (course) {\r\n      \/\/console.log(\"get course url:\");\r\n      \/\/console.log(url);\r\n      \/\/console.log(course.length);\r\n      \/\/console.log(course);\r\n      $(\"#course_codesub\").append('<option value=\"\">- Course Name -<\/option>');\r\n\r\n      var contenttable = \"\";\r\n\r\n      var tablearray = [];\r\n\r\n      if (page_coursetype != null) {\r\n        \/\/console.log(\"page_coursetype != null\");\r\n\r\n        for (var l = 0; l < course.length; l++) {\r\n          $(\"#course_codesub\").append(\r\n            '<option value=\"' +\r\n              course[l].course_code +\r\n              '\">' +\r\n              course[l].course_name +\r\n              \"<\/option>\"\r\n          );\r\n          if (course[l].type) {\r\n            for (var k = 0; k < course[l].type.length; k++) {\r\n              if (\r\n                activitiestypearrid.length == 0 &&\r\n                course[l].type[k].id == page_coursetype\r\n              ) {\r\n                activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                activitiestypearr.push(\r\n                  new Array(\r\n                    course[l].type[k].id,\r\n                    course[l].type[k].course_name,\r\n                    course[l].type[k].chi_name\r\n                  )\r\n                );\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        for (var p = 0; p < activitiestypearr.length; p++) {\r\n          contenttable +=\r\n            '<table class=\"tabtable\"><tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>' +\r\n            activitiestypearr[p] +\r\n            '<\/h4><\/span><\/td><\/tr><\/table><table class=\"tabtable\">';\r\n          \/\/console.log(\"course[m]\");\r\n          \/\/console.log(course[m]);\r\n\r\n          for (var m = 0; m < course.length; m++) {\r\n            \/\/console.log(course[m].type);\r\n            \/\/console.log(course[m].type.id);\r\n            \/\/console.log(activitiestypearr[p]);\r\n            \/\/console.log(activitiestypearrid[p]);\r\n\r\n            if (course[m].type.id == activitiestypearrid[p]) {\r\n              if (course[m].course_code == page_item) {\r\n                contenttable +=\r\n                  '<tr><td id=\"' +\r\n                  course[m].course_code +\r\n                  'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' +\r\n                  course[m].id +\r\n                  \"','\" +\r\n                  course[m].course_code +\r\n                  \"')\\\"><span>\" +\r\n                  course[m].course_name +\r\n                  \"<\/span><\/td><\/tr>\";\r\n              } else {\r\n                contenttable +=\r\n                  '<tr><td id=\"' +\r\n                  course[m].course_code +\r\n                  'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' +\r\n                  course[m].id +\r\n                  \"','\" +\r\n                  course[m].course_code +\r\n                  \"')\\\"><span>\" +\r\n                  course[m].course_name +\r\n                  \"<\/span><\/td><\/tr>\";\r\n              }\r\n            }\r\n          }\r\n        }\r\n      } else {\r\n        \/\/console.log(\"page_coursetype is null\");\r\n        \/\/console.log(\"of for activitiestypearr\");\r\n        \/\/console.log(activitiestypearr.length);\r\n        \/\/console.log(activitiestypearr);\r\n\r\n        for (var l = 0; l < course.length; l++) {\r\n          $(\"#course_codesub\").append(\r\n            '<option value=\"' +\r\n              course[l].course_code +\r\n              '\">' +\r\n              course[l].course_name +\r\n              \"<\/option>\"\r\n          );\r\n          if (course[l].type) {\r\n            for (var k = 0; k < course[l].type.length; k++) {\r\n              if (activitiestypearrid.length == 0) {\r\n                activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                activitiestypearr.push(\r\n                  new Array(\r\n                    course[l].type[k].id,\r\n                    course[l].type[k].course_name,\r\n                    course[l].type[k].chi_name\r\n                  )\r\n                );\r\n              } else {\r\n                if (activitiestypearrid.indexOf(course[l].type[k].id) == -1) {\r\n                  activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                  activitiestypearr.push(\r\n                    new Array(\r\n                      course[l].type[k].id,\r\n                      course[l].type[k].course_name,\r\n                      course[l].type[k].chi_name\r\n                    )\r\n                  );\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        for (var p = 0; p < activitiestypearr.length; p++) {\r\n          contenttable +=\r\n            '<table class=\"tabtable\"><tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>' +\r\n            activitiestypearr[p] +\r\n            '<\/h4><\/span><\/td><\/tr><\/table><table class=\"tabtable\">';\r\n\r\n          for (var m = 0; m < course.length; m++) {\r\n            if (course[m].type.id == activitiestypearrid[p]) {\r\n              if (course[m].course_code == page_item) {\r\n                contenttable +=\r\n                  '<tr><td id=\"' +\r\n                  course[m].course_code +\r\n                  'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' +\r\n                  course[m].id +\r\n                  \"','\" +\r\n                  course[m].course_code +\r\n                  \"')\\\"><span>\" +\r\n                  course[m].course_name +\r\n                  \"<\/span><\/td><\/tr>\";\r\n              } else {\r\n                contenttable +=\r\n                  '<tr><td id=\"' +\r\n                  course[m].course_code +\r\n                  'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' +\r\n                  course[m].id +\r\n                  \"','\" +\r\n                  course[m].course_code +\r\n                  \"')\\\"><span>\" +\r\n                  course[m].course_name +\r\n                  \"<\/span><\/td><\/tr>\";\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        contenttable +=\r\n          '<tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>Other<\/h4><\/span><\/td><\/tr>';\r\n\r\n        for (var m = 0; m < course.length; m++) {\r\n          if (course[m].type.length == 0) {\r\n            if (course[m].course_code == page_item) {\r\n              contenttable +=\r\n                '<tr><td id=\"' +\r\n                course[m].course_code +\r\n                'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' +\r\n                course[m].id +\r\n                \"','\" +\r\n                course[m].course_code +\r\n                \"')\\\"><span>\" +\r\n                course[m].course_name +\r\n                \"<\/span><\/td><\/tr>\";\r\n            } else {\r\n              contenttable +=\r\n                '<tr><td id=\"' +\r\n                course[m].course_code +\r\n                'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' +\r\n                course[m].id +\r\n                \"','\" +\r\n                course[m].course_code +\r\n                \"')\\\"><span>\" +\r\n                course[m].course_name +\r\n                \"<\/span><\/td><\/tr>\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      contenttable += \"<\/table>\";\r\n\r\n      $(\"#caabarContent\").html(contenttable);\r\n    });\r\n\r\n    searchbytablefromotherpage(page_coursetype, page_id, page_item);\r\n  } else {\r\n    $.getJSON(\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php\",\r\n      function (course) {\r\n        sessionStorage.setItem(\"c\", 2);\r\n\r\n        $(\"#course_codesub\").append(\r\n          '<option value=\"\">- Course Name -<\/option>'\r\n        );\r\n\r\n        var activitiestypediv = \"\";\r\n\r\n        var activitiestypearr = [];\r\n\r\n        var activitiestypearrid = [];\r\n\r\n        var contenttable = '<table id=\"tabtable\">';\r\n\r\n        for (var l = 0; l < course.length; l++) {\r\n          \/\/$(\"#course_codesub\").append('<option value=\"' + course[l].course_code + '\">' + course[l].course_name + '<\/option>');\r\n          $(\"#course_codesub\").append(\r\n            '<option value=\"' +\r\n              course[l].course_code +\r\n              '\">' +\r\n              course[l].course_name +\r\n              \"<\/option>\"\r\n          );\r\n\r\n          \/\/contenttable += '<tr><td id=\"' + course[l].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' + course[l].id + '\\',\\'' + course[l].course_code + '\\')\"><span>' + course[l].course_name + '<\/span><\/td><\/tr>';\r\n          contenttable +=\r\n            '<tr><td id=\"' +\r\n            course[l].course_code +\r\n            'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' +\r\n            course[l].id +\r\n            \"','\" +\r\n            course[l].course_code +\r\n            \"')\\\"><span>\" +\r\n            course[l].course_name +\r\n            \"<\/span><\/td><\/tr>\";\r\n\r\n          if (course[l].type) {\r\n            for (var k = 0; k < course[l].type.length; k++) {\r\n              if (activitiestypearrid.length == 0) {\r\n                activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                activitiestypearr.push(\r\n                  new Array(\r\n                    course[l].type[k].id,\r\n                    course[l].type[k].course_name,\r\n                    course[l].type[k].chi_name\r\n                  )\r\n                );\r\n              } else {\r\n                if (activitiestypearrid.indexOf(course[l].type[k].id) == -1) {\r\n                  activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                  activitiestypearr.push(\r\n                    new Array(\r\n                      course[l].type[k].id,\r\n                      course[l].type[k].course_name,\r\n                      course[l].type[k].chi_name\r\n                    )\r\n                  );\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        contenttable += \"<\/table>\";\r\n\r\n        contenttable += \"<div>\";\r\n\r\n        for (var t = 0; t < activitiestypearr.length; t++) {\r\n          activitiestypediv +=\r\n            '<input type=\"button\" class=\"ccatypebytn\" id=\"' +\r\n            activitiestypearr[t][0] +\r\n            'typeid\" value=\"' +\r\n            activitiestypearr[t][1] +\r\n            '\" onclick=\"searchbytypetable(' +\r\n            activitiestypearr[t][0] +\r\n            ');\"> ';\r\n        }\r\n\r\n        activitiestypediv +=\r\n          '<div class=\"ccatopicmessage\"><span class=\"ccatopicmessagecontent\">IMPORTANT: Due to the suspension of activities for all grade levels, we have decided to postpone the opening date for Term 2 ASA Registration, and a new date will be communicated in early-January. Please monitor this page and the divisional newsletters for updates.<\/span><\/div>';\r\n\r\n        $(\"#activitiestypediv\").html(activitiestypediv);\r\n\r\n        contenttable += \"<\/div>\";\r\n\r\n        $(\"#caabarContent\").html(contenttable);\r\n      }\r\n    );\r\n\r\n    \/*\r\n\t\t\tvar coursetypeselectionurl = 'https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses_type.php';\r\n\t\t\t$.getJSON(coursetypeselectionurl, function(coursetype) {\r\n\t\t\t\t$(\"#course_codetypesub\").append('<option value=\"\">- Course Type -<\/option>');\r\n\t\t\t\tfor (var p = 0; p < coursetype.length; p++) {\r\n\t\t\t\t\t$(\"#course_codetypesub\").append('<option value=\"' + coursetype[p].id + '\">' + coursetype[p].course_name + '<\/option>');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t*\/\r\n    var sortitemandorder = [];\r\n\r\n    var activitiesidsub = [];\r\n\r\n    var course_codesub = [];\r\n\r\n    var course_namesub = [];\r\n\r\n    var course_nametypesub = [];\r\n\r\n    var section_nosub = [];\r\n\r\n    var namesub = [];\r\n\r\n    var max_enrollsub = [];\r\n\r\n    var teachersub = [];\r\n\r\n    var weekdayssub = [];\r\n\r\n    var start_timesub = [];\r\n\r\n    var end_timesub = [];\r\n\r\n    var gendersub = [];\r\n\r\n    var gradesub = [];\r\n\r\n    var locationsub = [];\r\n\r\n    var venuesub = [];\r\n\r\n    var feesub = [];\r\n\r\n    var descriptionsub = [];\r\n\r\n    var mainarray = [];\r\n\r\n    var searchitem = [];\r\n\r\n    var searchGrade = [];\r\n\r\n    var searchtime = [];\r\n\r\n    var searchitemtype = [];\r\n\r\n    var searchtimetext = [];\r\n\r\n    var searchtypetext = [];\r\n\r\n    var searchcourse_code = [];\r\n\r\n    var searchcourse_codetext = [];\r\n\r\n    var currentpage = 1;\r\n\r\n    var totalpage = 1;\r\n\r\n    var openactives = \"\";\r\n\r\n    $(\"#courselist\").hide();\r\n\r\n    $(\"#coursedetails\").hide();\r\n\r\n    $(\"#displaycoursedetailtable\").hide();\r\n\r\n    $(\"#displaycoursetable\").hide();\r\n    $(\"#cca_session_title\").show();\r\n\r\n    $.getJSON(\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/timeslot.php\",\r\n      function (time) {\r\n        $(\"#timesearch\").append('<option value=\"\">- Time -<\/option>');\r\n\r\n        for (var l = 0; l < time.length; l++) {\r\n          $(\"#timesearch\").append(\r\n            '<option value=\"' +\r\n              time[l].timeslot +\r\n              '\">' +\r\n              time[l].timeslot +\r\n              \"<\/option>\"\r\n          );\r\n        }\r\n      }\r\n    );\r\n\r\n    $.getJSON(cca_activitle_activitle + \"\", function (res) {\r\n      if (res.length > 0) {\r\n        totalpage = Math.ceil(res.length \/ 1000);\r\n      } else {\r\n        totalpage = 1;\r\n      }\r\n\r\n      var lengthstr = \"\";\r\n\r\n      for (var k = 1; k < totalpage + 1; k++) {\r\n        lengthstr +=\r\n          ' <span class=\"pagenumstr\" onclick=\"searchtable(' +\r\n          k +\r\n          \",'',0)\\\">\" +\r\n          k +\r\n          \"<\/span> \";\r\n      }\r\n\r\n      $(\"#totalitemstr\").html(\"( Total item: \" + res.length + \" ) \");\r\n\r\n      $(\"#tablepage\").html(lengthstr);\r\n    });\r\n\r\n    var content = \"<table>\";\r\n\r\n    \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Date <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n    content +=\r\n      '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Date <span id=\"weekdayssort\"><\/span><\/th><\/tr>';\r\n\r\n    \/\/content += '<tr><th>Course Code<\/th><th>course name<\/th><th>Section no<\/th><th>Name<\/th><th>Max_enroll<\/th><th>Teacher<\/th><th>Weekdays<\/th><th>Start_time<\/th><th>End_time<\/th><th>gender<\/th><th>grade<\/th><th>location<\/th><th>venue<\/th><th>fee<\/th><th>description<\/th><\/tr>';\r\n\r\n    \/\/$.getJSON(cca_activitle_activitle+'&page=1&limit=1000&sortby=name', function (emp) {\r\n    $.getJSON(cca_activitle_activitle + \"\", function (emp) {\r\n      \/\/console.log('on activities');\r\n      if (emp.length > 0) {\r\n        for (var x = 0; x < emp.length; x++) {\r\n          mainarray.push(\r\n            new Array(\r\n              emp[x].id,\r\n              emp[x].course_code,\r\n              emp[x].course_name,\r\n              emp[x].course_type_name,\r\n              emp[x].section_no,\r\n              emp[x].course_name,\r\n              emp[x].max_enroll,\r\n              emp[x].teacher,\r\n              emp[x].weekdays,\r\n              emp[x].start_time,\r\n              emp[x].end_time,\r\n              emp[x].gender,\r\n              emp[x].grade,\r\n              emp[x].location,\r\n              emp[x].venue,\r\n              emp[x].fee,\r\n              emp[x].description,\r\n              emp[x].description_en,\r\n              emp[x].name_en\r\n            )\r\n          );\r\n\r\n          activitiesidsub.push(emp[x].id);\r\n\r\n          course_codesub.push(emp[x].course_code);\r\n\r\n          course_namesub.push(emp[x].course_name);\r\n\r\n          course_nametypesub.push(emp[x].course_type_name);\r\n\r\n          section_nosub.push(emp[x].section_no);\r\n\r\n          namesub.push(emp[x].name);\r\n\r\n          max_enrollsub.push(emp[x].max_enroll);\r\n\r\n          teachersub.push(emp[x].teacher);\r\n\r\n          weekdayssub.push(emp[x].weekdays);\r\n\r\n          start_timesub.push(emp[x].start_time);\r\n\r\n          end_timesub.push(emp[x].end_time);\r\n\r\n          \/\/gendersub.push(emp[x].gender);\r\n\r\n          gradesub.push(emp[x].grade);\r\n\r\n          locationsub.push(emp[x].location);\r\n\r\n          venuesub.push(emp[x].venue);\r\n\r\n          feesub.push(emp[x].fee);\r\n          var bellFee0 = Number(emp[x].fee);\r\n          var bellFee1 = bellFee0 * 1.15;\r\n          var bellFee = bellFee1.toFixed(0);\r\n          let ISFonly = emp[x].section_no.charAt(0);\r\n          descriptionsub.push(emp[x].description_en);\r\n\r\n          \/\/content += '<tr>';\r\n          content +=\r\n            \"<tr onclick=\\\"searchbytable('\" +\r\n            emp[x].id +\r\n            \"','\" +\r\n            emp[x].course_code +\r\n            \"')\\\">\";\r\n\r\n          \/\/content += '<tr><td>' + emp[x].course_code + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].course_name + '<\/td>';\r\n\r\n          content += \"<td>\" + emp[x].section_no + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].name_en + '<\/td>';\r\n          content += \"<td>\" + emp[x].name + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].max_enroll + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].teacher + '<\/td>';\r\n\r\n          if (emp[x].course_type_name != null) {\r\n            content += \"<td>\" + emp[x].course_type_name + \"<\/td>\";\r\n          } else {\r\n            content += \"<td> - <\/td>\";\r\n          }\r\n\r\n          content += \"<td>\" + emp[x].weekdays + \"<\/td>\";\r\n\r\n          \/\/ content += '<td>' + emp[x].start_time + \" - \" + emp[x].end_time + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].gender + '<\/td>';\r\n\r\n          var gradesubtext = emp[x].grade;\r\n\r\n          var gradetext = [];\r\n\r\n          try {\r\n            gradesubtext.split(\",\");\r\n\r\n            for (var k = 0; k < gradesubtext.length; k++) {\r\n              if (gradesubtext[k] == -2) {\r\n                gradetext.push(\"Year 2\");\r\n              } else if (gradesubtext[k] == -1) {\r\n                gradetext.push(\"Year 1\");\r\n              } else if (gradesubtext[k] == 0) {\r\n                gradetext.push(\"Foundation Year\");\r\n              } else if (gradesubtext[k] > 0) {\r\n                gradetext.push(\"Grade \" + gradesubtext[k]);\r\n              }\r\n            }\r\n          } catch (e) {}\r\n\r\n          \/\/content += '<td>' + gradetext.toString() + '<\/td>';\r\n\r\n          var location = \"\";\r\n\r\n          if (emp[x].location === 0) {\r\n            location = \"Off campus \u6821\u5916\";\r\n          } else {\r\n            location = \"On campus \u6821\u5167\";\r\n          }\r\n\r\n          \/\/content += '<td>' + location + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].venue + '<\/td>';\r\n          \/\/content += '<td>' + emp[x].fee + '<\/td><\/tr>';\r\n          \/\/content += \"<td>\" + emp[x].fee + \"<\/td>\";\r\n          \/\/ if ( ISFonly == \"1\"){\r\n          \/\/ \tcontent += '<td>' + bellFee + '<\/td><\/tr>';}\r\n          \/\/ else {\r\n          \/\/ \tcontent += '<td>n\/a<\/td><\/tr>';\r\n          \/\/ }\r\n          \/\/content += '<td>' + emp[x].description + '<\/td><\/tr>';\r\n          \/\/content += '<tr id=\"content'+emp[x].id+'\" style=\"display:none\" class=\"mobileViewDetail\"><td class=\"hideTD\">'+emp[x].section_no +'<\/td><td class=\"hideTD\">'+emp[x].weekdays+'<\/td><td class=\"hideTD\">-<\/td><td class=\"hideTD\">'+emp[x].start_time + ' - ' + emp[x].end_time+'<\/td><td class=\"hideTD\">'+emp[x].fee+'<\/td><td class=\"hideTD\">'+bellFee+'<\/td><td colspan=\"4\" style=\"\">' + emp[x].description_en + '<\/td><td colspan=\"2\" style=\"\" data-enrollment=\"Max Enrollment\" class=\"maxEnrollment\">'+emp[x].max_enroll+'<\/td><\/tr>';\r\n          content +=\r\n            '<tr id=\"content' +\r\n            emp[x].id +\r\n            '\" style=\"display:none\" class=\"mobileViewDetail\"><td class=\"hideTD\">' +\r\n            emp[x].section_no +\r\n            '<\/td><td class=\"hideTD\">' +\r\n            emp[x].weekdays +\r\n            '<\/td><td class=\"hideTD\">-<\/td><td class=\"hideTD\"><\/td><td colspan=\"2\" style=\"\">' +\r\n            emp[x].description +\r\n            '<\/td><td colspan=\"1\" style=\"\" data-enrollment=\"Max Enrollment\" class=\"maxEnrollment\">' +\r\n            emp[x].max_enroll +\r\n            \"<\/td><\/tr>\";\r\n        }\r\n      } else {\r\n        content +=\r\n          '<td colspan=\"12\" style=\"text-align:center;\"> No result.<\/tr>';\r\n      }\r\n\r\n      content += \"<\/table>\";\r\n\r\n      $(\"#maintable\").html(content);\r\n    });\r\n  }\r\n\r\n  function golink(id, code) {\r\n    var url = new URL(window.location.href);\r\n\r\n    var search_params = url.searchParams;\r\n\r\n    \/\/ new value of \"id\" is set to \"101\"\r\n\r\n    search_params.set(\"id\", 0);\r\n\r\n    search_params.set(\"item\", code);\r\n\r\n    \/\/ change the search property of the main url\r\n\r\n    window.location.search = search_params.toString();\r\n  }\r\n\r\n  function typesearchcoursename(typeid) {\r\n    \/\/$('#displaycoursetable').hide();\r\n\r\n    $(\"#courseresulttable\").hide();\r\n\r\n    $(\".searchdataselection\").hide();\r\n\r\n    $(\"#displaycoursedetailtable\").hide();\r\n\r\n    \/\/ $('#searchcourseinstructorscontent').html();\r\n\r\n    var courseallarray = [];\r\n\r\n    var coursearray = [];\r\n\r\n    var url =\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php?course_type=\" +\r\n      typeid;\r\n\r\n    var typename = \"\";\r\n\r\n    $.getJSON(url, function (emp) {\r\n      if (emp.length > 0) {\r\n        for (var x = 0; x < emp.length; x++) {\r\n          if (course[l].type) {\r\n            for (var u = 0; u < emp[x].type.length; u++) {\r\n              if (emp[x].type[u].id == typeid) {\r\n                typename = emp[x].type[u].course_name;\r\n              }\r\n            }\r\n          }\r\n          $(\"#searchcourseheader\").html(typename);\r\n\r\n          $(\"#searchcoursecontent\").html(\"\");\r\n\r\n          $(\"#searchcoursecontent\").html(emp[x].description_en);\r\n        }\r\n      } else {\r\n        $(\"#searchcourseheader\").html(\"No data\");\r\n\r\n        $(\"#searchcoursecontent\").html(\"No data\");\r\n      }\r\n    });\r\n\r\n    var courseurl = cca_activitle_activitle + \"&course_code=\" + typeid;\r\n\r\n    $.getJSON(courseurl, function (res) {\r\n      if (res.length > 0) {\r\n        for (var r = 0; r < res.length; r++) {\r\n          var location = \"\";\r\n\r\n          var gradetext = [];\r\n\r\n          var eventday = \"\";\r\n          if (res[r].grade != null) {\r\n            var gradesub = res[r].grade.split(\",\");\r\n          }\r\n          if (res[r].weekdays === \"Sun\") {\r\n            eventday = \"Sunday\";\r\n          } else if (res[r].weekdays === \"Mon\") {\r\n            eventday = \"Monday\";\r\n          } else if (res[r].weekdays === \"Tue\") {\r\n            eventday = \"Tuesday\";\r\n          } else if (res[r].weekdays === \"Wed\") {\r\n            eventday = \"Wednesday\";\r\n          } else if (res[r].weekdays === \"Thus\") {\r\n            eventday = \"Thursday\";\r\n          } else if (res[r].weekdays === \"Fri\") {\r\n            eventday = \"Friday\";\r\n          } else if (res[r].weekdays === \"Sat\") {\r\n            eventday = \"Saturday\";\r\n          }\r\n\r\n          if (res[r].location === 0) {\r\n            location = \"Off campus\";\r\n          } else {\r\n            location = \"On campus\";\r\n          }\r\n\r\n          for (var j = 0; j < gradesub.length; j++) {\r\n            if (gradesub[j] == -2) {\r\n              gradetext.push(\"Year 1\");\r\n            } else if (gradesub[j] == -1) {\r\n              gradetext.push(\"Year 2\");\r\n            } else if (gradesub[j] == 0) {\r\n              gradetext.push(\"Foundation Year\");\r\n            } else if (gradesub[j] > 0) {\r\n              gradetext.push(\"Grade \" + gradesub[j]);\r\n            }\r\n          }\r\n\r\n          coursearray.push(\r\n            new Array(\r\n              res[r].id,\r\n              res[r].course_code,\r\n              res[r].course_name,\r\n              res[r].course_chi_name,\r\n              res[r].section_no,\r\n              res[r].course_name,\r\n              res[r].chi_name,\r\n              res[r].max_enroll,\r\n              res[r].teacher,\r\n              eventday,\r\n              res[r].start_time,\r\n              res[r].end_time,\r\n              res[r].gender,\r\n              gradetext.toString(),\r\n              location,\r\n              res[r].venue,\r\n              res[r].fee,\r\n              res[r].description,\r\n              res[r].chi_description\r\n            )\r\n          );\r\n\r\n          \/\/$(\"#searchcourseinstructorscontent\").html(res[r].description);\r\n        }\r\n\r\n        if (coursearray.length > 0) {\r\n          var listcourseselect = \"\";\r\n\r\n          for (var q = 0; q < coursearray.length; q++) {\r\n            listcourseselect +=\r\n              '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' +\r\n              coursearray[q][0] +\r\n              'eventbtn\" value=\"' +\r\n              coursearray[q][0] +\r\n              '\" onclick=\"displaycoursedetail(' +\r\n              coursearray[q][0] +\r\n              ');\" >' +\r\n              coursearray[q][4] +\r\n              \" - \" +\r\n              coursearray[q][8] +\r\n              \" ( \" +\r\n              coursearray[q][10] +\r\n              \" - \" +\r\n              coursearray[q][11] +\r\n              \" ) [ \" +\r\n              coursearray[q][13] +\r\n              \" ]\" +\r\n              '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' +\r\n              coursearray[q][0] +\r\n              'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n          }\r\n\r\n          $(\"#searchcourseregist\").html(listcourseselect);\r\n        } else {\r\n          $(\"#searchcourseregist\").html(\"No Activities.\");\r\n        }\r\n      } else {\r\n        $(\"#searchcourseregist\").html(\"No Activities.\");\r\n\r\n        \/\/$(\"#searchcourseinstructorscontent\").html('No data');\r\n      }\r\n    });\r\n\r\n    \/\/document.getElementById('yogic_lite_content_wrapper').scrollIntoView();\r\n  }\r\n\r\n  function searchcoursename(code) {\r\n    $(\"#cca_session_title\").hide();\r\n    $(\"#displaycoursetable\").show();\r\n\r\n    $(\"#courseresulttable\").hide();\r\n\r\n    $(\".searchdataselection\").hide();\r\n\r\n    $(\"#displaycoursedetailtable\").hide();\r\n\r\n    \/\/ $('#searchcourseinstructorscontent').html();\r\n\r\n    var courseallarray = [];\r\n\r\n    var coursearray = [];\r\n\r\n    var url =\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php?course_code=\" +\r\n      code;\r\n\r\n    if (currentcoursecode != \"\") {\r\n      $(\"#\" + currentcoursecode + \"tdtab\").css(\"font-weight\", \"unset\");\r\n\r\n      $(\"#\" + currentcoursecode + \"tdtab\").css(\"color\", \"unset\");\r\n\r\n      currentcoursecode = code;\r\n    } else {\r\n      currentcoursecode = code;\r\n    }\r\n\r\n    $(\"#\" + currentcoursecode + \"tdtab\").css(\"font-weight\", \"bold\");\r\n\r\n    $(\"#\" + currentcoursecode + \"tdtab\").css(\"color\", \"#F2A900\");\r\n\r\n    $.getJSON(url, function (emp) {\r\n      if (emp.length > 0) {\r\n        for (var x = 0; x < emp.length; x++) {\r\n          $(\"#searchcourseheader\").html(emp[x].course_name);\r\n\r\n          $(\"#searchcoursecontent\").html(emp[x].description_en);\r\n        }\r\n      } else {\r\n        $(\"#searchcourseheader\").html(\"No data\");\r\n\r\n        $(\"#searchcoursecontent\").html(\"No data\");\r\n      }\r\n    });\r\n\r\n    var countactivityarr = [];\r\n\r\n    var courseurl = cca_activitle_activitle + \"&course_code=\" + code;\r\n\r\n    $.getJSON(courseurl, function (res) {\r\n      if (res.length > 0) {\r\n        for (var r = 0; r < res.length; r++) {\r\n          var location = \"\";\r\n\r\n          var gradetext = [];\r\n\r\n          var eventday = [];\r\n          if (res[r].grade != null) {\r\n            var gradesub = res[r].grade.split(\",\");\r\n          }\r\n\r\n          var weekdayssub = res[r].weekdays.split(\",\");\r\n\r\n          var gradingsub = res[r].grade;\r\n\r\n          var lastgrade = -3;\r\n\r\n          if (gradesub.length > 0) {\r\n            lastgrade = gradesub[gradesub.length - 1];\r\n          }\r\n\r\n          for (var k = 0; k < weekdayssub.length; k++) {\r\n            if (weekdayssub[k] === \"Sun\") {\r\n              eventday.push(\"Sunday\");\r\n            } else if (weekdayssub[k] === \"Mon\") {\r\n              eventday.push(\"Monday\");\r\n            } else if (weekdayssub[k] === \"Tue\") {\r\n              eventday.push(\"Tuesday\");\r\n            } else if (weekdayssub[k] === \"Wed\") {\r\n              eventday.push(\"Wednesday\");\r\n            } else if (weekdayssub[k] === \"Thu\") {\r\n              eventday.push(\"Thursday\");\r\n            } else if (weekdayssub[k] === \"Fri\") {\r\n              eventday.push(\"Friday\");\r\n            } else if (weekdayssub[k] === \"Sat\") {\r\n              eventday.push(\"Saturday\");\r\n            }\r\n          }\r\n\r\n          if (lastgrade == -2) {\r\n            lastgrade = \"Y2\";\r\n          } else if (gradesub[0] == -1) {\r\n            lastgrade = \"Y1\";\r\n          } else if (gradesub[0] == 0) {\r\n            lastgrade = \"FY\";\r\n          } else if (gradesub[0] > 0) {\r\n            lastgrade = \"G\" + lastgrade;\r\n          }\r\n\r\n          if (res[r].location === 0) {\r\n            location = \"Off campus\";\r\n          } else {\r\n            location = \"On campus\";\r\n          }\r\n\r\n          if (gradesub[0] == -2) {\r\n            if (gradesub.length > 1) {\r\n              if (lastgrade == \"Y2\") {\r\n              } else {\r\n                gradetext.push(\"Y2 - \" + lastgrade);\r\n              }\r\n            } else {\r\n              gradetext.push(\"Y2\");\r\n            }\r\n          } else if (gradesub[0] == -1) {\r\n            if (gradesub.length > 1) {\r\n              if (lastgrade == \"Y1\") {\r\n              } else {\r\n                gradetext.push(\"Y1 - \" + lastgrade);\r\n              }\r\n            } else {\r\n              gradetext.push(\"Y1\");\r\n            }\r\n          } else if (gradesub[0] == 0) {\r\n            if (gradesub.length > 1) {\r\n              if (lastgrade == \"FY\") {\r\n              } else {\r\n                gradetext.push(\"FY - \" + lastgrade);\r\n              }\r\n            } else {\r\n              gradetext.push(\"FY\");\r\n            }\r\n          } else if (gradesub[0] > 0) {\r\n            if (gradesub.length > 1) {\r\n              if (lastgrade == \"G\" + gradesub[0]) {\r\n              } else {\r\n                gradetext.push(\"G\" + gradesub[0] + \" - \" + lastgrade);\r\n              }\r\n            } else {\r\n              gradetext.push(\"G\" + gradesub[0]);\r\n            }\r\n          }\r\n\r\n          var weekdaystr = eventday.toString();\r\n\r\n          var checkweekday = weekdaystr.replace(\",\", \" & \");\r\n\r\n          var displaytiming = [];\r\n\r\n          if (\r\n            countactivityarr.length == 0 ||\r\n            countactivityarr.includes(res[r].identifier) == false\r\n          ) {\r\n            countactivityarr.push(res[r].identifier);\r\n\r\n            coursearray.push(\r\n              new Array(\r\n                res[r].id,\r\n                res[r].course_code,\r\n                res[r].course_name,\r\n                res[r].course_chi_name,\r\n                res[r].section_no,\r\n                res[r].course_name,\r\n                res[r].chi_name,\r\n                res[r].max_enroll,\r\n                res[r].teacher,\r\n                weekdaystr.replace(\",\", \" & \"),\r\n                res[r].start_time,\r\n                res[r].end_time,\r\n                res[r].gender,\r\n                gradetext.toString(),\r\n                location,\r\n                res[r].venue,\r\n                res[r].fee,\r\n                res[r].description,\r\n                res[r].chi_description,\r\n                res[r].identifier\r\n              )\r\n            );\r\n          }\r\n\r\n          if (\r\n            countactivityarr.includes(res[r].identifier) == true &&\r\n            coursearray.length > 0\r\n          ) {\r\n            var checkday =\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][9];\r\n\r\n            var checkstime =\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][10];\r\n\r\n            var checketime =\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][11];\r\n\r\n            if (checkday.includes(checkweekday) == true) {\r\n            } else {\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][9] +=\r\n                \" \/ \" + weekdaystr.replace(\",\", \" & \");\r\n            }\r\n\r\n            if (\r\n              checkstime.includes(res[r].start_time) == true &&\r\n              checketime.includes(res[r].end_time) == true\r\n            ) {\r\n            } else {\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][10] +=\r\n                \",\" + res[r].start_time;\r\n\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][11] +=\r\n                \",\" + res[r].end_time;\r\n            }\r\n          }\r\n\r\n          \/\/$(\"#searchcourseinstructorscontent\").html(res[r].description);\r\n        }\r\n\r\n        if (coursearray.length > 0) {\r\n          var listcourseselect = \"\";\r\n\r\n          for (var q = 0; q < coursearray.length; q++) {\r\n            var checkstimesub = coursearray[q][10];\r\n\r\n            var checketimesub = coursearray[q][11];\r\n\r\n            var stime = checkstimesub.split(\",\");\r\n\r\n            var etime = checketimesub.split(\",\");\r\n\r\n            \/\/listcourseselect += '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' + coursearray[q][0] + 'eventbtn\" value=\"' + coursearray[q][0] + '\" onclick=\"displaycoursedetail(' + coursearray[q][0] + ');\" >' + coursearray[q][4] + ' - ' + coursearray[q][8] + ' ( ' + coursearray[q][10] + ' - ' + coursearray[q][11] + ' ) [ ' + coursearray[q][13] + ' ]' + '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' + coursearray[q][0] + 'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n\r\n            listcourseselect +=\r\n              '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' +\r\n              coursearray[q][19] +\r\n              'eventbtn\" value=\"' +\r\n              coursearray[q][0] +\r\n              '\" onclick=\"getidentifier(' +\r\n              coursearray[q][0] +\r\n              ');\" >' +\r\n              coursearray[q][5] +\r\n              \" \" +\r\n              coursearray[q][9] +\r\n              \" ( \";\r\n\r\n            for (var p = 0; p < stime.length; p++) {\r\n              if (p > 0) {\r\n                listcourseselect += \" \/ \";\r\n              }\r\n\r\n              listcourseselect += stime[p] + \" - \" + etime[p];\r\n            }\r\n\r\n            listcourseselect +=\r\n              \" )\" +\r\n              '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' +\r\n              coursearray[q][19] +\r\n              'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n          }\r\n\r\n          $(\"#searchcourseregist\").html(listcourseselect);\r\n        } else {\r\n          $(\"#searchcourseregist\").html(\"No Activities.\");\r\n        }\r\n      } else {\r\n        $(\"#searchcourseregist\").html(\"No Activities.\");\r\n\r\n        \/\/ $(\"#searchcourseinstructorscontent\").html('No data');\r\n      }\r\n    });\r\n\r\n    \/\/document.getElementById('yogic_lite_content_wrapper').scrollIntoView();\r\n  }\r\n\r\n  $(\"#grade\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchGrade.indexOf(this.value) == -1) {\r\n        searchGrade.push(this.value);\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  $(\"#timesearch\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchtime.indexOf(this.value) == -1) {\r\n        searchtime.push(this.value);\r\n\r\n        searchtimetext.push($(this).find(\"option:selected\").text());\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  $(\"#weekdayssub\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchitem.indexOf(this.value) == -1) {\r\n        searchitem.push(this.value);\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  \/\/select option field onchange function\r\n  $(\"#course_codesub\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchcourse_code.indexOf(this.value) == -1) {\r\n        searchcourse_code.push(this.value);\r\n\r\n        searchcourse_codetext.push($(this).find(\"option:selected\").text());\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n\r\n        \/\/ $('#searchdata').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\''+this.value+'\\',\\'searchcourse_code\\');\">&#10006;   '+ $(this).find('option:selected').text()+'<\/button> ');\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  \/\/select option field onchange function\r\n  $(\"#course_codetypesub\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchitemtype.indexOf(this.value) == -1) {\r\n        searchitemtype.push(this.value);\r\n\r\n        searchtypetext.push($(this).find(\"option:selected\").text());\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  function cancelitem(item, itemarr) {\r\n    var newarray = [];\r\n\r\n    var newarraytext = [];\r\n\r\n    var currenyarr = [];\r\n\r\n    var currenyarrtext = [];\r\n\r\n    if (itemarr == \"searchitem\") {\r\n      currenyarr = searchitem;\r\n    } else if (itemarr == \"searchGrade\") {\r\n      currenyarr = searchGrade;\r\n    } else if (itemarr == \"searchcourse_code\") {\r\n      currenyarr = searchcourse_code;\r\n\r\n      currenyarrtext = searchcourse_codetext;\r\n    } else if (itemarr == \"searchtime\") {\r\n      currenyarr = searchtime;\r\n\r\n      currenyarrtext = searchtimetext;\r\n    } else if (itemarr == \"searchitemtype\") {\r\n      currenyarr = searchitemtype;\r\n\r\n      currenyarrtext = searchtypetext;\r\n    }\r\n\r\n    for (var x = 0; x < currenyarr.length; x++) {\r\n      if (currenyarr[x] != item) {\r\n        newarray.push(currenyarr[x]);\r\n\r\n        if (currenyarrtext.length > 0) {\r\n          newarraytext.push(currenyarrtext[x]);\r\n        }\r\n      }\r\n    }\r\n\r\n    if (itemarr == \"searchitem\") {\r\n      var itemselectedIndex = document.getElementById(\"weekdayssub\").length;\r\n\r\n      var itemselectedoptions = document.getElementById(\"weekdayssub\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchitem = [];\r\n    } else if (itemarr == \"searchGrade\") {\r\n      var itemselectedIndex = document.getElementById(\"grade\").length;\r\n\r\n      var itemselectedoptions = document.getElementById(\"grade\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchGrade = [];\r\n    } else if (itemarr == \"searchcourse_code\") {\r\n      var itemselectedIndex = document.getElementById(\"course_codesub\").length;\r\n\r\n      var itemselectedoptions =\r\n        document.getElementById(\"course_codesub\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchcourse_code = [];\r\n\r\n      searchcourse_codetext = [];\r\n    } else if (itemarr == \"searchtime\") {\r\n      var itemselectedIndex = document.getElementById(\"timesearch\").length;\r\n\r\n      var itemselectedoptions = document.getElementById(\"timesearch\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchtime = [];\r\n\r\n      searchtimetext = [];\r\n\r\n      searchtypetext = [];\r\n    } else if (itemarr == \"searchitemtype\") {\r\n      var itemselectedIndex =\r\n        document.getElementById(\"course_codetypesub\").length;\r\n\r\n      var itemselectedoptions =\r\n        document.getElementById(\"course_codetypesub\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchitemtype = [];\r\n    }\r\n\r\n    if (itemarr == \"searchitem\") {\r\n      searchitem = newarray;\r\n    } else if (itemarr == \"searchGrade\") {\r\n      searchGrade = newarray;\r\n    } else if (itemarr == \"searchcourse_code\") {\r\n      searchcourse_code = newarray;\r\n\r\n      searchcourse_codetext = newarraytext;\r\n    } else if (itemarr == \"searchtime\") {\r\n      searchtime = newarray;\r\n\r\n      searchtimetext = newarraytext;\r\n    } else if (itemarr == \"searchitemtype\") {\r\n      searchitemtype = newarray;\r\n\r\n      searchtypetext = newarraytext;\r\n    }\r\n\r\n    $(\"#searchdataitem\").html(\"\");\r\n\r\n    $(\"#searchdataday\").html(\"\");\r\n\r\n    $(\"#searchdatagrade\").html(\"\");\r\n\r\n    $(\"#searchdatatime\").html(\"\");\r\n\r\n    $(\"#searchdataitemtype\").html(\"\");\r\n\r\n    for (var k = 0; k < searchitem.length; k++) {\r\n      $(\"#searchdataday\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchitem[k] +\r\n          \"','searchitem');\\\">&#10006;   \" +\r\n          searchitem[k] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var g = 0; g < searchGrade.length; g++) {\r\n      \/\/console.log(searchGrade[g]);\r\n      if (searchGrade[g][1] == 2 && searchGrade[g][0] == \"-\") {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   Year 1<\/button><br\/> \"\r\n        );\r\n      } else if (searchGrade[g][1] == 1 && searchGrade[g][0] == \"-\") {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   Year 2<\/button><br\/> \"\r\n        );\r\n      } else if (searchGrade[g][0] == 0) {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   Foundation Year<\/button><br\/> \"\r\n        );\r\n      } else {\r\n        var gradeButtonWord = \"\";\r\n        if (searchGrade[g] == \"10,10e\") {\r\n          gradeButtonWord = \"10\";\r\n        } else if (searchGrade[g] == \"11,11e\") {\r\n          gradeButtonWord = \"11\";\r\n        } else if (searchGrade[g] == \"12,12e\") {\r\n          gradeButtonWord = \"12\";\r\n        } else {\r\n          gradeButtonWord = searchGrade[g][0];\r\n        }\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   Grade \" +\r\n            gradeButtonWord +\r\n            \" <\/button><br\/>\"\r\n        );\r\n      }\r\n    }\r\n\r\n    for (var m = 0; m < searchcourse_code.length; m++) {\r\n      $(\"#searchdataitem\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchcourse_code[m] +\r\n          \"','searchcourse_code');\\\">&#10006;   \" +\r\n          searchcourse_codetext[m] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var j = 0; j < searchtime.length; j++) {\r\n      $(\"#searchdatatime\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchtime[j] +\r\n          \"','searchtime');\\\">&#10006;   \" +\r\n          searchtimetext[j] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var f = 0; f < searchitemtype.length; f++) {\r\n      $(\"#searchdataitemtype\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchitemtype[f] +\r\n          \"','searchitemtype');\\\">&#10006;   \" +\r\n          searchtypetext[f] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    searchtable(1, \"\", 0);\r\n  }\r\n\r\n  function searchtable(pagenum, sortby, orderside, b = 3) {\r\n    if (sortitemandorder.length > 0) {\r\n      if (sortitemandorder[0] == sortby) {\r\n        if (sortitemandorder[1] > 0) {\r\n          orderside = 0;\r\n        } else {\r\n          orderside = 1;\r\n        }\r\n      } else {\r\n      }\r\n    }\r\n\r\n    reset();\r\n\r\n    var searchitemtostring = searchitem.toString();\r\n\r\n    var searchGradetostring = searchGrade.toString();\r\n\r\n    var searchcourse_codetostring = searchcourse_code.toString();\r\n\r\n    var searchtimetostring = searchtime.toString();\r\n\r\n    var searchtypetostring = searchitemtype.toString();\r\n\r\n    var url = cca_activitle_activitle + \"&page=\" + pagenum + \"&limit=1000\";\r\n\r\n    if (searchitemtostring != \"\") {\r\n      url += \"&weekdays=\" + searchitemtostring;\r\n    }\r\n\r\n    if (searchGradetostring != \"\") {\r\n      url += \"&grade=\" + searchGradetostring;\r\n    }\r\n\r\n    if (searchcourse_codetostring != \"\") {\r\n      url += \"&course_code=\" + searchcourse_codetostring;\r\n    }\r\n\r\n    if (searchtimetostring != \"\") {\r\n      url += \"&timeslot=\" + searchtimetostring;\r\n    }\r\n\r\n    if (searchtypetostring != \"\") {\r\n      url += \"&course_type_id=\" + searchtypetostring;\r\n    }\r\n\r\n    if (sortby != \"\") {\r\n      url += \"&sortby=\" + sortby + \"&order=\" + orderside;\r\n    }\r\n\r\n    sortitemandorder.push(sortby);\r\n\r\n    sortitemandorder.push(orderside);\r\n\r\n    var content = \"<table>\";\r\n\r\n    if (orderside == 0) {\r\n      if (sortby == \"course_name\") {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"weekdays\") {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\">&#9650;<\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"timeslot\") {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\">&#9650;<\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"course_type_name\") {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type <span id=\"course_nametpyesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type <span id=\"course_nametpyesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      }\r\n    } else {\r\n      if (sortby == \"course_name\") {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th> ';\r\n      } else if (sortby == \"weekdays\") {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\">&#9660;<\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"timeslot\") {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\">&#9660;<\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"course_type_name\") {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type <span id=\"course_nametpyesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type <span id=\"course_nametpyesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else {\r\n        \/\/content += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th> <th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      }\r\n    }\r\n    if (b != 3) {\r\n      sessionStorage.setItem(\"c\", b);\r\n    }\r\n    c = sessionStorage.getItem(\"c\");\r\n    \/\/content += '<tr><th>Course Code<\/th><th>course name<\/th><th>Section no<\/th><th>Name<\/th><th>Max_enroll<\/th><th>Teacher<\/th><th>Weekdays<\/th><th>Start_time<\/th><th>End_time<\/th><th>gender<\/th><th>grade<\/th><th>location<\/th><th>venue<\/th><th>fee<\/th><th>description<\/th><\/tr>';\r\n\r\n    $.getJSON(url, function (emp) {\r\n      if (c == 0) {\r\n        function functionName(element) {\r\n          if (element[\"grade\"].includes(\"e\")) {\r\n            return true;\r\n          }\r\n          return false;\r\n        }\r\n        emp = emp.filter(functionName);\r\n      } else if (c == 1) {\r\n        function functionName(element) {\r\n          if (!element[\"grade\"].includes(\"e\")) {\r\n            return true;\r\n          }\r\n          return false;\r\n        }\r\n        emp = emp.filter(functionName);\r\n      } else {\r\n        emp = emp;\r\n      }\r\n\r\n      if (emp.length > 0) {\r\n        for (var x = 0; x < emp.length; x++) {\r\n          mainarray.push(\r\n            new Array(\r\n              emp[x].id,\r\n              emp[x].course_code,\r\n              emp[x].course_name,\r\n              emp[x].course_type_name,\r\n              emp[x].section_no,\r\n              emp[x].name,\r\n              emp[x].max_enroll,\r\n              emp[x].teacher,\r\n              emp[x].weekdays,\r\n              emp[x].start_time,\r\n              emp[x].end_time,\r\n              emp[x].gender,\r\n              emp[x].grade,\r\n              emp[x].location,\r\n              emp[x].venue,\r\n              emp[x].fee,\r\n              emp[x].description_en,\r\n              emp[x].name_en\r\n            )\r\n          );\r\n\r\n          activitiesidsub.push(emp[x].id);\r\n\r\n          course_codesub.push(emp[x].course_code);\r\n\r\n          course_namesub.push(emp[x].course_name);\r\n\r\n          course_nametypesub.push(emp[x].course_type_name);\r\n\r\n          section_nosub.push(emp[x].section_no);\r\n\r\n          namesub.push(emp[x].name);\r\n\r\n          max_enrollsub.push(emp[x].max_enroll);\r\n\r\n          teachersub.push(emp[x].teacher);\r\n\r\n          weekdayssub.push(emp[x].weekdays);\r\n\r\n          start_timesub.push(emp[x].start_time);\r\n\r\n          end_timesub.push(emp[x].end_time);\r\n\r\n          \/\/gendersub.push(emp[x].gender);\r\n\r\n          gradesub.push(emp[x].grade);\r\n\r\n          locationsub.push(emp[x].location);\r\n\r\n          venuesub.push(emp[x].venue);\r\n\r\n          feesub.push(emp[x].fee);\r\n\r\n          descriptionsub.push(emp[x].description_en);\r\n\r\n          content +=\r\n            \"<tr onclick=\\\"searchbytable('\" +\r\n            emp[x].id +\r\n            \"','\" +\r\n            emp[x].course_code +\r\n            \"')\\\">\";\r\n\r\n          \/\/content += '<tr><td>' + emp[x].course_code + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].course_name + '<\/td>';\r\n\r\n          content += \"<td>\" + emp[x].section_no + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].name_en + '<\/td>';\r\n          content += \"<td>\" + emp[x].name + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].max_enroll + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].teacher + '<\/td>';\r\n\r\n          if (emp[x].course_type_name != null) {\r\n            content += \"<td>\" + emp[x].course_type_name + \"<\/td>\";\r\n          } else {\r\n            content += \"<td> - <\/td>\";\r\n          }\r\n\r\n          content += \"<td>\" + emp[x].weekdays + \"<\/td>\";\r\n\r\n          \/\/ content += '<td>' + emp[x].start_time + \" - \" + emp[x].end_time + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].gender + '<\/td>';\r\n\r\n          var gradesubtext = emp[x].grade;\r\n\r\n          var gradetext = [];\r\n\r\n          try {\r\n            gradesubtext.split(\",\");\r\n\r\n            for (var k = 0; k < gradesubtext.length; k++) {\r\n              if (gradesubtext[k] == -2) {\r\n                gradetext.push(\"Year 1\");\r\n              } else if (gradesubtext[k] == -1) {\r\n                gradetext.push(\"Year 2\");\r\n              } else if (gradesubtext[k] == 0) {\r\n                gradetext.push(\"Foundation Year\");\r\n              } else if (gradesubtext[k] > 0) {\r\n                gradetext.push(\"Grade \" + gradesubtext[k]);\r\n              }\r\n            }\r\n          } catch (e) {}\r\n\r\n          \/\/content += '<td>' + gradetext.toString() + '<\/td>';\r\n\r\n          var location = \"\";\r\n\r\n          if (emp[x].location === 0) {\r\n            location = \"Off campus \u6821\u5916\";\r\n          } else {\r\n            location = \"On campus \u6821\u5167\";\r\n          }\r\n\r\n          \/\/content += '<td>' + location + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].venue + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].fee + '<\/td><\/tr>';\r\n          \/\/content += \"<td>\" + emp[x].fee + \"<\/td>\";\r\n          \/\/content += '<td>' + emp[x].description + '<\/td><\/tr>';\r\n          \/*var bellFee0 = Number(emp[x].fee);\r\n          var bellFee1 = bellFee0 * 1.15;\r\n          var bellFee = bellFee1.toFixed(0);\r\n          let ISFonly = emp[x].section_no.charAt(0);*\/\r\n          \/\/ if ( ISFonly == \"1\"){\r\n          \/\/ \tcontent += '<td>' + bellFee + '<\/td><\/tr>';}\r\n          \/\/ else {\r\n          \/\/ \tcontent += '<td>n\/a<\/td><\/tr>';\r\n          \/\/ }\r\n          \/\/content += '<tr id=\"content'+emp[x].id+'\" style=\"display:none\" class=\"mobileViewDetail\"><td class=\"hideTD\">'+emp[x].section_no +'<\/td><td class=\"hideTD\">'+emp[x].weekdays+'<\/td><td class=\"hideTD\">-<\/td><td class=\"hideTD\">'+emp[x].start_time + ' - ' + emp[x].end_time+'<\/td><td class=\"hideTD\">'+emp[x].fee+'<\/td><td class=\"hideTD\">'+bellFee+'<\/td><td colspan=\"4\" style=\"\">' + emp[x].description_en + '<\/td><td colspan=\"2\" style=\"\" data-enrollment=\"Max Enrollment\" class=\"maxEnrollment\">'+emp[x].max_enroll+'<\/td><\/tr>';\r\n          content +=\r\n            '<tr id=\"content' +\r\n            emp[x].id +\r\n            '\" style=\"display:none\" class=\"mobileViewDetail\"><td class=\"hideTD\">' +\r\n            emp[x].section_no +\r\n            '<\/td><td class=\"hideTD\">' +\r\n            emp[x].weekdays +\r\n            '<\/td><td class=\"hideTD\">-<\/td><td class=\"hideTD\">' +\r\n            '<\/td><td colspan=\"2\" style=\"\">' +\r\n            emp[x].description +\r\n            '<\/td><td colspan=\"1\" style=\"\" data-enrollment=\"Max Enrollment\" class=\"maxEnrollment\">' +\r\n            emp[x].max_enroll +\r\n            \"<\/td><\/tr>\";\r\n\r\n          if (emp.length > 0) {\r\n            totalpage = Math.ceil(emp.length \/ 1000);\r\n          } else {\r\n            totalpage = 1;\r\n          }\r\n\r\n          var lengthstr = \"\";\r\n\r\n          for (var k = 1; k < totalpage + 1; k++) {\r\n            lengthstr +=\r\n              ' <span class=\"pagenumstr\" onclick=\"searchtable(' +\r\n              k +\r\n              \",'',0)\\\">\" +\r\n              k +\r\n              \"<\/span> \";\r\n          }\r\n\r\n          $(\"#totalitemstr\").html(\"( Total item: \" + emp.length + \" ) \");\r\n\r\n          $(\"#tablepage\").html(lengthstr);\r\n        }\r\n      } else {\r\n        totalpage = 1;\r\n\r\n        var lengthstr = \"\";\r\n\r\n        for (var k = 1; k < totalpage + 1; k++) {\r\n          lengthstr +=\r\n            ' <span class=\"pagenumstr\" onclick=\"searchtable(' +\r\n            k +\r\n            \",'',0)\\\">\" +\r\n            k +\r\n            \"<\/span> \";\r\n        }\r\n\r\n        $(\"#totalitemstr\").html(\"( Total item: \" + emp.length + \" ) \");\r\n\r\n        $(\"#tablepage\").html(lengthstr);\r\n\r\n        content +=\r\n          '<td colspan=\"12\" style=\"text-align:center;\"> No result.<\/tr>';\r\n      }\r\n\r\n      content += \"<\/table>\";\r\n\r\n      $(\"#maintable\").html(content);\r\n    });\r\n  }\r\n\r\n  function reset() {\r\n    course_codesub = [];\r\n\r\n    course_namesub = [];\r\n\r\n    section_nosub = [];\r\n\r\n    namesub = [];\r\n\r\n    max_enrollsub = [];\r\n\r\n    teachersub = [];\r\n\r\n    weekdayssub = [];\r\n\r\n    start_timesub = [];\r\n\r\n    end_timesub = [];\r\n\r\n    gendersub = [];\r\n\r\n    gradesub = [];\r\n\r\n    locationsub = [];\r\n\r\n    venuesub = [];\r\n\r\n    feesub = [];\r\n\r\n    descriptionsub = [];\r\n\r\n    mainarray = [];\r\n\r\n    sortitemandorder = [];\r\n  }\r\n\r\n  function orderbutton() {\r\n    $(\"#searchdataitem\").html(\"\");\r\n\r\n    $(\"#searchdataday\").html(\"\");\r\n\r\n    $(\"#searchdatagrade\").html(\"\");\r\n\r\n    $(\"#searchdatatime\").html(\"\");\r\n\r\n    $(\"#searchdataitemtype\").html(\"\");\r\n\r\n    for (var k = 0; k < searchitem.length; k++) {\r\n      $(\"#searchdataday\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchitem[k] +\r\n          \"','searchitem');\\\">&#10006;   \" +\r\n          searchitem[k] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var g = 0; g < searchGrade.length; g++) {\r\n      if (searchGrade[g][1] == 2 && searchGrade[g][0] == \"-\") {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   Year 1<\/button><br\/> \"\r\n        );\r\n      } else if (searchGrade[g][1] == 1 && searchGrade[g][0] == \"-\") {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   Year 2<\/button><br\/>\"\r\n        );\r\n      } else if (searchGrade[g][0] == 0) {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   Foundation Year<\/button><br\/> \"\r\n        );\r\n      } else {\r\n        var gradeButtonWord = \"\";\r\n        if (searchGrade[g] == \"10,10e\") {\r\n          gradeButtonWord = \"10\";\r\n        } else if (searchGrade[g] == \"11,11e\") {\r\n          gradeButtonWord = \"11\";\r\n        } else if (searchGrade[g] == \"12,12e\") {\r\n          gradeButtonWord = \"12\";\r\n        } else {\r\n          gradeButtonWord = searchGrade[g][0];\r\n        }\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   Grade \" +\r\n            gradeButtonWord +\r\n            \" <\/button><br\/>\"\r\n        );\r\n      }\r\n    }\r\n\r\n    for (var m = 0; m < searchcourse_code.length; m++) {\r\n      $(\"#searchdataitem\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchcourse_code[m] +\r\n          \"','searchcourse_code');\\\">&#10006;   \" +\r\n          searchcourse_codetext[m] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var j = 0; j < searchtime.length; j++) {\r\n      $(\"#searchdatatime\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchtime[j] +\r\n          \"','searchtime');\\\">&#10006;   \" +\r\n          searchtimetext[j] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var j = 0; j < searchitemtype.length; j++) {\r\n      $(\"#searchdataitemtype\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchitemtype[j] +\r\n          \"','searchitemtype');\\\">&#10006;   \" +\r\n          searchtypetext[j] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    searchtable(1, \"\", 0);\r\n\r\n    $(\"#course_codesub\").val(\"\").change();\r\n\r\n    $(\"#weekdayssub\").val(\"\").change();\r\n\r\n    $(\"#grade\").val(\"\").change();\r\n\r\n    $(\"#timesearch\").val(\"\").change();\r\n\r\n    $(\"#course_codetypesub\").val(\"\").change();\r\n  }\r\n\r\n  function getidentifier(actid) {\r\n    \/\/console.log('on getidentifier');\r\n    var courseurlidentifier = cca_activitle_activitle + \"&id=\" + actid;\r\n\r\n    $.getJSON(courseurlidentifier, function (resp) {\r\n      if (resp.length > 0) {\r\n        for (var q = 0; q < resp.length; q++) {\r\n          \/\/displaycoursedetail(actid, resp[q].identifier);\r\n          displaycoursedetail(actid);\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/function displaycoursedetail(actid,identifiersub) {\r\n  function displaycoursedetail(actid) {\r\n    var identifiersub = actid;\r\n    $(\"#displaycoursedetailtable\").show();\r\n    var countactivityarr = [];\r\n    var coursearray = [];\r\n    var descriptionstr = [];\r\n    var weekdayarr = [];\r\n    var weekdayfullarr = [];\r\n    var starttimearr = [];\r\n    var endtimearr = [];\r\n    var feemainarr = [];\r\n    var arrid = [];\r\n    var courseurl =\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/activities.php?id=\" + actid;\r\n    var coursedisplaycontent =\r\n      '<div><h6 id=\"searchcourseinstructors\">Course Information<\/h6><\/div><div>';\r\n    if (openactives == \"\") {\r\n      openactives = identifiersub;\r\n    } else {\r\n      if (openactives == identifiersub) {\r\n        $(\"#\" + openactives + \"div\").html(\"\");\r\n        openactives = \"\";\r\n      } else {\r\n        $(\"#\" + openactives + \"div\").html(\"\");\r\n        openactives = identifiersub;\r\n      }\r\n    }\r\n    if (openactives != \"\") {\r\n      $.getJSON(courseurl, function (res) {\r\n        if (res.length > 0) {\r\n          for (var r = 0; r < res.length; r++) {\r\n            var location = \"\";\r\n            var gradetext = [];\r\n            var eventday = [];\r\n            var feearr = [];\r\n            if (res[r].grade != null) {\r\n              var gradesub = res[r].grade.split(\",\");\r\n            }\r\n            var weekdayssub = res[r].weekdays.split(\",\");\r\n            var weekdayfullarrsub = res[r].weekdays;\r\n            var gradingsub = res[r].grade;\r\n            var lastgrade = -3;\r\n            if (gradesub.length > 0) {\r\n              lastgrade = gradesub[gradesub.length - 1];\r\n            }\r\n\r\n            if (weekdayssub.length > 1) {\r\n              for (var m = 0; m < weekdayssub.length; m++) {\r\n                feearr.push(res[r].fee);\r\n              }\r\n            } else {\r\n              feearr.push(res[r].fee);\r\n            }\r\n\r\n            for (var k = 0; k < weekdayssub.length; k++) {\r\n              if (weekdayssub[k] === \"Sun\") {\r\n                eventday.push(\"Sunday\");\r\n              } else if (weekdayssub[k] === \"Mon\") {\r\n                eventday.push(\"Monday\");\r\n              } else if (weekdayssub[k] === \"Tue\") {\r\n                eventday.push(\"Tuesday\");\r\n              } else if (weekdayssub[k] === \"Wed\") {\r\n                eventday.push(\"Wednesday\");\r\n              } else if (weekdayssub[k] === \"Thu\") {\r\n                eventday.push(\"Thursday\");\r\n              } else if (weekdayssub[k] === \"Fri\") {\r\n                eventday.push(\"Friday\");\r\n              } else if (weekdayssub[k] === \"Sat\") {\r\n                eventday.push(\"Saturday\");\r\n              }\r\n            }\r\n\r\n            if (lastgrade == -2) {\r\n              lastgrade = \"Y2\";\r\n            } else if (gradesub[0] == -1) {\r\n              lastgrade = \"Y1\";\r\n            } else if (gradesub[0] == 0) {\r\n              lastgrade = \"FY\";\r\n            } else if (gradesub[0] > 0) {\r\n              lastgrade = \"G\" + lastgrade;\r\n            }\r\n\r\n            if (res[r].location === 0) {\r\n              location = \"Off campus\";\r\n            } else {\r\n              location = \"On campus\";\r\n            }\r\n            if (gradesub[0] == -2) {\r\n              if (gradesub.length > 1) {\r\n                gradetext.push(\"Y2 - \" + lastgrade);\r\n              } else {\r\n                gradetext.push(\"Y2\");\r\n              }\r\n            } else if (gradesub[0] == -1) {\r\n              if (gradesub.length > 1) {\r\n                gradetext.push(\"Y1 - \" + lastgrade);\r\n              } else {\r\n                gradetext.push(\"Y1\");\r\n              }\r\n            } else if (gradesub[0] == 0) {\r\n              if (gradesub.length > 1) {\r\n                gradetext.push(\"FY - \" + lastgrade);\r\n              } else {\r\n                gradetext.push(\"FY\");\r\n              }\r\n            } else if (gradesub[0] > 0) {\r\n              if (gradesub.length > 1) {\r\n                gradetext.push(\"G\" + gradesub[0] + \" - \" + lastgrade);\r\n              } else {\r\n                gradetext.push(\"G\" + gradesub[0]);\r\n              }\r\n            }\r\n            var weekdaystr = eventday.toString();\r\n\r\n            if (coursearray.length == 0) {\r\n              coursearray.push(\r\n                new Array(\r\n                  res[r].id,\r\n                  res[r].course_code,\r\n                  res[r].course_name,\r\n                  res[r].course_chi_name,\r\n                  res[r].section_no,\r\n                  res[r].name,\r\n                  res[r].chi_name,\r\n                  res[r].max_enroll,\r\n                  res[r].teacher,\r\n                  weekdaystr.replace(\",\", \" & \"),\r\n                  res[r].start_time,\r\n                  res[r].end_time,\r\n                  res[r].gender,\r\n                  gradetext.toString(),\r\n                  location,\r\n                  res[r].venue,\r\n                  res[r].fee,\r\n                  res[r].description,\r\n                  res[r].chi_description,\r\n                  res[r].identifier\r\n                )\r\n              );\r\n              arrid.push(res[r].id);\r\n            } else {\r\n              arrid.includes(res[r].start_time);\r\n              for (var k = 0; k < coursearray.length; k++) {\r\n                if (arrid.includes(res[r].id) == false) {\r\n                  if (coursearray[k][9].includes(res[r].weekdays) == true) {\r\n                  } else {\r\n                    arrid.push(res[r].id);\r\n                    coursearray.push(\r\n                      new Array(\r\n                        res[r].id,\r\n                        res[r].course_code,\r\n                        res[r].course_name,\r\n                        res[r].course_chi_name,\r\n                        res[r].section_no,\r\n                        res[r].name,\r\n                        res[r].chi_name,\r\n                        res[r].max_enroll,\r\n                        res[r].teacher,\r\n                        weekdaystr.replace(\",\", \" & \"),\r\n                        res[r].start_time,\r\n                        res[r].end_time,\r\n                        res[r].gender,\r\n                        gradetext.toString(),\r\n                        location,\r\n                        res[r].venue,\r\n                        res[r].fee,\r\n                        res[r].description,\r\n                        res[r].chi_description,\r\n                        res[r].identifier\r\n                      )\r\n                    );\r\n                  }\r\n                }\r\n              }\r\n            }\r\n\r\n            if (coursearray.length > 0) {\r\n              if (descriptionstr.includes(res[r].description) == false) {\r\n                descriptionstr.push(res[r].description);\r\n              }\r\n            } else {\r\n              descriptionstr.push(res[r].description);\r\n            }\r\n          }\r\n\r\n          coursedisplaycontent += \"Course Name: \" + coursearray[0][2] + \"<br\/>\";\r\n          \/\/coursedisplaycontent += 'Activity Name: ' + res[r].name + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Max Enroll: ' + res[r].max_enroll + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Instructor: ' + coursearray[0][8] + '<br\/>';\r\n          coursedisplaycontent += \"Days, times <br\/>\";\r\n          var scrollitemid = coursearray[0][0];\r\n          \/\/console.log(coursearray+\"hi hi\");\r\n          \/\/console.log(scrollitemid+\"no hi\");\r\n          \/\/console.log(coursearray.length);\r\n          for (var p = 0; p < coursearray.length; p++) {\r\n            coursedisplaycontent +=\r\n              p +\r\n              1 +\r\n              \". \" +\r\n              coursearray[p][9] +\r\n              \" - (\" +\r\n              coursearray[p][10] +\r\n              \" - \" +\r\n              coursearray[p][11] +\r\n              \") <br\/>&nbsp;&nbsp;&nbsp;&nbsp;\" +\r\n              \"<br\/>\";\r\n          }\r\n\r\n          var descriptionsubing = descriptionstr.toString();\r\n          \/\/coursedisplaycontent += 'Weekday: ' + eventday.replace(\",\", \" & \") + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Event Time: ' + res[r].start_time + ' - ' + res[r].end_time + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Grade: ' + gradetext.toString() + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Location: ' + location + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Venue: ' + res[r].venue + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Fee: $' + res[r].fee + '<br\/><br\/>';\r\n          coursedisplaycontent +=\r\n            \"<br\/>\" + descriptionsubing.replace(\",\", \"<br\/>\");\r\n          \/\/coursedisplaycontent += '<br\/> <a href=\"https:\/\/pscca-staging.isf.hk\/guardian\/cca.html\" target=\"_blank\" class=\"btn cca-act-reg-btn\"> Register<\/a><br\/>';\r\n          coursedisplaycontent +=\r\n            '<br\/> <a href=\"https:\/\/main.bell.org.hk\/?page_id=2955\" class=\"btn cca-act-reg-btn\">Back<\/a><br\/>';\r\n\r\n          coursedisplaycontent += \"<\/div>\";\r\n          setTimeout(function () {\r\n            $(\"#\" + scrollitemid + \"div\").html(coursedisplaycontent);\r\n            getidentifier(scrollitemid);\r\n            \/\/document.getElementById(scrollitemid+\"eventbtn\").scrollIntoView();\r\n          }, 500);\r\n        } else {\r\n          $(\"#\" + actid + \"div\").html(\"No data\");\r\n        }\r\n      });\r\n    } else {\r\n    }\r\n  }\r\n\r\n  \/\/this has be ignore\r\n  function searchbytablefromotherpage(coursetype, actid, code) {\r\n    \/\/$('#coursedetails').show();\r\n\r\n    \/\/$('#pg-274-2').hide();\r\n\r\n    \/\/$('#pg-274-3').hide();\r\n\r\n    \/\/$('#pg-274-4').hide();\r\n\r\n    \/\/$('#pg-274-5').hide();\r\n\r\n    \/\/document.getElementById('courselist').scrollIntoView();\r\n\r\n    if (actid == null && code == null) {\r\n      typesearchcoursename(coursetype);\r\n    } else {\r\n      searchcoursename(code);\r\n\r\n      getidentifier(actid);\r\n    }\r\n  }\r\n\r\n  function searchbytypetable(course) {\r\n    \/\/var oNewWindow = window.open(\"https:\/\/main.bell.org.hk\/?page_id=2955&coursetype=\" + course);\r\n    var oNewWindow = window.location.replace(\r\n      \"https:\/\/main.bell.org.hk\/index.php\/cca-signups\/?coursetype=\" + course\r\n    );\r\n  }\r\n\r\n  function searchbytable(actid, code) {\r\n    \/\/console.log(actid,code);\r\n\r\n    $(\"#content\" + actid).toggle();\r\n    \/\/var oNewWindow = window.open(\"https:\/\/main.bell.org.hk\/?page_id=2955&id=\" + actid + \"&item=\" + code);\r\n    \/\/var oNewWindow = window.location.replace(\"https:\/\/main.bell.org.hk\/index.php\/cca-signups\/?id=\" + actid + \"&item=\" + code);\r\n  }\r\n<\/script>\r\n<style>\r\n  .NavigationBar.mod-desktop.collapsed .NavigationBar-logo img {\r\n    max-height: 104px;\r\n  }\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd5f602 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"cd5f602\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div id=\"maintable\">\r\n\r\n<\/div>\r\n\r\n<script>\r\n\t\/*\r\n\tcan ignore id below:\r\n\tdisplaycoursetable\r\n\tdisplaycoursedetailtable\r\n\tsearchcourseinstructorscontent\r\n\tsearchdata\r\n\tcourselistInstructor\r\n\tcoursedetails\r\n\tcoursedetails\r\n\tpg-274-2\r\n\tpg-274-3\r\n\tpg-274-4\r\n\tpg-274-5\r\n\t*\/\r\n    \r\n    const termid = document.getElementById(\"cca_event_api_termid\").textContent;\r\n\r\n\tconst cca_activitle_activitle = \"https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/activities.php?\"+(termid!=\"\"?\"termid=\"+termid:\"\");\r\n\r\n\r\n\tconst queryString = window.location.search;\r\n\r\n\tconst urlParams = new URLSearchParams(queryString);\r\n\r\n\tconst page_id = urlParams.get('id');\r\n\r\n\tconst page_item = urlParams.get('item');\r\n\r\n\tconst page_coursetype = urlParams.get('coursetype');\r\n\r\n\tvar currentcoursecode = '';\r\n\r\n\r\n\r\n\tif (page_id != null || page_item != null || page_coursetype != null) {\r\n\r\n\r\n\r\n\t\tvar url = '';\r\n\t\tvar courses_type_url = \"https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses_type.php\";\r\n\t\tif (page_coursetype != null) {\r\n\r\n\t\t\turl = 'https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses.php?course_type=' + page_coursetype;\r\n\r\n\t\t} else {\r\n\r\n\t\t\turl = 'https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses.php';\r\n\r\n\t\t}\r\n\t\tvar activitiestypearr = [];\r\n\r\n\t\tvar activitiestypearrid = [];\r\n\t\t$.getJSON(courses_type_url, function (activitiestype) {\r\n\t\t\t\tconsole.log(\"activitiestype\");\r\n\t\t\t\tconsole.log(activitiestype);\r\n\t\t\t\tconsole.log(activitiestype.length);\r\n\r\n\t\t\t\tfor (var t = 0; t < activitiestype.length; t++) {\r\n\t\t\t\t\tactivitiestypearrid.push(activitiestype[t].id);\r\n\t\t\t\t\tactivitiestypearr.push(activitiestype[t].name);\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\tconsole.log(\"activitiestypearrid\");\r\n\t\t\tconsole.log(activitiestypearrid);\r\n\t\t\tconsole.log(activitiestypearrid.length);\r\n\t\t\tconsole.log(\"activitiestypearr\");\r\n\t\t\tconsole.log(activitiestypearr);\r\n\t\t\tconsole.log(activitiestypearr.length);\r\n\t\t\t});\r\n\r\n\r\n\t\t$.getJSON(url, function (course) {\r\n\t\t\tconsole.log(\"get course url:\");\r\n\t\t\tconsole.log(url);\r\n\t\t\tconsole.log(course.length);\r\n\t\t\tconsole.log(course);\r\n\t\t\t$(\"#course_codesub\").append('<option value=\"\">- Course Name -<\/option>');\r\n\r\n\t\t\tvar contenttable = '';\r\n\r\n\t\t\tvar tablearray = [];\r\n\r\n\r\n\r\n\r\n\r\n\t\t\tif (page_coursetype != null) {\r\n\t\t\t\tconsole.log(\"page_coursetype != null\");\r\n\r\n\r\n\r\n\t\t\t\tfor (var l = 0; l < course.length; l++) {\r\n\r\n\t\t\t\t\t$(\"#course_codesub\").append('<option value=\"' + course[l].course_code + '\">' + course[l].course_name + '<\/option>');\r\n\t\t\t\t\tif(course[l].type){\r\n\t\t\t\t\t\tfor (var k = 0; k < course[l].type.length; k++) {\r\n\r\n\t\t\t\t\t\tif (activitiestypearrid.length == 0 && course[l].type[k].id == page_coursetype) {\r\n\r\n\t\t\t\t\t\t\tactivitiestypearrid.push(course[l].type[k].id);\r\n\r\n\t\t\t\t\t\t\tactivitiestypearr.push(new Array(course[l].type[k].id, course[l].type[k].course_name, course[l].type[k].chi_name));\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfor (var p = 0; p < activitiestypearr.length; p++) {\r\n\r\n\t\t\t\t\tcontenttable += '<table class=\"tabtable\"><tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>' + activitiestypearr[p] + '<\/h4><\/span><\/td><\/tr><\/table><table class=\"tabtable\">';\r\n\r\n\r\n\t\t\t\t\t\tconsole.log(\"course[m]\");\r\n\t\t\t\t\t\tconsole.log(course[m]);\r\n\r\n\t\t\t\t\tfor (var m = 0; m < course.length; m++) {\r\n\r\n\t\t\t\t\t\t\tconsole.log(course[m].type);\r\n\t\t\t\t\t\t\tconsole.log(course[m].type.id);\r\n\t\t\t\t\t\t\tconsole.log(activitiestypearr[p]);\r\n\t\t\t\t\t\t\tconsole.log(activitiestypearrid[p]);\r\n\r\n\t\t\t\t\t\t\tif (course[m].type.id == activitiestypearrid[p]) {\r\n\r\n\t\t\t\t\t\t\t\tif (course[m].course_code == page_item) {\r\n\r\n\t\t\t\t\t\t\t\t\tcontenttable += '<tr><td id=\"' + course[m].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' + course[m].id + '\\',\\'' + course[m].course_code + '\\')\"><span>' + course[m].course_name + '<\/span><\/td><\/tr>';\r\n\r\n\t\t\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\t\t\tcontenttable += '<tr><td id=\"' + course[m].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' + course[m].id + '\\',\\'' + course[m].course_code + '\\')\"><span>' + course[m].course_name + '<\/span><\/td><\/tr>';\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t} else {\r\n\t\t\t\t\r\n\t\t\t\tconsole.log(\"page_coursetype is null\");\r\n\t\t\t\tconsole.log(\"of for activitiestypearr\");\r\n\t\t\t\tconsole.log(activitiestypearr.length);\r\n\t\t\t\tconsole.log(activitiestypearr);\r\n\r\n\t\t\t\tfor (var l = 0; l < course.length; l++) {\r\n\r\n\t\t\t\t\t$(\"#course_codesub\").append('<option value=\"' + course[l].course_code + '\">' + course[l].course_name + '<\/option>');\r\n\t\t\t\t\tif(course[l].type){\r\n\t\t\t\t\t\tfor (var k = 0; k < course[l].type.length; k++) {\r\n\r\n\t\t\t\t\t\t\tif (activitiestypearrid.length == 0) {\r\n\r\n\t\t\t\t\t\t\t\tactivitiestypearrid.push(course[l].type[k].id);\r\n\r\n\t\t\t\t\t\t\t\tactivitiestypearr.push(new Array(course[l].type[k].id, course[l].type[k].course_name, course[l].type[k].chi_name));\r\n\r\n\t\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\t\tif (activitiestypearrid.indexOf(course[l].type[k].id) == -1) {\r\n\r\n\t\t\t\t\t\t\t\t\tactivitiestypearrid.push(course[l].type[k].id);\r\n\r\n\t\t\t\t\t\t\t\t\tactivitiestypearr.push(new Array(course[l].type[k].id, course[l].type[k].course_name, course[l].type[k].chi_name));\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\tfor (var p = 0; p < activitiestypearr.length; p++) {\r\n\r\n\t\t\t\t\tcontenttable += '<table class=\"tabtable\"><tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>' + activitiestypearr[p] + '<\/h4><\/span><\/td><\/tr><\/table><table class=\"tabtable\">';\r\n\r\n\t\t\t\t\tfor (var m = 0; m < course.length; m++) {\r\n\r\n\t\t\t\t\t\t\tif (course[m].type.id == activitiestypearrid[p]) {\r\n\r\n\t\t\t\t\t\t\t\tif (course[m].course_code == page_item) {\r\n\r\n\t\t\t\t\t\t\t\t\tcontenttable += '<tr><td id=\"' + course[m].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' + course[m].id + '\\',\\'' + course[m].course_code + '\\')\"><span>' + course[m].course_name + '<\/span><\/td><\/tr>';\r\n\r\n\t\t\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\t\t\tcontenttable += '<tr><td id=\"' + course[m].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' + course[m].id + '\\',\\'' + course[m].course_code + '\\')\"><span>' + course[m].course_name + '<\/span><\/td><\/tr>';\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\r\n\t\r\n\t\t\t\t\tcontenttable += '<tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>Other<\/h4><\/span><\/td><\/tr>';\r\n\t\r\n\t\t\t\t\tfor (var m = 0; m < course.length; m++) {\r\n\t\t\t\t\t\tif(course[m].type.length == 0){\r\n\t\r\n\t\t\t\t\t\t\tif(course[m].course_code == page_item){\r\n\t\r\n\t\t\t\t\t\t\t\tcontenttable += '<tr><td id=\"' + course[m].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' + course[m].id + '\\',\\'' + course[m].course_code + '\\')\"><span>' + course[m].course_name + '<\/span><\/td><\/tr>';\r\n\t\r\n\t\t\t\t\t\t\t}else{\r\n\t\r\n\t\t\t\t\t\t\t\tcontenttable += '<tr><td id=\"' + course[m].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' + course[m].id + '\\',\\'' + course[m].course_code + '\\')\"><span>' + course[m].course_name + '<\/span><\/td><\/tr>';\r\n\t\r\n\t\t\t\t\t\t\t}\r\n\t\r\n\t\t\t\t\t\t}\r\n\t\r\n\t\t\t\t\t\t\r\n\t\r\n\t\t\t\t\t}\r\n\t\r\n\t\t\t\t\r\n\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\tcontenttable += '<\/table>';\r\n\r\n\t\t\t$(\"#caabarContent\").html(contenttable);\r\n\r\n\t\t});\r\n\r\n\r\n\r\n\r\n\r\n\t\tsearchbytablefromotherpage(page_coursetype, page_id, page_item);\r\n\r\n\r\n\r\n\t} else {\r\n\r\n\r\n\r\n\t\t$.getJSON('https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses.php', function (course) {\r\n\r\n\t\t\t$(\"#course_codesub\").append('<option value=\"\">- Course Name -<\/option>');\r\n\r\n\t\t\tvar activitiestypediv = '';\r\n\r\n\t\t\tvar activitiestypearr = [];\r\n\r\n\t\t\tvar activitiestypearrid = [];\r\n\r\n\t\t\tvar contenttable = '<table id=\"tabtable\">';\r\n\r\n\t\t\tfor (var l = 0; l < course.length; l++) {\r\n\r\n\t\t\t\t\/\/$(\"#course_codesub\").append('<option value=\"' + course[l].course_code + '\">' + course[l].course_name + '<\/option>');\r\n\t\t\t\t$(\"#course_codesub\").append('<option value=\"' + course[l].course_code + '\">' + course[l].course_name + '<\/option>');\r\n\r\n\t\t\t\t\/\/contenttable += '<tr><td id=\"' + course[l].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' + course[l].id + '\\',\\'' + course[l].course_code + '\\')\"><span>' + course[l].course_name + '<\/span><\/td><\/tr>';\r\n\t\t\t\tcontenttable += '<tr><td id=\"' + course[l].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' + course[l].id + '\\',\\'' + course[l].course_code + '\\')\"><span>' + course[l].course_name + '<\/span><\/td><\/tr>';\r\n\r\n\r\n\t\t\t\tif(course[l].type){\r\n\t\t\t\tfor (var k = 0; k < course[l].type.length; k++) {\r\n\r\n\t\t\t\t\tif (activitiestypearrid.length == 0) {\r\n\r\n\t\t\t\t\t\tactivitiestypearrid.push(course[l].type[k].id);\r\n\r\n\t\t\t\t\t\tactivitiestypearr.push(new Array(course[l].type[k].id, course[l].type[k].course_name, course[l].type[k].chi_name));\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tif (activitiestypearrid.indexOf(course[l].type[k].id) == -1) {\r\n\r\n\t\t\t\t\t\t\tactivitiestypearrid.push(course[l].type[k].id);\r\n\r\n\t\t\t\t\t\t\tactivitiestypearr.push(new Array(course[l].type[k].id, course[l].type[k].course_name, course[l].type[k].chi_name));\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tcontenttable += '<\/table>';\r\n\r\n\t\t\tcontenttable += '<div>';\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\r\n\t\r\n\t\t\tfor(var t=0;t<activitiestypearr.length;t++){\r\n\t\r\n\t\t\t\tactivitiestypediv += '<input type=\"button\" class=\"ccatypebytn\" id=\"' + activitiestypearr[t][0] + 'typeid\" value=\"'+activitiestypearr[t][1]+'\" onclick=\"searchbytypetable('+activitiestypearr[t][0]+');\"> ';\r\n\t\r\n\t\t\t}\r\n\t\r\n\t\t\t\r\n\r\n\r\n\r\n\t\t\tactivitiestypediv += '<div class=\"ccatopicmessage\"><span class=\"ccatopicmessagecontent\">IMPORTANT: Due to the suspension of activities for all grade levels, we have decided to postpone the opening date for Term 2 ASA Registration, and a new date will be communicated in early-January. Please monitor this page and the divisional newsletters for updates.<\/span><\/div>';\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t$(\"#activitiestypediv\").html(activitiestypediv);\r\n\r\n\t\t\tcontenttable += '<\/div>';\r\n\r\n\t\t\t$(\"#caabarContent\").html(contenttable);\r\n\r\n\t\t});\r\n\r\n\r\n\t\t\/*\r\n\t\t\tvar coursetypeselectionurl = 'https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses_type.php';\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t\t\t$.getJSON(coursetypeselectionurl, function(coursetype) {\r\n\t\t\r\n\t\t\t\t$(\"#course_codetypesub\").append('<option value=\"\">- Course Type -<\/option>');\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\tfor (var p = 0; p < coursetype.length; p++) {\r\n\t\t\r\n\t\t\t\t\t$(\"#course_codetypesub\").append('<option value=\"' + coursetype[p].id + '\">' + coursetype[p].course_name + '<\/option>');\r\n\t\t\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t});\r\n\t\t*\/\r\n\t\tvar sortitemandorder = [];\r\n\r\n\t\tvar activitiesidsub = [];\r\n\r\n\t\tvar course_codesub = [];\r\n\r\n\t\tvar course_namesub = [];\r\n\r\n\t\tvar course_nametypesub = [];\r\n\r\n\t\tvar section_nosub = [];\r\n\r\n\t\tvar namesub = [];\r\n\r\n\t\tvar max_enrollsub = [];\r\n\r\n\t\tvar teachersub = [];\r\n\r\n\t\tvar weekdayssub = [];\r\n\r\n\t\tvar start_timesub = [];\r\n\r\n\t\tvar end_timesub = [];\r\n\r\n\t\tvar gendersub = [];\r\n\r\n\t\tvar gradesub = [];\r\n\r\n\t\tvar locationsub = [];\r\n\r\n\t\tvar venuesub = [];\r\n\r\n\t\tvar feesub = [];\r\n\r\n\t\tvar descriptionsub = [];\r\n\r\n\t\tvar mainarray = [];\r\n\r\n\t\tvar searchitem = [];\r\n\r\n\t\tvar searchGrade = [];\r\n\r\n\t\tvar searchtime = [];\r\n\r\n\t\tvar searchitemtype = [];\r\n\r\n\t\tvar searchtimetext = [];\r\n\r\n\t\tvar searchtypetext = [];\r\n\r\n\t\tvar searchcourse_code = [];\r\n\r\n\t\tvar searchcourse_codetext = [];\r\n\r\n\t\tvar currentpage = 1;\r\n\r\n\t\tvar totalpage = 1;\r\n\r\n\t\tvar openactives = '';\r\n\r\n\t\t$('#courselist').hide();\r\n\r\n\t\t$('#coursedetails').hide();\r\n\r\n\t\t$('#displaycoursedetailtable').hide();\r\n\r\n\t\t$('#displaycoursetable').hide();\r\n\t\t$('#cca_session_title').show();\r\n        \r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t$.getJSON('https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/timeslot.php', function(time) {\r\n\t\t\r\n\t\t\t\t$(\"#timesearch\").append('<option value=\"\">- Time -<\/option>');\r\n\t\t\r\n\t\t\t\tfor (var l = 0; l < time.length; l++) {\r\n\t\t\r\n\t\t\t\t\t$(\"#timesearch\").append('<option value=\"' + time[l].timeslot + '\">' + time[l].timeslot + '<\/option>');\r\n\t\t\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t});\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t$.getJSON(cca_activitle_activitle+'', function (res) {\r\n\r\n\t\t\tif (res.length > 0) {\r\n\r\n\t\t\t\ttotalpage = Math.ceil(res.length \/ 1000);\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\ttotalpage = 1;\r\n\r\n\t\t\t}\r\n\r\n\t\t\tvar lengthstr = '';\r\n\r\n\t\t\tfor (var k = 1; k < totalpage + 1; k++) {\r\n\r\n\t\t\t\tlengthstr += ' <span class=\"pagenumstr\" onclick=\"searchtable(' + k + ',\\'\\',0)\">' + k + '<\/span> ';\r\n\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t$(\"#totalitemstr\").html('( Total item: ' + res.length + ' ) ');\r\n\r\n\t\t\t$(\"#tablepage\").html(lengthstr);\r\n\r\n\t\t});\r\n\r\n\r\n\r\n\t\tvar content = '<table>';\r\n\r\n\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Date <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\/\/content += '<tr><th>Course Code<\/th><th>course name<\/th><th>Section no<\/th><th>Name<\/th><th>Max_enroll<\/th><th>Teacher<\/th><th>Weekdays<\/th><th>Start_time<\/th><th>End_time<\/th><th>gender<\/th><th>grade<\/th><th>location<\/th><th>venue<\/th><th>fee<\/th><th>description<\/th><\/tr>';\t\t\r\n\r\n\t\t\/\/$.getJSON(cca_activitle_activitle+'&page=1&limit=1000&sortby=name', function (emp) {\r\n\t\t$.getJSON(cca_activitle_activitle+'', function (emp) {\r\n\t\t\t\/\/console.log('on activities');\r\n\t\t\tif (emp.length > 0) {\r\n\r\n\t\t\t\tfor (var x = 0; x < emp.length; x++) {\r\n\r\n\r\n\r\n\t\t\t\t\tmainarray.push(new Array(emp[x].id, emp[x].course_code, emp[x].course_name, emp[x].course_type_name, emp[x].section_no, emp[x].course_name, emp[x].max_enroll, emp[x].teacher, emp[x].weekdays, emp[x].start_time, emp[x].end_time, emp[x].gender, emp[x].grade, emp[x].location, emp[x].venue, emp[x].fee, emp[x].description));\r\n\r\n\t\t\t\t\tactivitiesidsub.push(emp[x].id);\r\n\r\n\t\t\t\t\tcourse_codesub.push(emp[x].course_code);\r\n\r\n\t\t\t\t\tcourse_namesub.push(emp[x].course_name);\r\n\r\n\t\t\t\t\tcourse_nametypesub.push(emp[x].course_type_name);\r\n\r\n\t\t\t\t\tsection_nosub.push(emp[x].section_no);\r\n\r\n\t\t\t\t\tnamesub.push(emp[x].name);\r\n\r\n\t\t\t\t\tmax_enrollsub.push(emp[x].max_enroll);\r\n\r\n\t\t\t\t\tteachersub.push(emp[x].teacher);\r\n\r\n\t\t\t\t\tweekdayssub.push(emp[x].weekdays);\r\n\r\n\t\t\t\t\tstart_timesub.push(emp[x].start_time);\r\n\r\n\t\t\t\t\tend_timesub.push(emp[x].end_time);\r\n\r\n\t\t\t\t\t\/\/gendersub.push(emp[x].gender);\r\n\r\n\t\t\t\t\tgradesub.push(emp[x].grade);\r\n\r\n\t\t\t\t\tlocationsub.push(emp[x].location);\r\n\r\n\t\t\t\t\tvenuesub.push(emp[x].venue);\r\n\r\n\t\t\t\t\tfeesub.push(emp[x].fee);\r\n\t\t\t\t\tvar bellFee0 =  Number(emp[x].fee);\r\n\t\t\t\t\tvar bellFee1 = bellFee0*1.15;\r\n\t\t\t\t\tvar bellFee = bellFee1.toFixed(0);\r\n                   let ISFonly = emp[x].section_no.charAt(0);\r\n\t\t\t\t\tdescriptionsub.push(emp[x].description);\r\n\r\n\t\t\t\t\tcontent += '<tr>';\r\n\r\n\t\t\t\t\t\/\/content += '<tr><td>' + emp[x].course_code + '<\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].course_name + '<\/td>';\r\n\r\n\t\t\t\t\tcontent += '<td>' + emp[x].section_no + '<\/td>';\r\n\r\n\t\t\t\t\tcontent += '<td><span class=\"searchtableactivelink\" onclick=\"searchbytable(\\'' + emp[x].id + '\\',\\'' + emp[x].course_code + '\\')\">' + emp[x].name + '<\/span><\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].max_enroll + '<\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].teacher + '<\/td>';\r\n\r\n\t\t\t\t\tif (emp[x].course_type_name != null) {\r\n\r\n\t\t\t\t\t\tcontent += '<td>' + emp[x].course_type_name + '<\/td>';\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tcontent += '<td> - <\/td>';\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tcontent += '<td>' + emp[x].weekdays + '<\/td>';\r\n\r\n\t\t\t\t\tcontent += '<td>' + emp[x].start_time + \" - \" + emp[x].end_time + '<\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].gender + '<\/td>';\r\n\r\n\t\t\t\t\tvar gradesubtext = emp[x].grade;\r\n\r\n\t\t\t\t\tvar gradetext = [];\r\n\r\n\t\t\t\t\ttry{\r\n\t\t\t\t\t\tgradesubtext.split(\",\");\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\tfor (var k = 0; k < gradesubtext.length; k++) {\r\n\r\n\t\t\t\t\t\tif (gradesubtext[k] == -2) {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Year 2\");\r\n\r\n\t\t\t\t\t\t} else if (gradesubtext[k] == -1) {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Year 1\");\r\n\r\n\t\t\t\t\t\t} else if (gradesubtext[k] == 0) {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Foundation Year\");\r\n\r\n\t\t\t\t\t\t} else if (gradesubtext[k] > 0) {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Grade \" + gradesubtext[k]);\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t}catch(e){\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + gradetext.toString() + '<\/td>';\r\n\r\n\r\n\r\n\t\t\t\t\tvar location = '';\r\n\r\n\r\n\r\n\t\t\t\t\tif (emp[x].location === 0) {\r\n\r\n\t\t\t\t\t\tlocation = 'Off campus \u6821\u5916';\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tlocation = 'On campus \u6821\u5167';\r\n\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + location + '<\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].venue + '<\/td>';\r\n                    \/\/content += '<td>' + emp[x].fee + '<\/td><\/tr>';\r\n\t\t\t\t\tcontent += '<td>' + emp[x].fee + '<\/td>';\r\n                    if ( ISFonly == \"1\"){\r\n\t\t\t\t\tcontent += '<td>' + bellFee + '<\/td><\/tr>';}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\tcontent += '<td>n\/a<\/td><\/tr>';\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].description + '<\/td><\/tr>';\r\n\r\n\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\tcontent += '<td colspan=\"12\" style=\"text-align:center;\"> No result.<\/tr>';\r\n\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\tcontent += \"<\/table>\"\r\n\r\n\t\t\t$('#maintable').html(content);\r\n\r\n\t\t});\r\n\r\n\r\n\r\n\t}\r\n\r\n\r\n\r\n\tfunction golink(id, code) {\r\n\r\n\r\n\r\n\t\tvar url = new URL(window.location.href);\r\n\r\n\t\tvar search_params = url.searchParams;\r\n\r\n\r\n\r\n\t\t\/\/ new value of \"id\" is set to \"101\"\r\n\r\n\t\tsearch_params.set('id', 0);\r\n\r\n\t\tsearch_params.set('item', code);\r\n\r\n\t\t\/\/ change the search property of the main url\r\n\r\n\t\twindow.location.search = search_params.toString();\r\n\r\n\r\n\r\n\t}\r\n\r\n\r\n\r\n\tfunction typesearchcoursename(typeid) {\r\n\r\n\r\n\r\n\t\t\/\/$('#displaycoursetable').hide();\r\n\r\n\t\t$('#courseresulttable').hide();\r\n\r\n\t\t$('.searchdataselection').hide();\r\n\r\n\t\t$('#displaycoursedetailtable').hide();\r\n\r\n\t\t\/\/ $('#searchcourseinstructorscontent').html();\r\n\r\n\t\tvar courseallarray = [];\r\n\r\n\t\tvar coursearray = [];\r\n\r\n\t\tvar url = 'https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses.php?course_type=' + typeid;\r\n\r\n\t\tvar typename = '';\r\n\r\n\t\t$.getJSON(url, function (emp) {\r\n\r\n\t\t\tif (emp.length > 0) {\r\n\r\n\t\t\t\tfor (var x = 0; x < emp.length; x++) {\r\n\r\n\r\n\t\t\t\t\tif(course[l].type){\r\n\t\t\t\t\tfor (var u = 0; u < emp[x].type.length; u++) {\r\n\r\n\t\t\t\t\t\tif (emp[x].type[u].id == typeid) {\r\n\r\n\t\t\t\t\t\t\ttypename = emp[x].type[u].course_name;\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\t$(\"#searchcourseheader\").html(typename);\r\n\r\n\t\t\t\t\t$(\"#searchcoursecontent\").html('')\r\n\r\n\t\t\t\t\t$(\"#searchcoursecontent\").html(emp[x].description);\r\n\r\n\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t$(\"#searchcourseheader\").html('No data');\r\n\r\n\t\t\t\t$(\"#searchcoursecontent\").html('No data');\r\n\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\r\n\r\n\t\t\r\n\t\t\r\n\t\t\tvar courseurl = cca_activitle_activitle+'&course_code=' + typeid;\r\n\t\t\r\n\t\t\t$.getJSON(courseurl, function(res) {\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\tif (res.length > 0) {\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\r\n\t\t\t\t\tfor (var r = 0; r < res.length; r++) {\r\n\t\t\r\n\t\t\t\t\t\tvar location = '';\r\n\t\t\r\n\t\t\t\t\t\tvar gradetext = [];\r\n\t\t\r\n\t\t\t\t\t\tvar eventday = '';\r\n                        if(res[r].grade!=null){\r\n\r\n                            var gradesub = res[r].grade.split(',');\r\n                        }\r\n\t\t\t\t\t\tif (res[r].weekdays === 'Sun') {\r\n\t\t\r\n\t\t\t\t\t\t\teventday = 'Sunday';\r\n\t\t\r\n\t\t\t\t\t\t} else if (res[r].weekdays === 'Mon') {\r\n\t\t\r\n\t\t\t\t\t\t\teventday = 'Monday';\r\n\t\t\r\n\t\t\t\t\t\t} else if (res[r].weekdays === 'Tue') {\r\n\t\t\r\n\t\t\t\t\t\t\teventday = 'Tuesday';\r\n\t\t\r\n\t\t\t\t\t\t} else if (res[r].weekdays === 'Wed') {\r\n\t\t\r\n\t\t\t\t\t\t\teventday = 'Wednesday';\r\n\t\t\r\n\t\t\t\t\t\t} else if (res[r].weekdays === 'Thus') {\r\n\t\t\r\n\t\t\t\t\t\t\teventday = 'Thursday';\r\n\t\t\r\n\t\t\t\t\t\t} else if (res[r].weekdays === 'Fri') {\r\n\t\t\r\n\t\t\t\t\t\t\teventday = 'Friday';\r\n\t\t\r\n\t\t\t\t\t\t} else if (res[r].weekdays === 'Sat') {\r\n\t\t\r\n\t\t\t\t\t\t\teventday = 'Saturday';\r\n\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\tif (res[r].location === 0) {\r\n\t\t\r\n\t\t\t\t\t\t\tlocation = 'Off campus';\r\n\t\t\r\n\t\t\t\t\t\t} else {\r\n\t\t\r\n\t\t\t\t\t\t\tlocation = 'On campus';\r\n\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\tfor (var j = 0; j < gradesub.length; j++) {\r\n\t\t\r\n\t\t\t\t\t\t\tif (gradesub[j] == -2) {\r\n\t\t\r\n\t\t\t\t\t\t\t\tgradetext.push(\"Year 1\");\r\n\t\t\r\n\t\t\t\t\t\t\t} else if (gradesub[j] == -1) {\r\n\t\t\r\n\t\t\t\t\t\t\t\tgradetext.push(\"Year 2\");\r\n\t\t\r\n\t\t\t\t\t\t\t} else if (gradesub[j] == 0) {\r\n\t\t\r\n\t\t\t\t\t\t\t\tgradetext.push(\"Foundation Year\");\r\n\t\t\r\n\t\t\t\t\t\t\t} else if (gradesub[j] > 0) {\r\n\t\t\r\n\t\t\t\t\t\t\t\tgradetext.push(\"Grade \" + gradesub[j]);\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\r\n\t\t\t\t\t\tcoursearray.push(new Array(\r\n\t\t\t\t\t\t\tres[r].id,\r\n\t\t\t\t\t\t\t res[r].course_code,\r\n\t\t\t\t\t\t\t  res[r].course_name,\r\n\t\t\t\t\t\t\t   res[r].course_chi_name, res[r].section_no, res[r].course_name, res[r].chi_name, res[r].max_enroll, res[r].teacher, eventday, res[r].start_time, res[r].end_time, res[r].gender, gradetext.toString(), location, res[r].venue, res[r].fee, res[r].description, res[r].chi_description));\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\/\/$(\"#searchcourseinstructorscontent\").html(res[r].description);\r\n\t\t\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t\t\t\tif (coursearray.length > 0) {\r\n\t\t\r\n\t\t\t\t\t\tvar listcourseselect = '';\r\n\t\t\r\n\t\t\t\t\t\tfor (var q = 0; q < coursearray.length; q++) {\r\n\t\t\r\n\t\t\t\t\t\t\tlistcourseselect += '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' + coursearray[q][0] + 'eventbtn\" value=\"' + coursearray[q][0] + '\" onclick=\"displaycoursedetail(' + coursearray[q][0] + ');\" >' + coursearray[q][4] + ' - ' + coursearray[q][8] + ' ( ' + coursearray[q][10] + ' - ' + coursearray[q][11] + ' ) [ ' + coursearray[q][13] + ' ]' + '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' + coursearray[q][0] + 'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t$(\"#searchcourseregist\").html(listcourseselect);\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t} else {\r\n\t\t\r\n\t\t\t\t\t\t$(\"#searchcourseregist\").html('No Activities.');\r\n\t\t\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t} else {\r\n\t\t\r\n\t\t\t\t\r\n\t\t\r\n\t\t\t\t\t$(\"#searchcourseregist\").html('No Activities.');\r\n\t\t\r\n\t\t\t\t\t\/\/$(\"#searchcourseinstructorscontent\").html('No data');\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t});\r\n\t\t\r\n\t\t\t\r\n\r\n\t\t\/\/document.getElementById('yogic_lite_content_wrapper').scrollIntoView();\r\n\r\n\r\n\r\n\t}\r\n\r\n\r\n\r\n\r\n\r\n\tfunction searchcoursename(code) {\r\n\r\n\r\n\t\t$('#cca_session_title').hide();\r\n\t\t$('#displaycoursetable').show();\r\n\r\n\t\t$('#courseresulttable').hide();\r\n\r\n\t\t$('.searchdataselection').hide();\r\n\r\n\t\t$('#displaycoursedetailtable').hide();\r\n\r\n\t\t\/\/ $('#searchcourseinstructorscontent').html();\r\n\r\n\t\tvar courseallarray = [];\r\n\r\n\t\tvar coursearray = [];\r\n\r\n\t\tvar url = 'https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses.php?course_code=' + code;\r\n\r\n\t\tif (currentcoursecode != '') {\r\n\r\n\t\t\t$('#' + currentcoursecode + 'tdtab').css('font-weight', 'unset');\r\n\r\n\t\t\t$('#' + currentcoursecode + 'tdtab').css('color', 'unset');\r\n\r\n\t\t\tcurrentcoursecode = code;\r\n\r\n\t\t} else {\r\n\r\n\t\t\tcurrentcoursecode = code;\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\r\n\r\n\t\t$('#' + currentcoursecode + 'tdtab').css('font-weight', 'bold');\r\n\r\n\t\t$('#' + currentcoursecode + 'tdtab').css('color', '#F2A900');\r\n\r\n\r\n\r\n\t\t$.getJSON(url, function (emp) {\r\n\r\n\t\t\tif (emp.length > 0) {\r\n\r\n\t\t\t\tfor (var x = 0; x < emp.length; x++) {\r\n\r\n\r\n\r\n\t\t\t\t\t$(\"#searchcourseheader\").html(emp[x].course_name);\r\n\r\n\t\t\t\t\t$(\"#searchcoursecontent\").html(emp[x].description);\r\n\r\n\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t$(\"#searchcourseheader\").html('No data');\r\n\r\n\t\t\t\t$(\"#searchcoursecontent\").html('No data');\r\n\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\t\tvar countactivityarr = [];\r\n\r\n\t\tvar courseurl = cca_activitle_activitle+'&course_code=' + code;\r\n\r\n\t\t$.getJSON(courseurl, function (res) {\r\n\r\n\r\n\r\n\t\t\tif (res.length > 0) {\r\n\r\n\r\n\r\n\t\t\t\tfor (var r = 0; r < res.length; r++) {\r\n\r\n\t\t\t\t\tvar location = '';\r\n\r\n\t\t\t\t\tvar gradetext = [];\r\n\r\n\t\t\t\t\tvar eventday = [];\r\n                    if(res[r].grade!=null){\r\n\t\t\t\t\tvar gradesub = res[r].grade.split(',');\r\n                }\r\n\r\n\t\t\t\t\tvar weekdayssub = res[r].weekdays.split(',');\r\n\r\n\t\t\t\t\tvar gradingsub = res[r].grade;\r\n\r\n\t\t\t\t\tvar lastgrade = -3;\r\n\r\n\t\t\t\t\tif (gradesub.length > 0) {\r\n\r\n\t\t\t\t\t\tlastgrade = gradesub[gradesub.length - 1];\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfor (var k = 0; k < weekdayssub.length; k++) {\r\n\r\n\t\t\t\t\t\tif (weekdayssub[k] === 'Sun') {\r\n\r\n\t\t\t\t\t\t\teventday.push('Sunday');\r\n\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Mon') {\r\n\r\n\t\t\t\t\t\t\teventday.push('Monday');\r\n\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Tue') {\r\n\r\n\t\t\t\t\t\t\teventday.push('Tuesday');\r\n\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Wed') {\r\n\r\n\t\t\t\t\t\t\teventday.push('Wednesday');\r\n\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Thu') {\r\n\r\n\t\t\t\t\t\t\teventday.push('Thursday');\r\n\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Fri') {\r\n\r\n\t\t\t\t\t\t\teventday.push('Friday');\r\n\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Sat') {\r\n\r\n\t\t\t\t\t\t\teventday.push('Saturday');\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (lastgrade == -2) {\r\n\r\n\t\t\t\t\t\tlastgrade = 'Y2';\r\n\r\n\t\t\t\t\t} else if (gradesub[0] == -1) {\r\n\r\n\t\t\t\t\t\tlastgrade = 'Y1';\r\n\r\n\t\t\t\t\t} else if (gradesub[0] == 0) {\r\n\r\n\t\t\t\t\t\tlastgrade = 'FY';\r\n\r\n\t\t\t\t\t} else if (gradesub[0] > 0) {\r\n\r\n\t\t\t\t\t\tlastgrade = \"G\" + lastgrade;\r\n\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t\tif (res[r].location === 0) {\r\n\r\n\t\t\t\t\t\tlocation = 'Off campus';\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tlocation = 'On campus';\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (gradesub[0] == -2) {\r\n\r\n\t\t\t\t\t\tif (gradesub.length > 1) {\r\n\r\n\t\t\t\t\t\t\tif (lastgrade == 'Y2') {\r\n\r\n\r\n\r\n\t\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\t\tgradetext.push('Y2 - ' + lastgrade);\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Y2\");\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t} else if (gradesub[0] == -1) {\r\n\r\n\t\t\t\t\t\tif (gradesub.length > 1) {\r\n\r\n\t\t\t\t\t\t\tif (lastgrade == 'Y1') {\r\n\r\n\r\n\r\n\t\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\t\tgradetext.push('Y1 - ' + lastgrade);\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Y1\");\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t} else if (gradesub[0] == 0) {\r\n\r\n\t\t\t\t\t\tif (gradesub.length > 1) {\r\n\r\n\t\t\t\t\t\t\tif (lastgrade == 'FY') {\r\n\r\n\r\n\r\n\t\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\t\tgradetext.push('FY - ' + lastgrade);\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"FY\");\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t} else if (gradesub[0] > 0) {\r\n\r\n\t\t\t\t\t\tif (gradesub.length > 1) {\r\n\r\n\t\t\t\t\t\t\tif (lastgrade == \"G\" + gradesub[0]) {\r\n\r\n\r\n\r\n\t\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\t\tgradetext.push(\"G\" + gradesub[0] + ' - ' + lastgrade);\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"G\" + gradesub[0]);\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tvar weekdaystr = eventday.toString();\r\n\r\n\t\t\t\t\tvar checkweekday = weekdaystr.replace(\",\", \" & \");\r\n\r\n\t\t\t\t\tvar displaytiming = [];\r\n\r\n\r\n\r\n\t\t\t\t\tif (countactivityarr.length == 0 || countactivityarr.includes(res[r].identifier) == false) {\r\n\r\n\t\t\t\t\t\tcountactivityarr.push(res[r].identifier);\r\n\r\n\t\t\t\t\t\tcoursearray.push(new Array(res[r].id, res[r].course_code, res[r].course_name, res[r].course_chi_name, res[r].section_no, res[r].course_name, res[r].chi_name, res[r].max_enroll, res[r].teacher, weekdaystr.replace(\",\", \" & \"), res[r].start_time, res[r].end_time, res[r].gender, gradetext.toString(), location, res[r].venue, res[r].fee, res[r].description, res[r].chi_description, res[r].identifier));\r\n\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\tif (countactivityarr.includes(res[r].identifier) == true && coursearray.length > 0) {\r\n\r\n\r\n\r\n\t\t\t\t\t\tvar checkday = coursearray[countactivityarr.indexOf(res[r].identifier)][9];\r\n\r\n\t\t\t\t\t\tvar checkstime = coursearray[countactivityarr.indexOf(res[r].identifier)][10];\r\n\r\n\t\t\t\t\t\tvar checketime = coursearray[countactivityarr.indexOf(res[r].identifier)][11];\r\n\r\n\t\t\t\t\t\tif (checkday.includes(checkweekday) == true) {\r\n\r\n\r\n\r\n\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\tcoursearray[countactivityarr.indexOf(res[r].identifier)][9] += ' \/ ' + weekdaystr.replace(\",\", \" & \");\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (checkstime.includes(res[r].start_time) == true && checketime.includes(res[r].end_time) == true) {\r\n\r\n\r\n\r\n\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\tcoursearray[countactivityarr.indexOf(res[r].identifier)][10] += ',' + res[r].start_time;\r\n\r\n\t\t\t\t\t\t\tcoursearray[countactivityarr.indexOf(res[r].identifier)][11] += ',' + res[r].end_time;\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t\t\/\/$(\"#searchcourseinstructorscontent\").html(res[r].description);\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (coursearray.length > 0) {\r\n\r\n\t\t\t\t\tvar listcourseselect = '';\r\n\r\n\r\n\r\n\t\t\t\t\tfor (var q = 0; q < coursearray.length; q++) {\r\n\r\n\t\t\t\t\t\tvar checkstimesub = coursearray[q][10];\r\n\r\n\t\t\t\t\t\tvar checketimesub = coursearray[q][11];\r\n\r\n\t\t\t\t\t\tvar stime = checkstimesub.split(\",\");\r\n\r\n\t\t\t\t\t\tvar etime = checketimesub.split(\",\");\r\n\r\n\t\t\t\t\t\t\/\/listcourseselect += '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' + coursearray[q][0] + 'eventbtn\" value=\"' + coursearray[q][0] + '\" onclick=\"displaycoursedetail(' + coursearray[q][0] + ');\" >' + coursearray[q][4] + ' - ' + coursearray[q][8] + ' ( ' + coursearray[q][10] + ' - ' + coursearray[q][11] + ' ) [ ' + coursearray[q][13] + ' ]' + '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' + coursearray[q][0] + 'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n\r\n\t\t\t\t\t\tlistcourseselect += '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' + coursearray[q][19] + 'eventbtn\" value=\"' + coursearray[q][0] + '\" onclick=\"getidentifier(' + coursearray[q][0] + ');\" >' + coursearray[q][5] + ' ' + coursearray[q][9] + ' ( ';\r\n\r\n\t\t\t\t\t\tfor (var p = 0; p < stime.length; p++) {\r\n\r\n\t\t\t\t\t\t\tif (p > 0) {\r\n\r\n\t\t\t\t\t\t\t\tlistcourseselect += ' \/ ';\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tlistcourseselect += stime[p] + ' - ' + etime[p];\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tlistcourseselect += ' )' + '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' + coursearray[q][19] + 'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t$(\"#searchcourseregist\").html(listcourseselect);\r\n\r\n\r\n\r\n\t\t\t\t} else {\r\n\r\n\t\t\t\t\t$(\"#searchcourseregist\").html('No Activities.');\r\n\r\n\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t} else {\r\n\r\n\r\n\r\n\t\t\t\t$(\"#searchcourseregist\").html('No Activities.');\r\n\r\n\t\t\t\t\/\/ $(\"#searchcourseinstructorscontent\").html('No data');\r\n\r\n\r\n\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\t\t\/\/document.getElementById('yogic_lite_content_wrapper').scrollIntoView();\r\n\r\n\r\n\r\n\t}\r\n\r\n\r\n\r\n\t$(\"#grade\").change(function () {\r\n\r\n\t\tif (this.value != '') {\r\n\r\n\t\t\tif (searchGrade.indexOf(this.value) == -1) {\r\n\r\n\t\t\t\tsearchGrade.push(this.value);\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].setAttribute('style', 'background-color: #ccc;');\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].disabled = true;\r\n\r\n\t\t\t}\r\n\r\n\t\t\torderbutton();\r\n\r\n\t\t}\r\n\r\n\t});\r\n\r\n\t$(\"#timesearch\").change(function () {\r\n\r\n\t\tif (this.value != '') {\r\n\r\n\t\t\tif (searchtime.indexOf(this.value) == -1) {\r\n\r\n\t\t\t\tsearchtime.push(this.value);\r\n\r\n\t\t\t\tsearchtimetext.push($(this).find('option:selected').text());\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].setAttribute('style', 'background-color: #ccc;');\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].disabled = true;\r\n\r\n\t\t\t}\r\n\r\n\t\t\torderbutton();\r\n\r\n\t\t}\r\n\r\n\t});\r\n\r\n\t$(\"#weekdayssub\").change(function () {\r\n\r\n\t\tif (this.value != '') {\r\n\r\n\t\t\tif (searchitem.indexOf(this.value) == -1) {\r\n\r\n\t\t\t\tsearchitem.push(this.value);\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].setAttribute('style', 'background-color: #ccc;');\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].disabled = true;\r\n\r\n\t\t\t}\r\n\r\n\t\t\torderbutton();\r\n\r\n\t\t}\r\n\r\n\t});\r\n\r\n\t\/\/select option field onchange function\r\n\t$(\"#course_codesub\").change(function () {\r\n\r\n\t\tif (this.value != '') {\r\n\r\n\t\t\tif (searchcourse_code.indexOf(this.value) == -1) {\r\n\r\n\t\t\t\tsearchcourse_code.push(this.value);\r\n\r\n\t\t\t\tsearchcourse_codetext.push($(this).find('option:selected').text());\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].setAttribute('style', 'background-color: #ccc;');\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].disabled = true;\r\n\r\n\t\t\t\t\/\/ $('#searchdata').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\''+this.value+'\\',\\'searchcourse_code\\');\">&#10006;   '+ $(this).find('option:selected').text()+'<\/button> ');\r\n\r\n\r\n\r\n\t\t\t}\r\n\r\n\t\t\torderbutton();\r\n\r\n\t\t}\r\n\r\n\t});\r\n\r\n\r\n\t\/\/select option field onchange function\r\n\t$(\"#course_codetypesub\").change(function () {\r\n\r\n\t\tif (this.value != '') {\r\n\r\n\t\t\tif (searchitemtype.indexOf(this.value) == -1) {\r\n\r\n\t\t\t\tsearchitemtype.push(this.value);\r\n\r\n\t\t\t\tsearchtypetext.push($(this).find('option:selected').text());\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].setAttribute('style', 'background-color: #ccc;');\r\n\r\n\t\t\t\tthis.options[this.selectedIndex].disabled = true;\r\n\r\n\t\t\t}\r\n\r\n\t\t\torderbutton();\r\n\r\n\t\t}\r\n\r\n\t});\r\n\r\n\r\n\r\n\r\n\r\n\tfunction cancelitem(item, itemarr) {\r\n\r\n\r\n\r\n\t\tvar newarray = [];\r\n\r\n\t\tvar newarraytext = [];\r\n\r\n\t\tvar currenyarr = [];\r\n\r\n\t\tvar currenyarrtext = [];\r\n\r\n\t\tif (itemarr == \"searchitem\") {\r\n\r\n\t\t\tcurrenyarr = searchitem;\r\n\r\n\t\t} else if (itemarr == \"searchGrade\") {\r\n\r\n\t\t\tcurrenyarr = searchGrade;\r\n\r\n\t\t} else if (itemarr == \"searchcourse_code\") {\r\n\r\n\t\t\tcurrenyarr = searchcourse_code;\r\n\r\n\t\t\tcurrenyarrtext = searchcourse_codetext;\r\n\r\n\t\t} else if (itemarr == \"searchtime\") {\r\n\r\n\t\t\tcurrenyarr = searchtime;\r\n\r\n\t\t\tcurrenyarrtext = searchtimetext;\r\n\r\n\t\t} else if (itemarr == \"searchitemtype\") {\r\n\r\n\t\t\tcurrenyarr = searchitemtype;\r\n\r\n\t\t\tcurrenyarrtext = searchtypetext;\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tfor (var x = 0; x < currenyarr.length; x++) {\r\n\r\n\t\t\tif (currenyarr[x] != item) {\r\n\r\n\t\t\t\tnewarray.push(currenyarr[x]);\r\n\r\n\t\t\t\tif (currenyarrtext.length > 0) {\r\n\r\n\t\t\t\t\tnewarraytext.push(currenyarrtext[x]);\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\r\n\r\n\t\tif (itemarr == \"searchitem\") {\r\n\r\n\t\t\tvar itemselectedIndex = document.getElementById(\"weekdayssub\").length;\r\n\r\n\t\t\tvar itemselectedoptions = document.getElementById(\"weekdayssub\").options;\r\n\r\n\t\t\tfor (var k = 0; k < itemselectedIndex; k++) {\r\n\r\n\t\t\t\tif (itemselectedoptions[k].value == item) {\r\n\r\n\t\t\t\t\titemselectedoptions[k].disabled = false;\r\n\r\n\t\t\t\t\titemselectedoptions[k].setAttribute('style', 'background-color: #f5f5f5;');\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\tsearchitem = [];\r\n\r\n\t\t} else if (itemarr == \"searchGrade\") {\r\n\r\n\t\t\tvar itemselectedIndex = document.getElementById(\"grade\").length;\r\n\r\n\t\t\tvar itemselectedoptions = document.getElementById(\"grade\").options;\r\n\r\n\t\t\tfor (var k = 0; k < itemselectedIndex; k++) {\r\n\r\n\t\t\t\tif (itemselectedoptions[k].value == item) {\r\n\r\n\t\t\t\t\titemselectedoptions[k].disabled = false;\r\n\r\n\t\t\t\t\titemselectedoptions[k].setAttribute('style', 'background-color: #f5f5f5;');\r\n\r\n\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\tsearchGrade = [];\r\n\r\n\t\t} else if (itemarr == \"searchcourse_code\") {\r\n\r\n\t\t\tvar itemselectedIndex = document.getElementById(\"course_codesub\").length;\r\n\r\n\t\t\tvar itemselectedoptions = document.getElementById(\"course_codesub\").options;\r\n\r\n\t\t\tfor (var k = 0; k < itemselectedIndex; k++) {\r\n\r\n\t\t\t\tif (itemselectedoptions[k].value == item) {\r\n\r\n\t\t\t\t\titemselectedoptions[k].disabled = false;\r\n\r\n\t\t\t\t\titemselectedoptions[k].setAttribute('style', 'background-color: #f5f5f5;');\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\tsearchcourse_code = [];\r\n\r\n\t\t\tsearchcourse_codetext = [];\r\n\r\n\t\t} else if (itemarr == \"searchtime\") {\r\n\r\n\t\t\tvar itemselectedIndex = document.getElementById(\"timesearch\").length;\r\n\r\n\t\t\tvar itemselectedoptions = document.getElementById(\"timesearch\").options;\r\n\r\n\t\t\tfor (var k = 0; k < itemselectedIndex; k++) {\r\n\r\n\t\t\t\tif (itemselectedoptions[k].value == item) {\r\n\r\n\t\t\t\t\titemselectedoptions[k].disabled = false;\r\n\r\n\t\t\t\t\titemselectedoptions[k].setAttribute('style', 'background-color: #f5f5f5;');\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\tsearchtime = [];\r\n\r\n\t\t\tsearchtimetext = [];\r\n\r\n\t\t\tsearchtypetext = [];\r\n\r\n\t\t} else if (itemarr == \"searchitemtype\") {\r\n\r\n\t\t\tvar itemselectedIndex = document.getElementById(\"course_codetypesub\").length;\r\n\r\n\t\t\tvar itemselectedoptions = document.getElementById(\"course_codetypesub\").options;\r\n\r\n\t\t\tfor (var k = 0; k < itemselectedIndex; k++) {\r\n\r\n\t\t\t\tif (itemselectedoptions[k].value == item) {\r\n\r\n\t\t\t\t\titemselectedoptions[k].disabled = false;\r\n\r\n\t\t\t\t\titemselectedoptions[k].setAttribute('style', 'background-color: #f5f5f5;');\r\n\r\n\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\tsearchitemtype = [];\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tif (itemarr == \"searchitem\") {\r\n\r\n\t\t\tsearchitem = newarray;\r\n\r\n\t\t} else if (itemarr == \"searchGrade\") {\r\n\r\n\t\t\tsearchGrade = newarray;\r\n\r\n\t\t} else if (itemarr == \"searchcourse_code\") {\r\n\r\n\t\t\tsearchcourse_code = newarray;\r\n\r\n\t\t\tsearchcourse_codetext = newarraytext;\r\n\r\n\t\t} else if (itemarr == \"searchtime\") {\r\n\r\n\t\t\tsearchtime = newarray;\r\n\r\n\t\t\tsearchtimetext = newarraytext;\r\n\r\n\t\t} else if (itemarr == \"searchitemtype\") {\r\n\r\n\t\t\tsearchitemtype = newarray;\r\n\r\n\t\t\tsearchtypetext = newarraytext;\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\t$('#searchdataitem').html('');\r\n\r\n\t\t$('#searchdataday').html('');\r\n\r\n\t\t$('#searchdatagrade').html('');\r\n\r\n\t\t$('#searchdatatime').html('');\r\n\r\n\t\t$('#searchdataitemtype').html('');\r\n\r\n\t\tfor (var k = 0; k < searchitem.length; k++) {\r\n\r\n\t\t\t$('#searchdataday').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchitem[k] + '\\',\\'searchitem\\');\">&#10006;   ' + searchitem[k] + '<\/button><br\/> ');\r\n\r\n\t\t}\r\n\r\n\t\tfor (var g = 0; g < searchGrade.length; g++) {\r\n\r\n\t\t\tif (searchGrade[g] == -2) {\r\n\r\n\t\t\t\t$('#searchdatagrade').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchGrade[g] + '\\',\\'searchGrade\\');\">&#10006;   Year 1<\/button><br\/> ');\r\n\r\n\t\t\t} else if (searchGrade[g] == -1) {\r\n\r\n\t\t\t\t$('#searchdatagrade').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchGrade[g] + '\\',\\'searchGrade\\');\">&#10006;   Year 2<\/button><br\/> ');\r\n\r\n\t\t\t} else if (searchGrade[g] == 0) {\r\n\r\n\t\t\t\t$('#searchdatagrade').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchGrade[g] + '\\',\\'searchGrade\\');\">&#10006;   Foundation Year<\/button><br\/> ');\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t$('#searchdatagrade').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchGrade[g] + '\\',\\'searchGrade\\');\">&#10006;   Grade ' + searchGrade[g] + ' ');\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\tfor (var m = 0; m < searchcourse_code.length; m++) {\r\n\r\n\t\t\t$('#searchdataitem').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchcourse_code[m] + '\\',\\'searchcourse_code\\');\">&#10006;   ' + searchcourse_codetext[m] + '<\/button><br\/> ');\r\n\r\n\t\t}\r\n\r\n\t\tfor (var j = 0; j < searchtime.length; j++) {\r\n\r\n\t\t\t$('#searchdatatime').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchtime[j] + '\\',\\'searchtime\\');\">&#10006;   ' + searchtimetext[j] + '<\/button><br\/> ');\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tfor (var f = 0; f < searchitemtype.length; f++) {\r\n\r\n\t\t\t$('#searchdataitemtype').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchitemtype[f] + '\\',\\'searchitemtype\\');\">&#10006;   ' + searchtypetext[f] + '<\/button><br\/> ');\r\n\r\n\t\t}\r\n\r\n\t\tsearchtable(1, '', 0);\r\n\r\n\t}\r\n\r\n\r\n\r\n\r\n\r\n\tfunction searchtable(pagenum, sortby, orderside) {\r\n\r\n\t\tif (sortitemandorder.length > 0) {\r\n\r\n\t\t\tif (sortitemandorder[0] == sortby) {\r\n\r\n\t\t\t\tif (sortitemandorder[1] > 0) {\r\n\r\n\t\t\t\t\torderside = 0;\r\n\r\n\t\t\t\t} else {\r\n\r\n\t\t\t\t\torderside = 1;\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t} else {\r\n\r\n\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\treset();\r\n\r\n\t\tvar searchitemtostring = searchitem.toString();\r\n\r\n\t\tvar searchGradetostring = searchGrade.toString();\r\n\r\n\t\tvar searchcourse_codetostring = searchcourse_code.toString();\r\n\r\n\t\tvar searchtimetostring = searchtime.toString();\r\n\r\n\t\tvar searchtypetostring = searchitemtype.toString();\r\n\r\n\t\tvar url = cca_activitle_activitle+'&page=' + pagenum + '&limit=1000';\r\n\r\n\r\n\r\n\t\tif (searchitemtostring != '') {\r\n\r\n\t\t\turl += '&weekdays=' + searchitemtostring;\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tif (searchGradetostring != '') {\r\n\r\n\t\t\turl += '&grade=' + searchGradetostring;\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tif (searchcourse_codetostring != '') {\r\n\r\n\t\t\turl += '&course_code=' + searchcourse_codetostring;\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tif (searchtimetostring != '') {\r\n\r\n\t\t\turl += '&timeslot=' + searchtimetostring;\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tif (searchtypetostring != '') {\r\n\r\n\t\t\turl += '&course_type_id=' + searchtypetostring;\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tif (sortby != '') {\r\n\r\n\t\t\turl += '&sortby=' + sortby + '&order=' + orderside;\r\n\r\n\t\t}\r\n\r\n\t\tsortitemandorder.push(sortby);\r\n\r\n\t\tsortitemandorder.push(orderside);\r\n\r\n\t\tvar content = '<table>';\r\n\r\n\r\n\r\n\t\tif (orderside == 0) {\r\n\r\n\t\t\tif (sortby == 'course_name') {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t} else if (sortby == 'weekdays') {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t} else if (sortby == 'timeslot') {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\">&#9650;<\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t} else if (sortby == 'course_type_name') {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type <span id=\"course_nametpyesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t} else {\r\n\r\n\t\t\tif (sortby == 'course_name') {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t} else if (sortby == 'weekdays') {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t} else if (sortby == 'timeslot') {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\">&#9660;<\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t} else if (sortby == 'course_type_name') {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type <span id=\"course_nametpyesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\tcontent += '<tr><th>Section no<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">Name <span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">Weekdays <span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">Time <span id=\"timeslotsort\"><\/span><\/th><th>ISF Student Fee (HKD)<\/th><th>BELL Student Fee (HKD)<\/th><\/tr>';\r\n\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\t\/\/content += '<tr><th>Course Code<\/th><th>course name<\/th><th>Section no<\/th><th>Name<\/th><th>Max_enroll<\/th><th>Teacher<\/th><th>Weekdays<\/th><th>Start_time<\/th><th>End_time<\/th><th>gender<\/th><th>grade<\/th><th>location<\/th><th>venue<\/th><th>fee<\/th><th>description<\/th><\/tr>';\t\t\r\n\r\n\t\t$.getJSON(url, function (emp) {\r\n\r\n\t\t\tif (emp.length > 0) {\r\n\r\n\t\t\t\tfor (var x = 0; x < emp.length; x++) {\r\n\r\n\r\n\r\n\t\t\t\t\tmainarray.push(new Array(emp[x].id, emp[x].course_code, emp[x].course_name, emp[x].course_type_name, emp[x].section_no, emp[x].name, emp[x].max_enroll, emp[x].teacher, emp[x].weekdays, emp[x].start_time, emp[x].end_time, emp[x].gender, emp[x].grade, emp[x].location, emp[x].venue, emp[x].fee, emp[x].description));\r\n\r\n\t\t\t\t\tactivitiesidsub.push(emp[x].id);\r\n\r\n\t\t\t\t\tcourse_codesub.push(emp[x].course_code);\r\n\r\n\t\t\t\t\tcourse_namesub.push(emp[x].course_name);\r\n\r\n\t\t\t\t\tcourse_nametypesub.push(emp[x].course_type_name);\r\n\r\n\t\t\t\t\tsection_nosub.push(emp[x].section_no);\r\n\r\n\t\t\t\t\tnamesub.push(emp[x].name);\r\n\r\n\t\t\t\t\tmax_enrollsub.push(emp[x].max_enroll);\r\n\r\n\t\t\t\t\tteachersub.push(emp[x].teacher);\r\n\r\n\t\t\t\t\tweekdayssub.push(emp[x].weekdays);\r\n\r\n\t\t\t\t\tstart_timesub.push(emp[x].start_time);\r\n\r\n\t\t\t\t\tend_timesub.push(emp[x].end_time);\r\n\r\n\t\t\t\t\t\/\/gendersub.push(emp[x].gender);\r\n\r\n\t\t\t\t\tgradesub.push(emp[x].grade);\r\n\r\n\t\t\t\t\tlocationsub.push(emp[x].location);\r\n\r\n\t\t\t\t\tvenuesub.push(emp[x].venue);\r\n\r\n\t\t\t\t\tfeesub.push(emp[x].fee);\r\n\r\n\t\t\t\t\tdescriptionsub.push(emp[x].description);\r\n\r\n\t\t\t\t\tcontent += '<tr>';\r\n\r\n\t\t\t\t\t\/\/content += '<tr><td>' + emp[x].course_code + '<\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].course_name + '<\/td>';\r\n\r\n\t\t\t\t\tcontent += '<td>' + emp[x].section_no + '<\/td>';\r\n\r\n\t\t\t\t\tcontent += '<td><span class=\"searchtableactivelink\" onclick=\"searchbytable(\\'' + emp[x].id + '\\',\\'' + emp[x].course_code + '\\')\">' + emp[x].name + '<\/span><\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].max_enroll + '<\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].teacher + '<\/td>';\r\n\r\n\t\t\t\t\tif (emp[x].course_type_name != null) {\r\n\r\n\t\t\t\t\t\tcontent += '<td>' + emp[x].course_type_name + '<\/td>';\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tcontent += '<td> - <\/td>';\r\n\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\tcontent += '<td>' + emp[x].weekdays + '<\/td>';\r\n\r\n\t\t\t\t\tcontent += '<td>' + emp[x].start_time + \" - \" + emp[x].end_time + '<\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].gender + '<\/td>';\r\n\r\n\t\t\t\t\tvar gradesubtext = emp[x].grade;\r\n\r\n\t\t\t\t\tvar gradetext = [];\r\n\r\n\r\n                        try{\r\n\r\n                        gradesubtext.split(\",\");\r\n\r\n\t\t\t\t\tfor (var k = 0; k < gradesubtext.length; k++) {\r\n\r\n\t\t\t\t\t\tif (gradesubtext[k] == -2) {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Year 1\");\r\n\r\n\t\t\t\t\t\t} else if (gradesubtext[k] == -1) {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Year 2\");\r\n\r\n\t\t\t\t\t\t} else if (gradesubtext[k] == 0) {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Foundation Year\");\r\n\r\n\t\t\t\t\t\t} else if (gradesubtext[k] > 0) {\r\n\r\n\t\t\t\t\t\t\tgradetext.push(\"Grade \" + gradesubtext[k]);\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n                }catch(e){\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + gradetext.toString() + '<\/td>';\r\n\r\n\r\n\r\n\t\t\t\t\tvar location = '';\r\n\r\n\r\n\r\n\t\t\t\t\tif (emp[x].location === 0) {\r\n\r\n\t\t\t\t\t\tlocation = 'Off campus \u6821\u5916';\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tlocation = 'On campus \u6821\u5167';\r\n\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + location + '<\/td>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].venue + '<\/td>';\r\n\r\n\t\t\t\t\tcontent += '<td>' + emp[x].fee + '<\/td><\/tr>';\r\n\r\n\t\t\t\t\t\/\/content += '<td>' + emp[x].description + '<\/td><\/tr>';\r\n\r\n\r\n\r\n\t\t\t\t\tif (emp.length > 0) {\r\n\r\n\t\t\t\t\t\ttotalpage = Math.ceil(emp.length \/ 1000);\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\ttotalpage = 1;\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tvar lengthstr = '';\r\n\r\n\t\t\t\t\tfor (var k = 1; k < totalpage + 1; k++) {\r\n\r\n\t\t\t\t\t\tlengthstr += ' <span class=\"pagenumstr\" onclick=\"searchtable(' + k + ',\\'\\',0)\">' + k + '<\/span> ';\r\n\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t$(\"#totalitemstr\").html('( Total item: ' + emp.length + ' ) ');\r\n\r\n\t\t\t\t\t$(\"#tablepage\").html(lengthstr);\r\n\r\n\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t} else {\r\n\r\n\r\n\r\n\t\t\t\ttotalpage = 1;\r\n\r\n\t\t\t\tvar lengthstr = '';\r\n\r\n\t\t\t\tfor (var k = 1; k < totalpage + 1; k++) {\r\n\r\n\t\t\t\t\tlengthstr += ' <span class=\"pagenumstr\" onclick=\"searchtable(' + k + ',\\'\\',0)\">' + k + '<\/span> ';\r\n\r\n\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t$(\"#totalitemstr\").html('( Total item: ' + emp.length + ' ) ');\r\n\r\n\t\t\t\t$(\"#tablepage\").html(lengthstr);\r\n\r\n\r\n\r\n\t\t\t\tcontent += '<td colspan=\"12\" style=\"text-align:center;\"> No result.<\/tr>';\r\n\r\n\t\t\t}\r\n\r\n\t\t\tcontent += \"<\/table>\"\r\n\r\n\t\t\t$('#maintable').html(content);\r\n\r\n\t\t});\r\n\r\n\r\n\r\n\t}\r\n\r\n\r\n\r\n\tfunction reset() {\r\n\r\n\t\tcourse_codesub = [];\r\n\r\n\t\tcourse_namesub = [];\r\n\r\n\t\tsection_nosub = [];\r\n\r\n\t\tnamesub = [];\r\n\r\n\t\tmax_enrollsub = [];\r\n\r\n\t\tteachersub = [];\r\n\r\n\t\tweekdayssub = [];\r\n\r\n\t\tstart_timesub = [];\r\n\r\n\t\tend_timesub = [];\r\n\r\n\t\tgendersub = [];\r\n\r\n\t\tgradesub = [];\r\n\r\n\t\tlocationsub = [];\r\n\r\n\t\tvenuesub = [];\r\n\r\n\t\tfeesub = [];\r\n\r\n\t\tdescriptionsub = [];\r\n\r\n\t\tmainarray = [];\r\n\r\n\t\tsortitemandorder = [];\r\n\r\n\t}\r\n\r\n\r\n\r\n\tfunction orderbutton() {\r\n\r\n\t\t$('#searchdataitem').html('');\r\n\r\n\t\t$('#searchdataday').html('');\r\n\r\n\t\t$('#searchdatagrade').html('');\r\n\r\n\t\t$('#searchdatatime').html('');\r\n\r\n\t\t$('#searchdataitemtype').html('');\r\n\r\n\t\tfor (var k = 0; k < searchitem.length; k++) {\r\n\r\n\t\t\t$('#searchdataday').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchitem[k] + '\\',\\'searchitem\\');\">&#10006;   ' + searchitem[k] + '<\/button><br\/> ');\r\n\r\n\t\t}\r\n\r\n\t\tfor (var g = 0; g < searchGrade.length; g++) {\r\n\r\n\t\t\tif (searchGrade[g] == -2) {\r\n\r\n\t\t\t\t$('#searchdatagrade').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchGrade[g] + '\\',\\'searchGrade\\');\">&#10006;   Year 1<\/button><br\/> ');\r\n\r\n\t\t\t} else if (searchGrade[g] == -1) {\r\n\r\n\t\t\t\t$('#searchdatagrade').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchGrade[g] + '\\',\\'searchGrade\\');\">&#10006;   Year 2<\/button><br\/>');\r\n\r\n\t\t\t} else if (searchGrade[g] == 0) {\r\n\r\n\t\t\t\t$('#searchdatagrade').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchGrade[g] + '\\',\\'searchGrade\\');\">&#10006;   Foundation Year<\/button><br\/> ');\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t$('#searchdatagrade').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchGrade[g] + '\\',\\'searchGrade\\');\">&#10006;   Grade ' + searchGrade[g] + '<\/button><br\/> ');\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\tfor (var m = 0; m < searchcourse_code.length; m++) {\r\n\r\n\t\t\t$('#searchdataitem').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchcourse_code[m] + '\\',\\'searchcourse_code\\');\">&#10006;   ' + searchcourse_codetext[m] + '<\/button><br\/> ');\r\n\r\n\t\t}\r\n\r\n\t\tfor (var j = 0; j < searchtime.length; j++) {\r\n\r\n\t\t\t$('#searchdatatime').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchtime[j] + '\\',\\'searchtime\\');\">&#10006;   ' + searchtimetext[j] + '<\/button><br\/> ');\r\n\r\n\t\t}\r\n\r\n\t\tfor (var j = 0; j < searchitemtype.length; j++) {\r\n\r\n\t\t\t$('#searchdataitemtype').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' + searchitemtype[j] + '\\',\\'searchitemtype\\');\">&#10006;   ' + searchtypetext[j] + '<\/button><br\/> ');\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\tsearchtable(1, '', 0);\r\n\r\n\t\t$('#course_codesub').val('').change();\r\n\r\n\t\t$('#weekdayssub').val('').change();\r\n\r\n\t\t$('#grade').val('').change();\r\n\r\n\t\t$('#timesearch').val('').change();\r\n\r\n\t\t$('#course_codetypesub').val('').change();\r\n\r\n\t}\r\n\r\n\r\n\r\n\tfunction getidentifier(actid) {\r\n        \/\/console.log('on getidentifier');\r\n\t\tvar courseurlidentifier = cca_activitle_activitle+'&id=' + actid;\r\n\r\n\t\t$.getJSON(courseurlidentifier, function (resp) {\r\n\r\n\t\t\tif (resp.length > 0) {\r\n\r\n\t\t\t\tfor (var q = 0; q < resp.length; q++) {\r\n\r\n\t\t\t\t\t\/\/displaycoursedetail(actid, resp[q].identifier);\r\n\t\t\t\t\tdisplaycoursedetail(actid);\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t});\r\n\r\n\t}\r\n\r\n\r\n\r\n    \/\/function displaycoursedetail(actid,identifiersub) {\r\n    function displaycoursedetail(actid) {\r\n        var identifiersub=actid;\r\n    $('#displaycoursedetailtable').show();\r\n\tvar countactivityarr = [];\r\n\tvar coursearray = [];\r\n\tvar descriptionstr = [];\r\n\tvar weekdayarr = [];\r\n\tvar weekdayfullarr = [];\r\n\tvar starttimearr = [];\r\n\tvar endtimearr = [];\r\n\tvar feemainarr = [];\r\n\tvar arrid = [];\r\n\tvar courseurl = 'https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/activities.php?id=' + actid;\r\n    var coursedisplaycontent = '<div><h6 id=\"searchcourseinstructors\">Course Information<\/h6><\/div><div>';\r\n\tif(openactives == ''){\r\n\t\topenactives = identifiersub;\r\n\t}else{\r\n\t\tif(openactives == identifiersub){\r\n\t\t\t$(\"#\"+openactives+\"div\").html('');\r\n\t\t\topenactives = '';\r\n\t\t}else{\r\n\t\t\t$(\"#\"+openactives+\"div\").html('');\r\n\t\t\topenactives = identifiersub;\r\n\t\t}\r\n\t}  \r\n\tif(openactives != ''){\r\n\r\n\t\t$.getJSON(courseurl, function(res) {\r\n\t\t\t\t\r\n\t\t\tif (res.length > 0) {\r\n\t\t\t\tfor (var r = 0; r < res.length; r++) {\r\n\t\t\t\t\tvar location = '';\r\n\t\t\t\t\tvar gradetext = [];\r\n\t\t\t\t\tvar eventday = [];\r\n\t\t\t\t\tvar feearr = [];\r\n                    if(res[r].grade!=null){\r\n                        var gradesub = res[r].grade.split(',');\r\n\r\n                    }\r\n\t\t\t\t\tvar weekdayssub = res[r].weekdays.split(',');\r\n\t\t\t\t\tvar weekdayfullarrsub = res[r].weekdays;\r\n\t\t\t\t\tvar gradingsub = res[r].grade;\r\n\t\t\t\t\tvar lastgrade = -3;\r\n\t\t\t\t\tif(gradesub.length > 0){\r\n\t\t\t\t\t\tlastgrade = gradesub[gradesub.length-1];\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\tif(weekdayssub.length > 1){\r\n\t\t\t\t\t\tfor(var m=0;m<weekdayssub.length;m++){\r\n\t\t\t\t\t\t\tfeearr.push(res[r].fee);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tfeearr.push(res[r].fee);\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\tfor(var k=0;k<weekdayssub.length;k++){\r\n\t\t\t\t\t\tif (weekdayssub[k] === 'Sun') {\r\n\t\t\t\t\t\t\teventday.push('Sunday');\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Mon') {\r\n\t\t\t\t\t\t\teventday.push('Monday');\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Tue') {\r\n\t\t\t\t\t\t\teventday.push('Tuesday');\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Wed') {\r\n\t\t\t\t\t\t\teventday.push('Wednesday');\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Thu') {\r\n\t\t\t\t\t\t\teventday.push('Thursday');\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Fri') {\r\n\t\t\t\t\t\t\teventday.push('Friday');\r\n\t\t\t\t\t\t} else if (weekdayssub[k] === 'Sat') {\r\n\t\t\t\t\t\t\teventday.push('Saturday');\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\tif(lastgrade == -2){\r\n\t\t\t\t\t\tlastgrade = 'Y2';\r\n\t\t\t\t\t} else if (gradesub[0] == -1) {\r\n\t\t\t\t\t\tlastgrade = 'Y1';\r\n\t\t\t\t\t} else if (gradesub[0] == 0) {\r\n\t\t\t\t\t\tlastgrade = 'FY';\r\n\t\t\t\t\t} else if (gradesub[0] > 0) {\r\n\t\t\t\t\t\tlastgrade = \"G\" + lastgrade;\r\n\t\t\t\t\t}  \r\n\r\n\r\n\t\t\t\t\tif (res[r].location === 0) {\r\n\t\t\t\t\t\tlocation = 'Off campus';\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlocation = 'On campus';\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\tif (gradesub[0] == -2) {\r\n\t\t\t\t\t\t\tif(gradesub.length > 1){\r\n\t\t\t\t\t\t\t\tgradetext.push('Y2 - '+lastgrade);\r\n\t\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\t\tgradetext.push(\"Y2\");\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (gradesub[0] == -1) {\r\n\t\t\t\t\t\t\tif(gradesub.length > 1){\r\n\t\t\t\t\t\t\t\tgradetext.push('Y1 - '+lastgrade);\r\n\t\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\t\tgradetext.push(\"Y1\");\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (gradesub[0] == 0) {\r\n\t\t\t\t\t\t\tif(gradesub.length > 1){\r\n\t\t\t\t\t\t\t\tgradetext.push('FY - '+lastgrade);\r\n\t\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\t\tgradetext.push(\"FY\");\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (gradesub[0] > 0) {\r\n\t\t\t\t\t\t\tif(gradesub.length > 1){\r\n\t\t\t\t\t\t\t\tgradetext.push(\"G\" + gradesub[0] + ' - ' + lastgrade);\r\n\t\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\t\tgradetext.push(\"G\" + gradesub[0]);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\tvar weekdaystr = eventday.toString();\r\n\t\t\t\t\t\r\n\t\t\t\t\tif(coursearray.length == 0){\r\n\t\t\t\t\t\t\tcoursearray.push(new Array(res[r].id, res[r].course_code, res[r].course_name, res[r].course_chi_name, res[r].section_no, res[r].name, res[r].chi_name, res[r].max_enroll, res[r].teacher, weekdaystr.replace(\",\", \" & \"), res[r].start_time, res[r].end_time, res[r].gender, gradetext.toString(), location, res[r].venue, res[r].fee, res[r].description, res[r].chi_description, res[r].identifier));\t\t\t\t\r\n\t\t\t\t\t\t\tarrid.push(res[r].id);\t\t\t\t\t\t\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tarrid.includes(res[r].start_time);\r\n\t\t\t\t\t\tfor(var k=0;k<coursearray.length;k++){\r\n\t\t\t\t\t\t\tif(arrid.includes(res[r].id) == false){\r\n\t\t\t\t\t\t\t\tif(coursearray[k][9].includes(res[r].weekdays) == true){\r\n\t\t\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\t\t\tarrid.push(res[r].id);\r\n\t\t\t\t\t\t\t\t\tcoursearray.push(new Array(res[r].id, res[r].course_code, res[r].course_name, res[r].course_chi_name, res[r].section_no, res[r].name, res[r].chi_name, res[r].max_enroll, res[r].teacher, weekdaystr.replace(\",\", \" & \"), res[r].start_time, res[r].end_time, res[r].gender, gradetext.toString(), location, res[r].venue, res[r].fee, res[r].description, res[r].chi_description, res[r].identifier));\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\r\n\t\t\t\r\n\t\t\t\t\tif(coursearray.length > 0){\r\n\t\t\t\t\t\tif(descriptionstr.includes(res[r].description) == false){\r\n\t\t\t\t\t\t\tdescriptionstr.push(res[r].description);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tdescriptionstr.push(res[r].description);\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\tcoursedisplaycontent += 'Course Name: ' + coursearray[0][2] + '<br\/>';\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Activity Name: ' + res[r].name + '<br\/>';\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Max Enroll: ' + res[r].max_enroll + '<br\/>';\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Instructor: ' + coursearray[0][8] + '<br\/>';\r\n\t\t\t\t\tcoursedisplaycontent += 'Days, times & Fee:<br\/>';\r\n\t\t\t\t\tvar scrollitemid = coursearray[0][0];\r\n\t\t\t\t\tconsole.log(coursearray+\"hi hi\");\r\n\t\t\t\t\tconsole.log(scrollitemid+\"no hi\");\r\n\t\t\t\t\tconsole.log(coursearray.length);\r\n\t\t\t\t\tfor(var p=0;p<coursearray.length;p++){\r\n\t\t\t\t\t\tcoursedisplaycontent += (p+1) + '. ' + coursearray[p][9] + ' - (' + coursearray[p][10] + ' - ' + coursearray[p][11] + ') <br\/>&nbsp;&nbsp;&nbsp;&nbsp;Fee: $' + coursearray[p][16] + '<br\/>';\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\tvar descriptionsubing = descriptionstr.toString();\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Weekday: ' + eventday.replace(\",\", \" & \") + '<br\/>';\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Event Time: ' + res[r].start_time + ' - ' + res[r].end_time + '<br\/>';\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Grade: ' + gradetext.toString() + '<br\/>';\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Location: ' + location + '<br\/>';\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Venue: ' + res[r].venue + '<br\/>';\r\n\t\t\t\t\t\/\/coursedisplaycontent += 'Fee: $' + res[r].fee + '<br\/><br\/>';\r\n\t\t\t\t\tcoursedisplaycontent += '<br\/>' + descriptionsubing.replace(\",\", \"<br\/>\");\r\n\t\t\t\t\t\/\/coursedisplaycontent += '<br\/> <a href=\"https:\/\/pscca-staging.isf.hk\/guardian\/cca.html\" target=\"_blank\" class=\"btn cca-act-reg-btn\"> Register<\/a><br\/>';\r\n\t\t\t\t\t\t\t\t\tcoursedisplaycontent += '<br\/> <a href=\"https:\/\/main.bell.org.hk\/?page_id=2955\" class=\"btn cca-act-reg-btn\">Back<\/a><br\/>';\r\n\r\n\t\t\t\t\r\n\t\t\t\t\tcoursedisplaycontent += '<\/div>';\r\n\t\t\t\t\tsetTimeout(function(){ \t\t\t\r\n\t\t\t\t\t\t$(\"#\"+scrollitemid+\"div\").html(coursedisplaycontent);\r\n\t\t\t\t\t\tgetidentifier(scrollitemid);\r\n\t\t\t\t\t\t\/\/document.getElementById(scrollitemid+\"eventbtn\").scrollIntoView(); \r\n\t\t\t\t\t}, 500);\r\n\r\n\t\t\t} else {\r\n\t\t\t\t$(\"#\"+actid+\"div\").html('No data');\r\n\t\t\t}\r\n\t\t\t\r\n\t\t});\r\n\r\n\t}else{\r\n\t\t\r\n\t}\r\n\t\r\n}\r\n\r\n\r\n\t\/\/this has be ignore\r\n\tfunction searchbytablefromotherpage(coursetype, actid, code) {\r\n\r\n\r\n\r\n\t\t\/\/$('#coursedetails').show();\r\n\r\n\t\t\/\/$('#pg-274-2').hide();\r\n\r\n\t\t\/\/$('#pg-274-3').hide();\r\n\r\n\t\t\/\/$('#pg-274-4').hide();\r\n\r\n\t\t\/\/$('#pg-274-5').hide();\r\n\r\n\r\n\r\n\t\t\/\/document.getElementById('courselist').scrollIntoView();\r\n\r\n\t\tif (actid == null && code == null) {\r\n\r\n\r\n\r\n\t\t\ttypesearchcoursename(coursetype);\r\n\r\n\t\t} else {\r\n\r\n\r\n\r\n\t\t\tsearchcoursename(code);\r\n\r\n\t\t\tgetidentifier(actid);\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n\r\n\r\n\tfunction searchbytypetable(course) {\r\n\r\n\t\t\/\/var oNewWindow = window.open(\"https:\/\/main.bell.org.hk\/?page_id=2955&coursetype=\" + course);\r\n\t\tvar oNewWindow = window.location.replace(\"https:\/\/main.bell.org.hk\/index.php\/cca-signups\/?coursetype=\" + course);\r\n\r\n\r\n\t}\r\n\r\n\r\n\r\n\tfunction searchbytable(actid, code) {\r\n\r\n\t\t\/\/var oNewWindow = window.open(\"https:\/\/main.bell.org.hk\/?page_id=2955&id=\" + actid + \"&item=\" + code);\r\n\t\tvar oNewWindow = window.location.replace(\"https:\/\/main.bell.org.hk\/index.php\/cca-signups\/?id=\" + actid + \"&item=\" + code);\r\n\r\n\t}\r\n\r\n<\/script>\r\n<style>\r\n\r\n\r\n.NavigationBar.mod-desktop.collapsed .NavigationBar-logo img {\r\n    max-height: 104px;\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Signups Signups All courses ISF Only BELL Member Only &#8211; Weekdays &#8211;SunMonTueWedThuFriSat &#8211; Grade &#8211;Year 1Year 2Foundation YearGrade 1Grade 2Grade 3Grade 4Grade 5Grade 6Grade 7Grade 8Grade 9Grade 10Grade 11Grade 12 &#8211; Time &#8211;Before 2:15pm2:15pm \u2013 3:15pm3:30pm \u2013 4:30pm4:30pm \u2013 5:30pm5:30pm Onwards<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/pages\/2955"}],"collection":[{"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/comments?post=2955"}],"version-history":[{"count":870,"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/pages\/2955\/revisions"}],"predecessor-version":[{"id":24830,"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/pages\/2955\/revisions\/24830"}],"wp:attachment":[{"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/media?parent=2955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}