{"id":30449,"date":"2026-03-31T23:06:18","date_gmt":"2026-03-31T18:06:18","guid":{"rendered":"https:\/\/aelconsultants.com\/?page_id=30449"},"modified":"2026-05-05T06:19:01","modified_gmt":"2026-05-05T01:19:01","slug":"arts-design-programs","status":"publish","type":"page","link":"https:\/\/aelconsultants.com\/zh\/arts-design-programs\/","title":{"rendered":"Arts &#038; Design Programs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30449\" class=\"elementor elementor-30449\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84586c8 e-flex e-con-boxed e-con e-child\" data-id=\"84586c8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c428aa8 elementor-widget elementor-widget-heading\" data-id=\"c428aa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Arts &amp; Design Programs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f98806a e-flex e-con-boxed e-con e-parent\" data-id=\"f98806a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b71ac9 elementor-widget elementor-widget-shortcode\" data-id=\"0b71ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<script>\nvar PF_FORCED_CATEGORY = [\"Arts & Design\"];\n<\/script>\n\n<style>\n.pf-table th:first-child,.pf-table td:first-child,.pf-table th:last-child,.pf-table td:last-child {text-align: center;}\n.pf-wrapper{display:flex;gap:20px;flex-wrap:wrap}\n#pf-toggle-btn{display:none;cursor:pointer}\n#pf-filters{width:25%;min-width:220px;background:#fff;border:1px solid #e5e5e5;padding:15px}\n.pf-title{font-size:20px!important;font-weight:600!important;margin:12px 4px 20px}\n.pf-scrollable{max-height:250px;overflow-y:auto;padding:8px;border:1px solid #eee;margin-bottom:30px}\n.pf-checkbox{display:block;margin-bottom:6px;font-size:12px;color:#000}\n.pf-list{width:70%}\n.pf-topbar{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:0 0 10px 0;flex-wrap:wrap}\n.pf-perpage-label{font-size:12px;color:#111;display:flex;align-items:center;gap:8px}\n#pf-perpage{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:12px;background:#fff}\n.pf-table-wrap{overflow-x:auto;position:relative;text-align:left}\n.pf-table{min-width:900px;width:100%;border-collapse:collapse;cursor: grab;overflow-x:auto;user-select: none;}\n.pf-table:active{cursor: grabbing;}\n.pf-table-wrap{ cursor: grab;overflow-x:auto;user-select: none;}\n.pf-table-wrap.grabbing{ cursor: grabbing;}\n.pf-table th{background:#0C0D62;color:#fff;padding:10px;font-size:13px;white-space:nowrap}\n.pf-table td{padding:10px;font-size:13px;border-bottom:1px solid #eee;white-space:nowrap}\n.pf-page-link{background:#f3f4f6;color:#000;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;text-decoration:none;font-weight:500;margin:4px;border:none}\n.pf-btn{background:#0C0D62;color:#fff;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;text-decoration:none;font-weight:500;margin:4px;border:none}\n.pf-btn:hover,.pf-btn:active,.pf-btn:focus,.pf-btn:focus-visible,.pf-btn:target{background:#FF9C00; color:#fff;}\n.pf-page-link:hover,.pf-page-link.pf-active{background:#0C0D62;color:#fff}\n.pf-clear-btn{background:#0C0D62;color:#fff;padding:8px 14px;border-radius:4px;font-size:13px;cursor:pointer;margin-top:15px;width:fit-content}\n#pf-pagination-wrap{margin:15px 0;text-align:center;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}\n.pf-page-link[disabled]{opacity:.45;cursor:not-allowed}\n.pf-range{display:flex;gap:10px;align-items:center;margin-bottom:30px;flex-wrap:wrap}\n.pf-range input{width:110px;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:12px}\n.pf-range small{font-size:11px;opacity:.7}\n.pf-table-wrap::-webkit-scrollbar{height:6px}\n.pf-table-wrap::-webkit-scrollbar-track{background:#e5e7eb}\n.pf-table-wrap::-webkit-scrollbar-thumb{background:#0C0D62;border-radius:6px;cursor:pointer}\n.pf-table-wrap::-webkit-scrollbar-thumb:hover{background:#FF9C00;cursor:pointer}\n.pf-table tbody tr:nth-child(odd){background:#ffffff}\n.pf-table tbody tr:nth-child(even){background:#f3f4f6}\n.scroll-hint{position:absolute;top:50%;right:14px;transform:translateY(-50%);padding:6px 10px;border-radius:20px;background:#0C0D62;color:#fff;font-size:14px;font-weight:600;pointer-events:none;animation:hintMove 1.6s infinite;box-shadow:0 6px 16px rgba(0,0,0,.25)}\n@keyframes hintMove{0%{transform:translateY(-50%) translateX(0);opacity:1}50%{transform:translateY(-50%) translateX(6px);opacity:.7}100%{transform:translateY(-50%) translateX(0);opacity:1}}\n<\/style>\n\n<div id=\"pf-toggle-btn\">Filters<\/div>\n\n<div class=\"pf-wrapper\">\n\n  <div id=\"pf-filters\">\n\n    \n    <div id=\"pf-country-block\" style=\"display:none;\">\n      <h4 class=\"pf-title\">Select Country<\/h4>\n      <div id=\"pf-country\"><\/div>\n    <\/div>\n\n    <div id=\"pf-program-block\" style=\"display:none;\">\n      <h4 class=\"pf-title\">Select Program<\/h4>\n      <div class=\"pf-scrollable\" id=\"pf-program\"><\/div>\n    <\/div>\n\n    <div id=\"pf-city-block\" style=\"display:none;\">\n      <h4 class=\"pf-title\">Select City<\/h4>\n      <div class=\"pf-scrollable\" id=\"pf-city\"><\/div>\n    <\/div>\n\n    <div id=\"pf-duration-block\" style=\"display:none;\">\n      <h4 class=\"pf-title\">Select Duration<\/h4>\n      <div class=\"pf-scrollable\" id=\"pf-duration\"><\/div>\n    <\/div>\n\n    <div id=\"pf-fees-block\" style=\"display:none;\">\n      <h4 class=\"pf-title\">Tuition Fee<\/h4>\n      <div class=\"pf-range\">\n        <div>\n          <input type=\"number\" id=\"pf-fee-min\" placeholder=\"Min\" min=\"0\" step=\"1\">\n          <small id=\"pf-fee-min-hint\"><\/small>\n        <\/div>\n        <div>\n          <input type=\"number\" id=\"pf-fee-max\" placeholder=\"Max\" min=\"0\" step=\"1\">\n          <small id=\"pf-fee-max-hint\"><\/small>\n        <\/div>\n        <button type=\"button\" class=\"pf-btn\" id=\"pf-fee-apply\">Apply<\/button>\n        <small id=\"pf-fee-range-hint\"><\/small>\n      <\/div>\n    <\/div>\n\n    <div class=\"pf-clear-btn\" id=\"pf-clear\">Clear Filters<\/div>\n  <\/div>\n\n  <div class=\"pf-list\">\n\n    <div class=\"pf-topbar\">\n      <label class=\"pf-perpage-label\">\n        SHOW\n        <select id=\"pf-perpage\">\n          <option value=\"15\" selected>15<\/option>\n          <option value=\"25\">25<\/option>\n          <option value=\"50\">50<\/option>\n          <option value=\"100\">100<\/option>\n        <\/select>\n        Programs PER PAGE\n      <\/label>\n    <\/div>\n\n    <div class=\"pf-table-wrap\">\n      <div class=\"scroll-hint\">\u21c6<\/div>\n      <table class=\"pf-table\">\n        <thead id=\"pf-head\">\n          <tr><th>Sr. No<\/th><th>Course<\/th><th>University<\/th><th>Apply Online<\/th><\/tr>\n        <\/thead>\n        <tbody id=\"pf-results\">\n          <tr><td colspan=\"4\">Programs Loading\u2026<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <div id=\"pf-pagination-wrap\"><\/div>\n  <\/div>\n\n<\/div>\n\n<script>\njQuery(function($){\n\nlet MASTER_CATEGORY = {};\nlet MASTER_COUNTRY  = {};\nlet AVAILABLE = { country:0, program:0, city:0, duration:0, fees:false };\nlet feeBounds = { min:null, max:null };\nlet feeApplied = false;\nlet appliedFee = { min:'', max:'' };\n\nfunction getChecked(filterKey){\n  let v=[];\n  $(\"input[data-filter='\"+filterKey+\"']:checked\").each(function(){ v.push($(this).val()); });\n  return v;\n}\n\nfunction getCheckedMap(){\n  let map = {};\n  $(\".pf-checkbox input:checked\").each(function(){\n    let f = $(this).data(\"filter\");\n    map[f] = map[f] || [];\n    map[f].push($(this).val());\n  });\n  return map;\n}\n\nfunction restoreChecked(map){\n  $(\".pf-checkbox input\").each(function(){\n    let f = $(this).data(\"filter\");\n    let v = $(this).val();\n    if(map[f] && map[f].includes(v)){\n      $(this).prop(\"checked\", true);\n    }\n  });\n}\n\nfunction readFeeInputs(){\n  let min = $(\"#pf-fee-min\").val();\n  let max = $(\"#pf-fee-max\").val();\n  min = (min === '' ? '' : Number(min));\n  max = (max === '' ? '' : Number(max));\n  return { min, max };\n}\n\nfunction currentFeeForAjax(){\n  if(!feeApplied) return { min:'', max:'' };\n  return appliedFee;\n}\n\nfunction updateVisibility(){\n\n  let hasCategory = getChecked(\"category\").length || PF_FORCED_CATEGORY.length;\n  let hasCountry  = getChecked(\"country\").length;\n  let hasProgram  = getChecked(\"program\").length;\n  let hasCity     = getChecked(\"city\").length;\n  let hasDuration = getChecked(\"duration\").length;\n\n  $(\"#pf-country-block\")[AVAILABLE.country > 0 ? \"slideDown\" : \"slideUp\"]();\n\n  let step1 = hasCategory || hasCountry;\n\n  let showProgram = step1 && AVAILABLE.program > 0;\n  $(\"#pf-program-block\")[showProgram ? \"slideDown\" : \"slideUp\"]();\n\n  let step2 = step1 && (AVAILABLE.program > 0 ? hasProgram : true);\n\n  let showCity = step2 && AVAILABLE.city > 0;\n  $(\"#pf-city-block\")[showCity ? \"slideDown\" : \"slideUp\"]();\n\n  let step3 = step2 && (AVAILABLE.city > 0 ? hasCity : true);\n\n  let showDuration = step3 && AVAILABLE.duration > 0;\n  $(\"#pf-duration-block\")[showDuration ? \"slideDown\" : \"slideUp\"]();\n\n  let step4 = step3 && (AVAILABLE.duration > 0 ? hasDuration : true);\n\n  let showFees = step4 && AVAILABLE.fees;\n  $(\"#pf-fees-block\")[showFees ? \"slideDown\" : \"slideUp\"]();\n}\n\nfunction loadPrograms(page=1){\n  let cats = getChecked(\"category\");\n  if(!cats.length && PF_FORCED_CATEGORY.length){ cats = PF_FORCED_CATEGORY; }\n\n  let fee = currentFeeForAjax();\n\n  $.post(\"https:\/\/aelconsultants.com\/wp-admin\/admin-ajax.php\",{\n    action: \"pf_get_results\",\n    page: page,\n    per_page: $(\"#pf-perpage\").val(),\n    category: cats,\n    country: getChecked(\"country\"),\n    program: getChecked(\"program\"),\n    city: getChecked(\"city\"),\n    duration: getChecked(\"duration\"),\n    fee_min: fee.min,\n    fee_max: fee.max\n  },function(res){\n    if(res && res.success){\n      $(\"#pf-head\").html(res.data.head_html);\n      $(\"#pf-results\").html(res.data.rows_html);\n      $(\"#pf-pagination-wrap\").html(res.data.pagination_html);\n    }\n  });\n}\n\nfunction initMasterFilters(){\n  $.post(\"https:\/\/aelconsultants.com\/wp-admin\/admin-ajax.php\",{\n    action:\"pf_get_filters\",\n    category: PF_FORCED_CATEGORY\n  },function(res){\n    if(!res || !res.success) return;\n\n    MASTER_CATEGORY = res.data.category || {};\n    MASTER_COUNTRY  = res.data.country  || {};\n\n    if(!PF_FORCED_CATEGORY.length){\n      $(\"#pf-category\").html('');\n      $.each(MASTER_CATEGORY,function(label,count){\n        $(\"#pf-category\").append(\n          `<label class=\"pf-checkbox\" data-key=\"${label}\">\n            <input data-filter=\"category\" type=\"checkbox\" value=\"${label}\">\n            ${label} (<span class=\"pf-count\">${count}<\/span>)\n          <\/label>`\n        );\n      });\n    }\n\n    $(\"#pf-country\").html('');\n    $.each(MASTER_COUNTRY,function(label,count){\n      $(\"#pf-country\").append(\n        `<label class=\"pf-checkbox\" data-key=\"${label}\">\n          <input data-filter=\"country\" type=\"checkbox\" value=\"${label}\">\n          ${label} (<span class=\"pf-count\">${count}<\/span>)\n        <\/label>`\n      );\n    });\n  });\n}\n\nfunction loadFilters(){\n  let checkedMap = getCheckedMap();\n\n  let cats = getChecked(\"category\");\n  if(!cats.length && PF_FORCED_CATEGORY.length){ cats = PF_FORCED_CATEGORY; }\n\n  let fee = currentFeeForAjax();\n\n  $.post(\"https:\/\/aelconsultants.com\/wp-admin\/admin-ajax.php\",{\n    action:\"pf_get_filters\",\n    category: cats,\n    country: getChecked(\"country\"),\n    program: getChecked(\"program\"),\n    city: getChecked(\"city\"),\n    duration: getChecked(\"duration\"),\n    fee_min: fee.min,\n    fee_max: fee.max\n  },function(res){\n    if(!res || !res.success) return;\n\n    $(\"#pf-category .pf-checkbox\").each(function(){\n      let key = $(this).data(\"key\");\n      let count = res.data.category[key] || 0;\n      $(this).find(\".pf-count\").text(count);\n    });\n\n    $(\"#pf-country .pf-checkbox\").each(function(){\n      let key = $(this).data(\"key\");\n      let count = res.data.country[key] || 0;\n      $(this).find(\".pf-count\").text(count);\n    });\n\n    $(\"#pf-program\").html(\"\");\n    $.each(res.data.program || {},function(label,count){\n      $(\"#pf-program\").append(\n        `<label class=\"pf-checkbox\">\n          <input data-filter=\"program\" type=\"checkbox\" value=\"${label}\"> ${label} (${count})\n        <\/label>`\n      );\n    });\n\n    $(\"#pf-city\").html(\"\");\n    $.each(res.data.city || {},function(label,count){\n      $(\"#pf-city\").append(\n        `<label class=\"pf-checkbox\">\n          <input data-filter=\"city\" type=\"checkbox\" value=\"${label}\"> ${label} (${count})\n        <\/label>`\n      );\n    });\n\n    $(\"#pf-duration\").html(\"\");\n    $.each(res.data.duration || {},function(label,count){\n      $(\"#pf-duration\").append(\n        `<label class=\"pf-checkbox\">\n          <input data-filter=\"duration\" type=\"checkbox\" value=\"${label}\"> ${label} (${count})\n        <\/label>`\n      );\n    });\n\n    feeBounds.min = (res.data.fee_min ?? null);\n    feeBounds.max = (res.data.fee_max ?? null);\n\n    AVAILABLE.country  = Object.keys(res.data.country || {}).length;\n    AVAILABLE.program  = Object.keys(res.data.program || {}).length;\n    AVAILABLE.city     = Object.keys(res.data.city || {}).length;\n    AVAILABLE.duration = Object.keys(res.data.duration || {}).length;\n    AVAILABLE.fees     = (feeBounds.min !== null && feeBounds.max !== null && Number(feeBounds.max) > 0);\n\n    restoreChecked(checkedMap);\n    updateVisibility();\n  });\n}\n\ninitMasterFilters();\nloadFilters();\nloadPrograms(1);\nupdateVisibility();\n\n$(document).on(\"change\",\".pf-checkbox input\",function(){\n  updateVisibility();\n  loadPrograms(1);\n  loadFilters();\n});\n\n$(\"#pf-clear\").click(function(){\n  $(\"#pf-filters input[type=checkbox]\").prop(\"checked\",false);\n  $(\"#pf-fee-min,#pf-fee-max\").val('');\n  feeApplied = false;\n  appliedFee = { min:'', max:'' };\n  updateVisibility();\n  loadPrograms(1);\n  loadFilters();\n});\n\n$(document).on(\"click\",\".pf-page-link\",function(){\n  let p = Number($(this).data(\"page\"));\n  if(!p || $(this).is(\"[disabled]\")) return;\n  loadPrograms(p);\n});\n\n$(\"#pf-perpage\").on(\"change\", function(){\n  loadPrograms(1);\n  loadFilters();\n});\n\n$(\"#pf-fee-apply\").on(\"click\", function(){\n  let r = readFeeInputs();\n  feeApplied = !(r.min==='' && r.max==='');\n  appliedFee = r;\n  loadPrograms(1);\n  loadFilters();\n});\n\n});\n\nfunction initPFScrollHint() {\n  document.querySelectorAll(\".pf-table-wrap\").forEach(wrapper => {\n    const hint = wrapper.querySelector(\".scroll-hint\");\n    if (!hint) return;\n    wrapper.addEventListener(\"scroll\", () => {\n      hint.style.display = wrapper.scrollLeft > 40 ? \"none\" : \"block\";\n    });\n  });\n}\n\nfunction initPFDragScroll(){\n  document.querySelectorAll(\".pf-table-wrap\").forEach(wrapper=>{\n    let isDown=false,startX,scrollLeft;\n\n    wrapper.addEventListener(\"mousedown\",e=>{\n      isDown=true;\n      wrapper.classList.add(\"grabbing\");\n      startX=e.pageX-wrapper.offsetLeft;\n      scrollLeft=wrapper.scrollLeft;\n    });\n\n    wrapper.addEventListener(\"mouseleave\",()=>{\n      isDown=false;\n      wrapper.classList.remove(\"grabbing\");\n    });\n\n    document.addEventListener(\"mouseup\",()=>{\n      isDown=false;\n      wrapper.classList.remove(\"grabbing\");\n    });\n\n    wrapper.addEventListener(\"mousemove\",e=>{\n      if(!isDown) return;\n      e.preventDefault();\n      const x=e.pageX-wrapper.offsetLeft;\n      const walk=(x-startX)*1.2;\n      wrapper.scrollLeft=scrollLeft-walk;\n    });\n  });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  initPFScrollHint();\n  initPFDragScroll();\n});\n<\/script>\n\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Arts &amp; Design Programs<\/p>","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-30449","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aelconsultants.com\/zh\/wp-json\/wp\/v2\/pages\/30449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aelconsultants.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aelconsultants.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aelconsultants.com\/zh\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/aelconsultants.com\/zh\/wp-json\/wp\/v2\/comments?post=30449"}],"version-history":[{"count":0,"href":"https:\/\/aelconsultants.com\/zh\/wp-json\/wp\/v2\/pages\/30449\/revisions"}],"wp:attachment":[{"href":"https:\/\/aelconsultants.com\/zh\/wp-json\/wp\/v2\/media?parent=30449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}