{"id":236647,"date":"2025-07-27T07:55:24","date_gmt":"2025-07-27T07:55:24","guid":{"rendered":"https:\/\/ascnet.ie\/techmate\/?page_id=236647"},"modified":"2025-07-27T07:55:26","modified_gmt":"2025-07-27T07:55:26","slug":"filter-page-test","status":"publish","type":"page","link":"https:\/\/ascnet.ie\/techmate\/filter-page-test\/","title":{"rendered":"Filter Page &#8211; Test"},"content":{"rendered":"\n[et_pb_section][et_pb_row][et_pb_column type=&#8221;4_4&#8243;][et_pb_text]<!-- divi:shortcode -->\n\n    <style>\n    #filter-form {\n        font-family: Arial, sans-serif;\n    }\n\n    #filter-form fieldset {\n        margin-bottom: 1.5rem;\n    }\n\n    #filter-form legend {\n        width: 100%;\n        font-weight: bold;\n        margin-bottom: 0.5rem;\n    }\n\n    #filter-form label {\n        display: flex;\n        align-items: center;\n        white-space: nowrap;\n        cursor: pointer;\n    }\n\n    #filter-form input[type=\"checkbox\"] {\n        margin-right: 0.5rem;\n    }\n\n    #filter-form button {\n        background-color: #0073aa;\n        color: white;\n        padding: 0.6rem 1.2rem;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n        font-size: 1rem;\n    }\n\n    #filter-form button:hover {\n        background-color: #005177;\n    }\n\n    #form-warning {\n        color: red;\n        margin-top: 1rem;\n        display: none;\n    }\n    .filter-heading {\n        text-align: center;\n        margin-top: 2rem;\n        font-size: 1rem;\n    }\n    <\/style>\n\n    <form id=\"filter-form\">\n        <fieldset>\n            <legend class=\"filter-heading\">Are you looking to recruit or retain underrepresented gender groups?<\/legend>\n            <div class=\"labels\">\n                <label><input type=\"checkbox\" data-tag value=\"Rec1\"> Recruit<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Ret1\"> Retain<\/label>\n            <\/div>\n        <\/fieldset>\n\n        <fieldset>\n            <legend class=\"filter-heading\">What level of impact is required?<\/legend>\n            <div class=\"labels\">\n                <label><input type=\"checkbox\" data-tag value=\"STim1\"> Short-term impact<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"LTim1\"> Longer-term impact<\/label>\n            <\/div>\n        <\/fieldset>\n\n        <fieldset>\n            <legend class=\"filter-heading\">What student cohort is being targeted?<\/legend>\n            <div class=\"labels\">\n                <label><input type=\"checkbox\" data-tag value=\"NewSt1\"> New students<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Under1\"> Undergraduate students (any level)<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Post1\"> Postgraduate students<\/label>\n            <\/div>\n        <\/fieldset>\n\n        <fieldset>\n            <legend class=\"filter-heading\">Who needs to be involved to start a gender initiative?<\/legend>\n            <div class=\"labels\">\n                <label><input type=\"checkbox\" data-tag value=\"Aca1\"> Lecturer\/Academic<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Mang1\"> Managerial role<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Pol1\"> Policy maker<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Any1\"> Other (external role possible)<\/label>\n            <\/div>\n        <\/fieldset>\n\n        <div class=\"labels\">\n            <p id=\"form-warning\">Please select at least one option.<\/p><br>\n        <\/div>\n\n        <div class=\"labels\">\n            <button type=\"submit\" id=\"search\">Search<\/button>\n        <\/div>\n    <\/form>\n\n    <script>\n    document.getElementById('filter-form').addEventListener('submit', function (e) {\n        e.preventDefault();\n\n        const checkboxes = document.querySelectorAll('input[data-tag]:checked');\n        const tags = Array.from(checkboxes).map(cb => cb.value);\n\n        if (tags.length === 0) {\n            document.getElementById('form-warning').style.display = 'block';\n            return;\n        } else {\n            document.getElementById('form-warning').style.display = 'none';\n        }\n\n        const queryParams = new URLSearchParams();\n        queryParams.set('tags', tags.join(','));\n\n        window.location.href = `\/techmate\/test-filter\/?${queryParams.toString()}`;\n    });\n    <\/script>\n    \n<!-- \/divi:shortcode -->[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p><div class=\"et_pb_section et_pb_section_0 et_section_regular\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_row et_pb_row_0 et_pb_row_empty\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> \n    <style>\n    #filter-form {\n        font-family: Arial, sans-serif;\n    }\n\n    #filter-form fieldset {\n        margin-bottom: 1.5rem;\n    }\n\n    #filter-form legend {\n        width: 100%;\n        font-weight: bold;\n        margin-bottom: 0.5rem;\n    }\n\n    #filter-form label {\n        display: flex;\n        align-items: center;\n        white-space: nowrap;\n        cursor: pointer;\n    }\n\n    #filter-form input[type=\"checkbox\"] {\n        margin-right: 0.5rem;\n    }\n\n    #filter-form button {\n        background-color: #0073aa;\n        color: white;\n        padding: 0.6rem 1.2rem;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n        font-size: 1rem;\n    }\n\n    #filter-form button:hover {\n        background-color: #005177;\n    }\n\n    #form-warning {\n        color: red;\n        margin-top: 1rem;\n        display: none;\n    }\n    .filter-heading {\n        text-align: center;\n        margin-top: 2rem;\n        font-size: 1rem;\n    }\n    <\/style>\n\n    <form id=\"filter-form\">\n        <fieldset>\n            <legend class=\"filter-heading\">Are you looking to recruit or retain underrepresented gender groups?<\/legend>\n            <div class=\"labels\">\n                <label><input type=\"checkbox\" data-tag value=\"Rec1\"> Recruit<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Ret1\"> Retain<\/label>\n            <\/div>\n        <\/fieldset>\n\n        <fieldset>\n            <legend class=\"filter-heading\">What level of impact is required?<\/legend>\n            <div class=\"labels\">\n                <label><input type=\"checkbox\" data-tag value=\"STim1\"> Short-term impact<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"LTim1\"> Longer-term impact<\/label>\n            <\/div>\n        <\/fieldset>\n\n        <fieldset>\n            <legend class=\"filter-heading\">What student cohort is being targeted?<\/legend>\n            <div class=\"labels\">\n                <label><input type=\"checkbox\" data-tag value=\"NewSt1\"> New students<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Under1\"> Undergraduate students (any level)<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Post1\"> Postgraduate students<\/label>\n            <\/div>\n        <\/fieldset>\n\n        <fieldset>\n            <legend class=\"filter-heading\">Who needs to be involved to start a gender initiative?<\/legend>\n            <div class=\"labels\">\n                <label><input type=\"checkbox\" data-tag value=\"Aca1\"> Lecturer\/Academic<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Mang1\"> Managerial role<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Pol1\"> Policy maker<\/label>\n                <label><input type=\"checkbox\" data-tag value=\"Any1\"> Other (external role possible)<\/label>\n            <\/div>\n        <\/fieldset>\n\n        <div class=\"labels\">\n            <p id=\"form-warning\">Please select at least one option.<\/p><br>\n        <\/div>\n\n        <div class=\"labels\">\n            <button type=\"submit\" id=\"search\">Search<\/button>\n        <\/div>\n    <\/form>\n\n    <script>\n    document.getElementById('filter-form').addEventListener('submit', function (e) {\n        e.preventDefault();\n\n        const checkboxes = document.querySelectorAll('input[data-tag]:checked');\n        const tags = Array.from(checkboxes).map(cb => cb.value);\n\n        if (tags.length === 0) {\n            document.getElementById('form-warning').style.display = 'block';\n            return;\n        } else {\n            document.getElementById('form-warning').style.display = 'none';\n        }\n\n        const queryParams = new URLSearchParams();\n        queryParams.set('tags', tags.join(','));\n\n        window.location.href = `\/techmate\/test-filter\/?${queryParams.toString()}`;\n    });\n    <\/script>\n    <\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:shortcode -->\n[filter_page]\n<!-- \/wp:shortcode -->","_et_gb_content_width":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-236647","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages\/236647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/comments?post=236647"}],"version-history":[{"count":2,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages\/236647\/revisions"}],"predecessor-version":[{"id":236661,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages\/236647\/revisions\/236661"}],"wp:attachment":[{"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/media?parent=236647"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/categories?post=236647"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/tags?post=236647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}