{"id":4757,"date":"2025-04-01T06:27:51","date_gmt":"2025-04-01T06:27:51","guid":{"rendered":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/?page_id=4757"},"modified":"2025-04-17T12:39:24","modified_gmt":"2025-04-17T12:39:24","slug":"blogs-listing","status":"publish","type":"page","link":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/blogs-listing\/","title":{"rendered":"Blogs Listing"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background fusion-parallax-none press_heading_wrapper nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:50px;--awb-padding-right:0px;--awb-padding-bottom:60px;--awb-padding-left:0px;--awb-padding-top-medium:40px;--awb-padding-bottom-medium:40px;--awb-padding-top-small:30px;--awb-padding-right-small:15px;--awb-padding-bottom-small:30px;--awb-padding-left-small:15px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-margin-top-small:0px;--awb-margin-bottom-small:0px;--awb-background-image:url(&quot;https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2025\/04\/Banner-BG-PRNews_Desktop.png&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:1216.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-no-small-visibility fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-one\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-font-size:48px;\"><h1 class=\"fusion-title-heading title-heading-center\" style=\"font-family:&quot;Kelson Bold&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:58px;\">Blogs<\/h1><\/div><div class=\"fusion-title title fusion-title-2 fusion-no-medium-visibility fusion-no-large-visibility fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-one\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-font-size:25px;\"><h1 class=\"fusion-title-heading title-heading-center\" style=\"font-family:&quot;Kelson Bold&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:40px;\">Blogs<\/h1><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background feature-news-hide nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:100px;--awb-padding-right:0px;--awb-padding-bottom:35px;--awb-padding-left:0px;--awb-padding-top-medium:40px;--awb-padding-bottom-medium:40px;--awb-padding-right-small:15px;--awb-padding-left-small:15px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:calc( 1170px + 0px );margin-left: calc(-0px \/ 2 );margin-right: calc(-0px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:20px;--awb-padding-right:20px;--awb-padding-bottom:20px;--awb-padding-left:20px;--awb-overflow:hidden;--awb-bg-size:cover;--awb-border-color:#77cfe0;--awb-border-top:1px;--awb-border-right:1px;--awb-border-bottom:1px;--awb-border-left:1px;--awb-border-style:solid;--awb-border-radius:20px 20px 20px 20px;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:;--awb-margin-bottom-large:0px;--awb-spacing-left-large:;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:;--awb-spacing-left-medium:;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">        <div class=\"featured-news-item row\">\r\n            <div class=\"featured-news-thumbnail col-lg-6 col-sm-12\">\r\n                                    <a href=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/blog\/unlocking-the-future-of-programmable-networking-introducing-the-xisa-by-xsight-labs\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2025\/03\/935a0968a3304ab880834110ea9ae1da-1.png\" alt=\"Unlocking the Future of Programmable Networking: Introducing the XISA by Xsight Labs\"><\/a>\r\n                            <\/div>\r\n            <div class=\"featured-news-details col-lg-6 col-sm-12\">\r\n                <div class=\"featured-news-title\">\r\n                    <a href=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/blog\/unlocking-the-future-of-programmable-networking-introducing-the-xisa-by-xsight-labs\/\" target=\"_blank\">Unlocking the Future of Programmable Networking: Introducing the XISA by Xsight Labs<\/a>\r\n                <\/div>    \r\n                <div class=\"row\">\r\n                \r\n                    <div class=\"featured-news-date\">March 24, 2025<\/div>\r\n                <\/div>\r\n                <div class=\"featured-news-content\"><\/div>\r\n                <div class=\"btn-primary featured-readmore\"><a href=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/blog\/unlocking-the-future-of-programmable-networking-introducing-the-xisa-by-xsight-labs\/\" target=\"_blank\">Read more ><\/a><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:25px;--awb-padding-bottom:100px;--awb-padding-top-medium:25px;--awb-padding-bottom-medium:40px;--awb-padding-top-small:0px;--awb-padding-right-small:15px;--awb-padding-bottom-small:40px;--awb-padding-left-small:15px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1216.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-no-small-visibility fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-two pressRelease_news_updates_heading\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-font-size:40px;\"><h2 class=\"fusion-title-heading title-heading-center\" style=\"font-family:&quot;Kelson Bold&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:52px;\">Explore More<\/h2><\/div><div class=\"fusion-title title fusion-title-4 fusion-no-medium-visibility fusion-no-large-visibility fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-two pressRelease_news_updates_heading\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-bottom:40px;--awb-margin-bottom-small:5px;--awb-font-size:22px;\"><h2 class=\"fusion-title-heading title-heading-center\" style=\"font-family:&quot;Kelson Bold&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:28px;\">Explore More<\/h2><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin para d-none\" style=\"--awb-font-size:18px;--awb-line-height:28px;--awb-text-color:#dcddde;--awb-margin-top:20px;--awb-margin-bottom:20px;--awb-text-font-family:&quot;Assistant&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p style=\"text-align: center;\">Lorem ipsum dolor sit amet duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div><div class=\"fusion-image-element \" style=\"--awb-margin-bottom:12px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"1170\" height=\"1\" title=\"div.divider-line\" src=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2025\/04\/div.divider-line.png\" alt class=\"img-responsive wp-image-4768\" srcset=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2025\/04\/div.divider-line-200x1.png 200w, https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2025\/04\/div.divider-line-400x1.png 400w, https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2025\/04\/div.divider-line-600x1.png 600w, https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2025\/04\/div.divider-line-800x1.png 800w, https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2025\/04\/div.divider-line.png 1170w\" sizes=\"(max-width: 480px) 100vw, 1170px\" \/><\/span><\/div><section class=\"news_updates_main news-template-wrapper\">\r\n    <div class=\"wrapper-container\">\r\n        <!-- View Toggle Buttons -->\r\n        <div class=\"view-toggle\">\r\n            <button id=\"listViewBtn\"><i class=\"fa fa-bars\"><\/i><\/button>\r\n            <button id=\"gridViewBtn\" class=\"active\"><i class=\"fa fa-th\"><\/i><\/button>\r\n        <\/div>\r\n\r\n        <!-- Posts Container -->\r\n        <div class=\"news_updates_content grid-view\">\r\n            <!-- Posts will be loaded via AJAX -->\r\n        <\/div>\r\n\r\n        <!-- Load More Button -->\r\n        <button id=\"loadMoreBtn\" class=\"pressnews-loadmore-btn\">\r\n            <span class=\"buttonText\">Load More<\/span>\r\n            <span class=\"buttonload\" style=\"display:none;\">\r\n                Loading <i class=\"fa fa-spinner fa-spin\"><\/i>\r\n            <\/span>\r\n        <\/button>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const gridViewBtn = document.getElementById(\"gridViewBtn\");\r\n    const listViewBtn = document.getElementById(\"listViewBtn\");\r\n    const newsContainer = document.querySelector(\".news_updates_content\"); \/\/ \u2705 Corrected selector\r\n\r\n    gridViewBtn.addEventListener(\"click\", function() {\r\n        newsContainer.classList.add(\"grid-view\");\r\n        newsContainer.classList.remove(\"list-view\");\r\n        gridViewBtn.classList.add(\"active\");\r\n        listViewBtn.classList.remove(\"active\");\r\n    });\r\n\r\n    listViewBtn.addEventListener(\"click\", function() {\r\n        newsContainer.classList.add(\"list-view\");\r\n        newsContainer.classList.remove(\"grid-view\");\r\n        listViewBtn.classList.add(\"active\");\r\n        gridViewBtn.classList.remove(\"active\");\r\n    });\r\n\r\n    const loadMoreBtn = document.getElementById('loadMoreBtn');\r\n    let page = 1;\r\n    let moreResult = true;\r\n\r\n    \/\/ Initial Load\r\n    loadMorePosts(true);\r\n\r\n    \/\/ Load More Button Click\r\n    loadMoreBtn.addEventListener('click', function() {\r\n        loadMorePosts();\r\n    });\r\n\r\n    function loadMorePosts(initialize = false) {\r\n        if (!moreResult && !initialize) return;\r\n\r\n        const data = {\r\n            'action': 'blog_list_load_more',\r\n            'page': page\r\n        };\r\n\r\n        if (!initialize) {\r\n            loadMoreBtn.disabled = true;\r\n            loadMoreBtn.querySelector('.buttonText').style.display = 'none';\r\n            loadMoreBtn.querySelector('.buttonload').style.display = 'inline-block';\r\n        }\r\n\r\n        jQuery.ajax({\r\n            url: 'https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-admin\/admin-ajax.php',\r\n            type: 'POST',\r\n            data: data,\r\n            dataType: 'json', \/\/ \u2705 Ensure proper parsing\r\n            success: function(response) {\r\n                if (response.success) {\r\n                    if (response.data.html.trim() !== \"\") { \/\/ Check if HTML is not empty\r\n                        const newContent = jQuery(response.data.html).hide();\r\n                        jQuery('.news_updates_content').append(newContent);\r\n                        newContent.fadeIn();\r\n                        page++;\r\n\r\n                        loadMoreBtn.disabled = false;\r\n                        loadMoreBtn.querySelector('.buttonText').style.display = 'inline-block';\r\n                        loadMoreBtn.querySelector('.buttonload').style.display = 'none';\r\n                    } else {\r\n                        \/\/ No more posts case\r\n                        moreResult = false;\r\n                        loadMoreBtn.disabled = true;\r\n                        loadMoreBtn.querySelector('.buttonText').textContent = 'No more posts';\r\n                        loadMoreBtn.querySelector('.buttonText').style.display = 'inline-block';\r\n                        loadMoreBtn.querySelector('.buttonload').style.display = 'none';\r\n                    }\r\n                }\r\n            },\r\n            error: function() {\r\n                loadMoreBtn.disabled = false;\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* View Toggle *\/\r\n\r\n\r\n.view-toggle {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.view-toggle button {\r\n    padding: 8px 12px;\r\n    border: 1px solid #ccc;\r\n    background: #f8f8f8;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n}\r\n\r\n.view-toggle button.active {\r\n    background: #0073aa;\r\n    color: #fff;\r\n    border-color: #0073aa;\r\n}\r\n\r\n\/* Grid View *\/\r\n.news_updates_content.grid-view {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.news_updates_content.grid-view .post-item {\r\n    width: calc(33.333% - 20px);\r\n    display: block;\r\n}\r\n\r\n\/* List View *\/\r\n.news_updates_content.list-view {\r\n    flex-direction: column;\r\n}\r\n\r\n.news_updates_content.list-view .post-item {\r\n    width: 100%;\r\n    display: flex;\r\n}\r\n<\/style><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-4757","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/pages\/4757"}],"collection":[{"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/comments?post=4757"}],"version-history":[{"count":18,"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/pages\/4757\/revisions"}],"predecessor-version":[{"id":4809,"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/pages\/4757\/revisions\/4809"}],"wp:attachment":[{"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/media?parent=4757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}