{"id":22684,"date":"2024-08-01T13:06:54","date_gmt":"2024-08-01T07:36:54","guid":{"rendered":"https:\/\/ncfe.org.in\/pu\/?page_id=22684"},"modified":"2024-08-19T17:49:11","modified_gmt":"2024-08-19T12:19:11","slug":"whats-new","status":"publish","type":"page","link":"https:\/\/ncfe.org.in\/pu\/whats-new\/","title":{"rendered":"\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n\n\nModern Layout for Data<\/title>\n<style>\nbody {\n font-family: \"Rubik\", Sans-serif;\n}\n\n\/* Pagination styles *\/\n.pagination-container {\n margin-top: 10px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: baseline;\n flex-direction: row;\n flex-wrap: nowrap;\n align-content: space-around;\n margin-left: 10px;\n margin-right: 10px;\n}\n\n.pagination-container a,\n.pagination-container span {\n display: inline-block;\n padding: 4px 10px 4px 8px;\n margin-right: 5px;\n border: 1px solid #ddd;\n background-color: #f9f9f9;\n color: #333;\n text-decoration: none;\n border-radius: 100px;\n}\n\n.pagination-container>a {\n color: #043E87;\n padding-left: 8px;\n border: 1px solid;\n border-radius: 100px;\n padding-right: 8px;\n padding-top: 4px;\n padding-bottom: 2px;\n margin: 3px;\n}\n\n.pagination-container a:hover {\n background-color: #043E87;\n color: #fff;\n}\n\n.pagination-container a.active,\n.pagination-container span.active {\n background-color: #007bff;\n color: #fff;\n padding: 4px 10px 4px 8px;\n border-radius: 100px;\n}\n\n\/* Table styles *\/\ntable {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 20px;\n}\n\nth, td {\n border: 1px solid #ddd;\n padding: 8px;\n text-align: left;\n}\n\nth {\n background-color: #f2f2f2;\n}\n\n\/* Card styles *\/\n.card-container1 {\n display: none;\n}\n\n.card1 {\n padding: 30px;\n margin-bottom: 20px;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\n.card-header1 {\n font-size: 0.9em;\n color: #777;\n margin-bottom: 5px;\n}\n\n.card-title1 {\n font-size: 25px;\n font-weight: bold;\n margin-bottom: 10px;\n}\n\n.card-content1 {\n font-size: 20px;\n color: #333;\n margin-bottom: 15px;\n}\n\n.card-link1 {\n text-decoration: none;\n color: white;\n background-color: #007bff;\n padding: 10px 15px;\n border-radius: 5px;\n font-size: 20px;\n}\n\n.pre {\n padding: 10px !important;\n margin: 10px !important;\n border-radius: 6px !important;\n color: black !important;\n border-color: black !important;\n}\n\n.pre:hover {\n background-color: #043e87;\n color: white !important;\n}\n\n.th2 {\n background-color: #043e87;\n color: white;\n}\n\n\/* Mobile responsive styles *\/\n@media (max-width: 768px) {\n .pagination-container {\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .pagination-container a,\n .pagination-container span {\n margin-bottom: 5px;\n }\n\n table, th, td {\n font-size: 14px;\n padding: 6px;\n }\n\n th, td {\n word-break: break-word;\n }\n\n .card1 {\n padding: 20px;\n }\n\n .card-header1 {\n font-size: 0.8em;\n }\n\n .card-title1 {\n font-size: 20px;\n }\n\n .card-content1 {\n font-size: 16px;\n }\n\n .card-link1 {\n padding: 8px 12px;\n font-size: 16px;\n }\n\n .pre {\n padding: 8px !important;\n margin: 8px !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<table id=\"announcement-table\">\n <thead>\n <tr>\n <th class=\"th2\">Date<\/th>\n <th class=\"th2\">Title<\/th>\n <!--<th class=\"th2\">Content<\/th>-->\n <th class=\"th2\">URL<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <!-- Announcement data will be populated dynamically here -->\n <\/tbody>\n<\/table>\n\n<div class=\"pagination-container\">\n <button onclick=\"goToPreviousPage()\">Previous<\/button>\n <div id=\"pagination-container\" class=\"pagination-container\">\n <!-- Pagination buttons will be added dynamically -->\n <\/div>\n <button onclick=\"goToNextPage()\">Next<\/button>\n<\/div>\n\n<script>\n let currentPage = 1;\n const perPage = 7;\n\n \/\/ Function to get language from URL\n function getLanguageFromUrl() {\n const path = window.location.pathname;\n const langMatch = path.match(\/^\\\/(hi|en|gu|pu|be|od|ur|ta|te|mr|as|ma|ka)\/);\n return langMatch ? langMatch[1] : 'en'; \/\/ Default to 'en' if no match\n }\n\n const currentLanguage = getLanguageFromUrl();\n\n \/\/ Function to fetch data and populate the table\n async function fetchData(page = 1) {\n const baseUrl = 'https:\/\/ncfe.org.in';\n const urlMap = {\n en: `${baseUrl}\/wp-json\/wp\/v2\/whats-new`,\n hi: `${baseUrl}\/hi\/wp-json\/wp\/v2\/whats-new`,\n gu: `${baseUrl}\/gu\/wp-json\/wp\/v2\/whats-new`,\n pu: `${baseUrl}\/pu\/wp-json\/wp\/v2\/whats-new`,\n be: `${baseUrl}\/be\/wp-json\/wp\/v2\/whats-new`,\n od: `${baseUrl}\/od\/wp-json\/wp\/v2\/whats-new`,\n ur: `${baseUrl}\/ur\/wp-json\/wp\/v2\/whats-new`,\n ta: `${baseUrl}\/ta\/wp-json\/wp\/v2\/whats-new`,\n te: `${baseUrl}\/te\/wp-json\/wp\/v2\/whats-new`,\n mr: `${baseUrl}\/mr\/wp-json\/wp\/v2\/whats-new`,\n as: `${baseUrl}\/as\/wp-json\/wp\/v2\/whats-new`,\n ma: `${baseUrl}\/ma\/wp-json\/wp\/v2\/whats-new`,\n ka: `${baseUrl}\/ka\/wp-json\/wp\/v2\/whats-new`\n };\n const apiUrl = urlMap[currentLanguage] || urlMap['en'];\n\n try {\n const response = await fetch(`${apiUrl}?page=${page}&per_page=${perPage}`);\n const data = await response.json();\n\n const tableBody = document.querySelector('#announcement-table tbody');\n\n \/\/ Clear existing rows\n tableBody.innerHTML = '';\n\n data.forEach(item => {\n const row = document.createElement('tr');\n\n const dateCell = document.createElement('td');\n dateCell.textContent = new Date(item.date).toLocaleDateString();\n row.appendChild(dateCell);\n\n const titleCell = document.createElement('td');\n titleCell.textContent = item.title.rendered;\n row.appendChild(titleCell);\n\n \/\/ const contentCell = document.createElement('td');\n \/\/ const tempDiv = document.createElement('div');\n \/\/ tempDiv.innerHTML = item.content.rendered;\n \/\/ const decodedContent = tempDiv.textContent || tempDiv.innerText;\n \/\/ const contentPreview = decodedContent.split(' ').slice(0, 30).join(' ') + '...';\n \/\/ contentCell.textContent = contentPreview;\n \/\/ row.appendChild(contentCell);\n\n const urlCell = document.createElement('td');\n const urlLink = document.createElement('a');\n urlLink.href = item.acf.url; \/\/ Assuming 'link' is the field name for URL\n urlLink.textContent = 'Click Here';\n urlLink.target = '_blank';\n urlCell.appendChild(urlLink);\n row.appendChild(urlCell);\n\n tableBody.appendChild(row);\n });\n\n \/\/ Add pagination\n const paginationContainer = document.getElementById('pagination-container');\n paginationContainer.innerHTML = '';\n\n const totalPages = response.headers.get('X-WP-TotalPages');\n\n for (let i = 1; i <= totalPages; i++) {\n const pageButton = document.createElement('a');\n pageButton.textContent = i;\n pageButton.href = '#';\n pageButton.addEventListener('click', (event) => {\n event.preventDefault(); \/\/ Prevent default link behavior\n currentPage = i;\n fetchData(i);\n });\n\n if (i === currentPage) {\n pageButton.classList.add('active');\n }\n\n paginationContainer.appendChild(pageButton);\n }\n } catch (error) {\n console.error('Error fetching data:', error);\n }\n }\n\n \/\/ Function to handle previous page button click\n function goToPreviousPage() {\n if (currentPage > 1) {\n currentPage--;\n fetchData(currentPage);\n }\n }\n\n \/\/ Function to handle next page button click\n function goToNextPage() {\n currentPage++;\n fetchData(currentPage);\n }\n\n \/\/ Call the fetchData function to populate the table\n fetchData();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\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>Modern Layout for Data Date Title URL Previous Next<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-22684","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48 - Punjabi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ncfe.org.in\/pu\/whats-new\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48 - Punjabi\" \/>\n<meta property=\"og:description\" content=\"Modern Layout for Data Date Title URL Previous Next\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ncfe.org.in\/pu\/whats-new\/\" \/>\n<meta property=\"og:site_name\" content=\"Punjabi\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-19T12:19:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/whats-new\/\",\"url\":\"https:\/\/ncfe.org.in\/pu\/whats-new\/\",\"name\":\"\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48 - Punjabi\",\"isPartOf\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/#website\"},\"datePublished\":\"2024-08-01T07:36:54+00:00\",\"dateModified\":\"2024-08-19T12:19:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/whats-new\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ncfe.org.in\/pu\/whats-new\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/whats-new\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ncfe.org.in\/pu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#website\",\"url\":\"https:\/\/ncfe.org.in\/pu\/\",\"name\":\"Punjabi\",\"description\":\"National Centre for Financial Education (NCFE) is a Section 8 (Not for Profit) Company promoted by Reserve Bank of India (RBI), Securities and Exchange Board of India (SEBI), Insurance Regulatory and Development Authority of India (IRDAI) and Pension Fund Regulatory and Development Authority (PFRDA), under the aegis of Financial Stability and Development Council (FSDC), Ministry of Finance, Government of India.\",\"publisher\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ncfe.org.in\/pu\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#organization\",\"name\":\"Punjabi\",\"url\":\"https:\/\/ncfe.org.in\/pu\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png\",\"contentUrl\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png\",\"width\":436,\"height\":113,\"caption\":\"Punjabi\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48 - Punjabi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ncfe.org.in\/pu\/whats-new\/","og_locale":"en_US","og_type":"article","og_title":"\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48 - Punjabi","og_description":"Modern Layout for Data Date Title URL Previous Next","og_url":"https:\/\/ncfe.org.in\/pu\/whats-new\/","og_site_name":"Punjabi","article_modified_time":"2024-08-19T12:19:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ncfe.org.in\/pu\/whats-new\/","url":"https:\/\/ncfe.org.in\/pu\/whats-new\/","name":"\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48 - Punjabi","isPartOf":{"@id":"https:\/\/ncfe.org.in\/pu\/#website"},"datePublished":"2024-08-01T07:36:54+00:00","dateModified":"2024-08-19T12:19:11+00:00","breadcrumb":{"@id":"https:\/\/ncfe.org.in\/pu\/whats-new\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ncfe.org.in\/pu\/whats-new\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ncfe.org.in\/pu\/whats-new\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ncfe.org.in\/pu\/"},{"@type":"ListItem","position":2,"name":"\u0a28\u0a35\u0a3e\u0a02 \u0a15\u0a40 \u0a39\u0a48"}]},{"@type":"WebSite","@id":"https:\/\/ncfe.org.in\/pu\/#website","url":"https:\/\/ncfe.org.in\/pu\/","name":"Punjabi","description":"National Centre for Financial Education (NCFE) is a Section 8 (Not for Profit) Company promoted by Reserve Bank of India (RBI), Securities and Exchange Board of India (SEBI), Insurance Regulatory and Development Authority of India (IRDAI) and Pension Fund Regulatory and Development Authority (PFRDA), under the aegis of Financial Stability and Development Council (FSDC), Ministry of Finance, Government of India.","publisher":{"@id":"https:\/\/ncfe.org.in\/pu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ncfe.org.in\/pu\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ncfe.org.in\/pu\/#organization","name":"Punjabi","url":"https:\/\/ncfe.org.in\/pu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/pu\/#\/schema\/logo\/image\/","url":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png","contentUrl":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png","width":436,"height":113,"caption":"Punjabi"},"image":{"@id":"https:\/\/ncfe.org.in\/pu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/22684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/comments?post=22684"}],"version-history":[{"count":10,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/22684\/revisions"}],"predecessor-version":[{"id":22789,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/22684\/revisions\/22789"}],"wp:attachment":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/media?parent=22684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}