{"id":146,"date":"2020-05-23T05:43:13","date_gmt":"2020-05-23T05:43:13","guid":{"rendered":"https:\/\/barpalicollege.com\/?page_id=146"},"modified":"2025-09-18T07:36:16","modified_gmt":"2025-09-18T07:36:16","slug":"faculty-staff","status":"publish","type":"page","link":"http:\/\/barpalicollege.com\/?page_id=146","title":{"rendered":"Faculty &#038; Staff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"146\" class=\"elementor elementor-146\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1102525 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1102525\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-54426d5\" data-id=\"54426d5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c1af6ee elementor-widget elementor-widget-html\" data-id=\"c1af6ee\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;,&quot;ekit_we_scrolleffect_top_bottom_scroll_direction&quot;:&quot;up&quot;,&quot;ekit_we_scrolleffect_top_bottom_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;ekit_we_scrolleffect_top_bottom_scroll_position&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;ekit_we_scrolleffect_left_right_scroll_direction&quot;:&quot;left&quot;,&quot;ekit_we_scrolleffect_left_right_scroll_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;ekit_we_scrolleffect_left_right_scroll_position&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;ekit_we_scrolleffect_fade_style&quot;:&quot;fadein&quot;,&quot;ekit_we_scrolleffect_fade_opcity&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;ekit_we_scrolleffect_fade_position&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;ekit_we_scrolleffect_zoom_style&quot;:&quot;scaleup&quot;,&quot;ekit_we_scrolleffect_zoom_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;ekit_we_scrolleffect_zoom_position&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;ekit_we_scrolleffect_blur_style&quot;:&quot;fadein&quot;,&quot;ekit_we_scrolleffect_blur_opacity&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;ekit_we_scrolleffect_blur_position&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;ekit_we_scrolleffect_rotate_direction&quot;:&quot;left&quot;,&quot;ekit_we_scrolleffect_rotate_position&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;ekit_we_mouseeffect_mouse_move_direction&quot;:&quot;direct&quot;,&quot;ekit_we_mouseeffect_mouse_move_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;ekit_we_mouseeffect_tilt_direction&quot;:&quot;direct&quot;,&quot;ekit_we_mouseeffect_tilt_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n    <style>\r\n \r\n\r\n        .container {\r\n            background-color: #fff;\r\n            padding: 30px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n            width: 100%;\r\n            max-width: 900px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        h1 {\r\n            text-align: center;\r\n            color: #2c3e50;\r\n            margin-bottom: 30px;\r\n            font-size: 2em;\r\n        }\r\n\r\n        .controls {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-bottom: 20px;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        #searchInput, #designationFilter {\r\n            width: 100%;\r\n            max-width: 300px;\r\n            padding: 12px 18px;\r\n            border: 2px solid #ddd;\r\n            border-radius: 8px;\r\n            font-size: 1em;\r\n            transition: border-color 0.3s, box-shadow 0.3s;\r\n            box-sizing: border-box;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n            appearance: none;\r\n            background-color: #fff;\r\n            background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"gray\" class=\"bi bi-caret-down-fill\" viewBox=\"0 0 16 16\"><path d=\"M7.247 11.14L2.451 5.658C1.885 5.092 2.223 4 3.109 4h9.782c.886 0 1.224 1.092.658 1.658L8.753 11.14a.905.905 0 0 1-1.506 0z\"\/><\/svg>');\r\n            background-repeat: no-repeat;\r\n            background-position: right 15px center;\r\n            padding-right: 40px;\r\n        }\r\n\r\n        #searchInput:focus, #designationFilter:focus {\r\n            outline: none;\r\n            border-color: #3498db;\r\n            box-shadow: 0 0 8px rgba(52, 152, 219, 0.2);\r\n        }\r\n\r\n        table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            background-color: #fff;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        h2 {\r\n            text-align: center;\r\n            color: #2c3e50;\r\n            margin: 40px 0 15px 0;\r\n            font-size: 1.5em;\r\n        }\r\n\r\n        thead th {\r\n            background-color: #34495e;\r\n            color: #fff;\r\n            padding: 15px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        tbody tr {\r\n            transition: background-color 0.3s;\r\n        }\r\n\r\n        tbody tr:nth-child(even) {\r\n            background-color: #f8f9fa;\r\n        }\r\n\r\n        tbody tr:hover {\r\n            background-color: #ecf0f1;\r\n        }\r\n\r\n        td {\r\n            padding: 15px;\r\n            border-bottom: 1px solid #e9ecef;\r\n        }\r\n\r\n        tr.principal {\r\n            background-color: #fdedc6 !important;\r\n            font-weight: bold;\r\n            border-left: 5px solid #f39c12;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .controls {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n            }\r\n            \r\n            #searchInput, #designationFilter {\r\n                max-width: none;\r\n            }\r\n            \r\n            table, thead, tbody, th, td, tr {\r\n                display: block;\r\n            }\r\n\r\n            thead tr {\r\n                position: absolute;\r\n                top: -9999px;\r\n                left: -9999px;\r\n            }\r\n\r\n            tr {\r\n                border: 1px solid #ccc;\r\n                margin-bottom: 15px;\r\n                border-radius: 8px;\r\n                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\r\n            }\r\n            \r\n            td {\r\n                border: none;\r\n                border-bottom: 1px solid #eee;\r\n                position: relative;\r\n                padding-left: 50%;\r\n                text-align: right;\r\n            }\r\n\r\n            td:before {\r\n                content: attr(data-label);\r\n                position: absolute;\r\n                left: 10px;\r\n                width: 45%;\r\n                padding-right: 10px;\r\n                white-space: nowrap;\r\n                text-align: left;\r\n                font-weight: bold;\r\n            }\r\n            \r\n            tr.principal td:before {\r\n                color: #f39c12;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n        <div class=\"controls\">\r\n            <input type=\"text\" id=\"searchInput\" placeholder=\"Search by name...\">\r\n            <select id=\"designationFilter\">\r\n                <option value=\"all\">All Designations<\/option>\r\n                <!-- Options will be populated by JavaScript -->\r\n            <\/select>\r\n        <\/div>\r\n\r\n        <h2>Teaching Staff<\/h2>\r\n        <table>\r\n            <thead>\r\n                <tr>\r\n                    <th>Name<\/th>\r\n                    <th>Designation<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody id=\"teachingStaffTableBody\">\r\n                <!-- Teaching Staff Data -->\r\n            <\/tbody>\r\n        <\/table>\r\n        \r\n        <h2>Non-Teaching Staff<\/h2>\r\n        <table>\r\n            <thead>\r\n                <tr>\r\n                    <th>Name<\/th>\r\n                    <th>Designation<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody id=\"nonTeachingStaffTableBody\">\r\n                <!-- Non-Teaching Staff Data -->\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const staffData = [\r\n                \/\/ Staff data from your provided document\r\n                { name: 'Miss Jayanti Dash', designation: 'Reader in Physics', simplifiedDesignation: 'Principal', mobile: '8280210970', isPrincipal: true, type: 'teaching' },\r\n                { name: 'Sri Sushil Kumar Satpathy', designation: 'Reader in English', simplifiedDesignation: 'Reader', mobile: '9937906407', type: 'teaching' },\r\n                { name: 'Dr. Ashok Ku. Dash', designation: 'Reder in Education', simplifiedDesignation: 'Reader', mobile: 'N\/A', type: 'teaching' },\r\n                { name: 'Dr. Niranjan Dash', designation: 'Reader in Sanskrit', simplifiedDesignation: 'Reader', mobile: 'N\/A', type: 'teaching' },\r\n                { name: 'Sri Brundabana Sahu', designation: 'Lecturer in Physics', simplifiedDesignation: 'Lecturer', mobile: '9861795043', type: 'teaching' },\r\n                { name: 'Sri Goura Chandra Padhan', designation: 'Lecturer in mathematics', simplifiedDesignation: 'Lecturer', mobile: '9692698812', type: 'teaching' },\r\n                { name: 'Sri Ashok Kumar Pradhan', designation: 'Lecturer in History', simplifiedDesignation: 'Lecturer', mobile: '9869222376', type: 'teaching' },\r\n                { name: 'Dr. Simanchala Padhan', designation: 'Lecturer in Philosophy', simplifiedDesignation: 'Lecturer', mobile: '9437050063', type: 'teaching' },\r\n                { name: 'Sri Dhiroj Kumar Tripathy', designation: 'Lecturer in English', simplifiedDesignation: 'Lecturer', mobile: '9861248206', type: 'teaching' },\r\n                { name: 'Mrs. Manisha Dash', designation: 'Lecturer in English', simplifiedDesignation: 'Lecturer', mobile: '9437327950', type: 'teaching' },\r\n                { name: 'Sri Alekh Mahananda', designation: 'Lecturer in Political Science', simplifiedDesignation: 'Lecturer', mobile: '9777954662', type: 'teaching' },\r\n                { name: 'Sri Uttar Kumar Gartia', designation: 'Lecturer in Odia', simplifiedDesignation: 'Lecturer', mobile: '9439533892', type: 'teaching' },\r\n                { name: 'Sri Bhakta Bandhu Pradhan', designation: 'Lecturer in Economics', simplifiedDesignation: 'Lecturer', mobile: '9937610486', type: 'teaching' },\r\n                { name: 'Dr. Gangadhar Meher', designation: 'Lecturer in Mathematics', simplifiedDesignation: 'Lecturer', mobile: '9438310777', type: 'teaching' },\r\n                { name: 'Sri Sunil Kumar Dash', designation: 'Lecturer in Botany', simplifiedDesignation: 'Lecturer', mobile: '9777183890', type: 'teaching' },\r\n                { name: 'Dr. Sambita Pradhan', designation: 'Lecturer in Odia', simplifiedDesignation: 'Lecturer', mobile: '9583150885', type: 'teaching' },\r\n                { name: 'Dr. Pareswar Sahu', designation: 'Lecturer in Economics', simplifiedDesignation: 'Lecturer', mobile: '9937561035', type: 'teaching' },\r\n                { name: 'Dr. Kanhu Meher', designation: 'Lecturer in History', simplifiedDesignation: 'Lecturer', mobile: '9777568432', type: 'teaching' },\r\n                { name: 'Sri Arun Kumar Barik', designation: 'Lecturer in Odia', simplifiedDesignation: 'Lecturer', mobile: '8270316450', type: 'teaching' },\r\n                { name: 'Sri Biswanath Sahu', designation: 'Lecturer in Odia', simplifiedDesignation: 'Lecturer', mobile: '7873695058', type: 'teaching' },\r\n                { name: 'Mrs. Neelam Debata', designation: 'Lecturer in English', simplifiedDesignation: 'Lecturer', mobile: '9178510570', type: 'teaching' },\r\n                { name: 'Dr. Ranjeeta Meher', designation: 'Lecturer in Chemistry', simplifiedDesignation: 'Lecturer', mobile: '9178762559', type: 'teaching' },\r\n                { name: 'Dr. Bhagbana Mahananda', designation: 'Lecturer in History', simplifiedDesignation: 'Lecturer', mobile: '9777821976', type: 'teaching' },\r\n                { name: 'Miss Natasha Sikandar', designation: 'Lecturer in Botany', simplifiedDesignation: 'Lecturer', mobile: '7873222039', type: 'teaching' },\r\n                { name: 'Miss Debanginee Sahu', designation: 'Lecturer in Political Science', simplifiedDesignation: 'Lecturer', mobile: '9178822815', type: 'teaching' },\r\n                { name: 'Mrs. Seema Bhoi', designation: 'Lecturer in Political Science', simplifiedDesignation: 'Lecturer', mobile: '8658945475', type: 'teaching' },\r\n                { name: 'Miss. Anjana Bhoi', designation: 'Lecturer in Political Science', simplifiedDesignation: 'Lecturer', mobile: 'N\/A', type: 'teaching' },\r\n                { name: 'Sri Balkrushna Patel', designation: 'Lecturer in History', simplifiedDesignation: 'Lecturer', mobile: 'N\/A', type: 'teaching' },\r\n                { name: 'Mrs. Anita Dash', designation: 'Lecturer in Education', simplifiedDesignation: 'Lecturer', mobile: '9668425813', type: 'teaching' },\r\n                { name: 'Mrs. Monika Pradhan', designation: 'Lecturer in Zoology', simplifiedDesignation: 'Lecturer', mobile: '9937189262', type: 'teaching' },\r\n                { name: 'Miss Simanjali Das', designation: 'Lecturer in Economics', simplifiedDesignation: 'Lecturer', mobile: '9853562476', type: 'teaching' },\r\n                { name: 'Miss Samikshya Sahu', designation: 'Lecturer in Chemistry', simplifiedDesignation: 'Lecturer', mobile: '7978530529', type: 'teaching' },\r\n                { name: 'Sri Bijaya kumar Tripathy', designation: 'Demonstrator', simplifiedDesignation: 'Demonstrator', mobile: '9861421737', type: 'teaching' },\r\n                { name: 'Sri Bijaya Kishore Mishra', designation: 'Demonstrator', simplifiedDesignation: 'Demonstrator', mobile: '9437117581', type: 'teaching' },\r\n                { name: 'Sri Ganesh Prasad Mishra', designation: 'Demonstrator', simplifiedDesignation: 'Demonstrator', mobile: '9437738949', type: 'teaching' },\r\n                { name: 'Sri Rajendra Prasad Meher', designation: 'Demonstrator', simplifiedDesignation: 'Demonstrator', mobile: '9778072875', type: 'teaching' },\r\n                { name: 'Sri Sumanta Satpathy', designation: 'Demonstrator', simplifiedDesignation: 'Demonstrator', mobile: '7894039590', type: 'teaching' },\r\n                { name: 'Mrs. Debajani Behera', designation: 'Demonstrator', simplifiedDesignation: 'Demonstrator', mobile: '9439431752', type: 'teaching' },\r\n                { name: 'Miss Adyasha Bhoi', designation: 'Jr. Librarian', simplifiedDesignation: 'Jr. Librarian', mobile: '6371466311', type: 'non-teaching' },\r\n                { name: 'Sri Somanath Sahu', designation: 'Head Clerk', simplifiedDesignation: 'Head Clerk', mobile: 'N\/A', type: 'non-teaching' },\r\n                { name: 'Sri Bibhu Charan Mahanty', designation: 'Jr. Clerk cum-Accountant', simplifiedDesignation: 'Jr. Clerk', mobile: '9937912917', type: 'non-teaching' },\r\n                { name: 'Sri Prakash Seth', designation: 'Jr. Clerk', simplifiedDesignation: 'Jr. Clerk', mobile: '9040622854', type: 'non-teaching' },\r\n                { name: 'Sri Sankar Lal Sharma', designation: 'Jr. Clerk', simplifiedDesignation: 'Jr. Clerk', mobile: '9090474282', type: 'non-teaching' },\r\n                { name: 'Sri Suman Kumar Tripathy', designation: 'Jr. Clerk', simplifiedDesignation: 'Jr. Clerk', mobile: '9776863006', type: 'non-teaching' },\r\n                { name: 'Sri Bishnu Seth', designation: 'Jr. Clerk', simplifiedDesignation: 'Jr. Clerk', mobile: 'N\/A', type: 'non-teaching' },\r\n                { name: 'Sri Judhisthir Behera', designation: 'D.E.O.', simplifiedDesignation: 'D.E.O.', mobile: '9861343052', type: 'non-teaching' },\r\n                { name: 'Sri Sadananda Nag', designation: 'Labratory Attendant', simplifiedDesignation: 'Labratory Attendant', mobile: '8596859878', type: 'non-teaching' },\r\n                { name: 'Sri Hrushikesh Meher', designation: 'Labratory Attendant', simplifiedDesignation: 'Labratory Attendant', mobile: '7205550806', type: 'non-teaching' },\r\n                { name: 'Sri Ghasiram Mishra', designation: 'Peon', simplifiedDesignation: 'Peon', mobile: '9778784664', type: 'non-teaching' },\r\n                { name: 'Sri Dharanidhar Sahu', designation: 'Peon', simplifiedDesignation: 'Peon', mobile: '9937537996', type: 'non-teaching' },\r\n                { name: 'Mrs. Pramila Rana', designation: 'Peon', simplifiedDesignation: 'Peon', mobile: '9776575530', type: 'non-teaching' },\r\n                { name: 'Sri Soni Nag', designation: 'Peon', simplifiedDesignation: 'Peon', mobile: '9692693383', type: 'non-teaching' },\r\n                { name: 'Sri Abhilash Sahu', designation: 'Peon', simplifiedDesignation: 'Peon', mobile: '9040774728', type: 'non-teaching' },\r\n                { name: 'Sri Badrinarayan Suna', designation: 'Library Wachman-bearer', simplifiedDesignation: 'Library Wachman-bearer', mobile: '7894495614', type: 'non-teaching' },\r\n                { name: 'Sri Jatra Nag', designation: 'Night Watchman', simplifiedDesignation: 'Night Watchman', mobile: '8658247247', type: 'non-teaching' },\r\n                { name: 'Sri Ramesh Behera', designation: 'Sweeper', simplifiedDesignation: 'Sweeper', mobile: '9937102438', type: 'non-teaching' }\r\n            ];\r\n        \r\n            const teachingStaffTableBody = document.getElementById('teachingStaffTableBody');\r\n            const nonTeachingStaffTableBody = document.getElementById('nonTeachingStaffTableBody');\r\n            const searchInput = document.getElementById('searchInput');\r\n            const designationFilter = document.getElementById('designationFilter');\r\n        \r\n            const teachingStaff = staffData.filter(staff => staff.type === 'teaching').sort((a, b) => (b.isPrincipal || 0) - (a.isPrincipal || 0));\r\n            const nonTeachingStaff = staffData.filter(staff => staff.type === 'non-teaching');\r\n        \r\n            \/\/ Populate the table and filter dropdown\r\n            function populateTable(data, tableBody) {\r\n                tableBody.innerHTML = '';\r\n                data.forEach(staff => {\r\n                    const row = document.createElement('tr');\r\n                    if (staff.isPrincipal) {\r\n                        row.classList.add('principal');\r\n                    }\r\n                    row.innerHTML = `\r\n                        <td data-label=\"Name\">${staff.name}<\/td>\r\n                        <td data-label=\"Designation\">${staff.isPrincipal ? 'Principal' : staff.designation}<\/td>\r\n                    `;\r\n                    tableBody.appendChild(row);\r\n                });\r\n            }\r\n        \r\n            function populateDesignationFilter() {\r\n                const designations = new Set(staffData.map(staff => staff.simplifiedDesignation));\r\n                designations.forEach(designation => {\r\n                    const option = document.createElement('option');\r\n                    option.value = designation;\r\n                    option.textContent = designation;\r\n                    designationFilter.appendChild(option);\r\n                });\r\n            }\r\n        \r\n            \/\/ Handle filtering and searching\r\n            function filterTable() {\r\n                const searchTerm = searchInput.value.toLowerCase();\r\n                const selectedDesignation = designationFilter.value;\r\n        \r\n                const filteredTeaching = teachingStaff.filter(staff => {\r\n                    const nameMatch = staff.name.toLowerCase().includes(searchTerm);\r\n                    const designationMatch = selectedDesignation === 'all' || staff.simplifiedDesignation === selectedDesignation;\r\n                    return nameMatch && designationMatch;\r\n                });\r\n        \r\n                const filteredNonTeaching = nonTeachingStaff.filter(staff => {\r\n                    const nameMatch = staff.name.toLowerCase().includes(searchTerm);\r\n                    const designationMatch = selectedDesignation === 'all' || staff.simplifiedDesignation === selectedDesignation;\r\n                    return nameMatch && designationMatch;\r\n                });\r\n        \r\n                populateTable(filteredTeaching, teachingStaffTableBody);\r\n                populateTable(filteredNonTeaching, nonTeachingStaffTableBody);\r\n            }\r\n        \r\n            searchInput.addEventListener('input', filterTable);\r\n            designationFilter.addEventListener('change', filterTable);\r\n        \r\n            \/\/ Initial population\r\n            populateDesignationFilter();\r\n            populateTable(teachingStaff, teachingStaffTableBody);\r\n            populateTable(nonTeachingStaff, nonTeachingStaffTableBody);\r\n        });\r\n    <\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All Designations Teaching Staff Name Designation Non-Teaching Staff Name Designation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/barpalicollege.com\/index.php?rest_route=\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/barpalicollege.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/barpalicollege.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/barpalicollege.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/barpalicollege.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":24,"href":"http:\/\/barpalicollege.com\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":1826,"href":"http:\/\/barpalicollege.com\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions\/1826"}],"wp:attachment":[{"href":"http:\/\/barpalicollege.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}