{"id":937,"date":"2018-09-17T13:44:59","date_gmt":"2018-09-17T13:44:59","guid":{"rendered":"http:\/\/dev.carilec.org\/?page_id=937"},"modified":"2025-06-13T12:24:16","modified_gmt":"2025-06-13T16:24:16","slug":"meet-our-members","status":"publish","type":"page","link":"https:\/\/carilec.org\/meet-our-members\/","title":{"rendered":"Meet Our Members"},"content":{"rendered":"<p>[vc_row][vc_column]<div class=\"filter-container\">\n                <input type=\"text\" id=\"searchInput\" placeholder=\"Search by title or member type\">\n                <select id=\"exhibitorTypeFilter\" class=\"exhibitorTypeFilter\">\n                    <option value=\"all\">All Types<\/option>\n                    <option value=\"Utilty Members\">Utilty Members<\/option>\n                    <option value=\"IPP* Members\">IPP* Members<\/option>\n                    <option value=\"Associate Members\">Associate Members<\/option>\n                    <option value=\"Affiliate Members\">Affiliate Members<\/option>\n                    <option value=\"Individual Members\">Individual Members<\/option>\n                <\/select>\n                <button class=\"exhibitorbtn\" onclick=\"resetFilters()\">Reset Filters<\/button>\n                <button class=\"exhibitorbtn resbtn\" onclick=\"toggleGrid()\">Toggle Grid (3\/4 per row)<\/button>\n            <\/div><div id=\"membergrid\" class=\"membergrid\">\n                \n            <script>\n        \n                function toggleDescription(index) {\n                    var dots = document.getElementById(\"dots-\" + index);\n                    var moreText = document.getElementById(\"more-\" + index);\n                    var btnText = document.getElementById(\"expand-btn-\" + index);\n        \n                    if (dots.style.display === \"none\") {\n                        dots.style.display = \"inline\";\n                        btnText.innerHTML = \"more\";\n                        moreText.style.display = \"none\";\n                    } else {\n                        dots.style.display = \"none\";\n                        btnText.innerHTML = \"less\";\n                        moreText.style.display = \"inline\";\n                    }\n                }\n            <\/script>\n                <\/div>\n            <script>\n        \n                function resetFilters() {\n                    document.getElementById(\"searchInput\").value = \"\";\n                    document.getElementById(\"exhibitorTypeFilter\").value = \"all\";\n                    filterGrid();\n                }\n        \n                function filterGrid() {\n                    var input, filter, membergrid, items, title, exhibitorType, boothNumber, i, txtValue;\n                    input = document.getElementById(\"searchInput\");\n                    filter = input.value.toUpperCase();\n                    exhibitorType = document.getElementById(\"exhibitorTypeFilter\").value;\n                    membergrid = document.getElementById(\"membergrid\");\n                    items = membergrid.getElementsByClassName(\"grid-item\");\n        \n                    for (i = 0; i < items.length; i++) {\n                        title = items[i].getElementsByClassName(\"title\")[0];\n                        boothNumber = items[i].getElementsByClassName(\"booth-number\")[0];\n                        exhibitorTypeValue = items[i].getElementsByClassName(\"exhibitor-type\")[0].innerText;\n        \n                        if (title || boothNumber) {\n                            txtValue = title.textContent || title.innerText;\n                            txtValue += \" \" + (boothNumber.textContent || boothNumber.innerText);\n                            if (txtValue.toUpperCase().indexOf(filter) > -1 && (exhibitorType === \"all\" || exhibitorTypeValue === exhibitorType)) {\n                                items[i].style.display = \"\";\n                            } else {\n                                items[i].style.display = \"none\";\n                            }\n                        }\n                    }\n                }\n        \n                document.getElementById(\"searchInput\").addEventListener(\"keyup\", filterGrid);\n                document.getElementById(\"exhibitorTypeFilter\").addEventListener(\"change\", filterGrid);\n        \n                function toggleGrid() {\n                    var membergrid = document.getElementById(\"membergrid\");\n                    if (membergrid.classList.contains(\"membergrid-3\")) {\n                        membergrid.classList.remove(\"membergrid-3\");\n                    } else {\n                        membergrid.classList.add(\"membergrid-3\");\n                    }\n                }\n            <\/script>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"single-mempage.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-937","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/carilec.org\/api\/wp\/v2\/pages\/937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carilec.org\/api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carilec.org\/api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carilec.org\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carilec.org\/api\/wp\/v2\/comments?post=937"}],"version-history":[{"count":0,"href":"https:\/\/carilec.org\/api\/wp\/v2\/pages\/937\/revisions"}],"wp:attachment":[{"href":"https:\/\/carilec.org\/api\/wp\/v2\/media?parent=937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}