{"id":192,"date":"2023-11-21T10:48:06","date_gmt":"2023-11-21T10:48:06","guid":{"rendered":"https:\/\/ncfe.org.in\/od\/?page_id=192"},"modified":"2024-05-01T17:24:00","modified_gmt":"2024-05-01T11:54:00","slug":"forms","status":"publish","type":"page","link":"https:\/\/ncfe.org.in\/od\/forms\/","title":{"rendered":"\u0b2b\u0b30\u0b4d\u0b2e"},"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\n\nModern Layout for Data<\/title>\n<style>\n \/* Pagination styles *\/\n .pagination-container {\n margin-top: 10px;\n text-align: center;\n display: flex;\n justify-content: flex-end;\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 padding-left: 10px;\n padding-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.pagination-container button{\n background-color: white;\n border: 1px solid #043e87;\n color: #043e87;\n margin: 4px;\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 *\/\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 20px;\n }\n\n th, td {\n border: 1px solid #ddd;\n padding: 8px;\n text-align: left;\n }\n\n th {\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 .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 .pre:hover{\n background-color: #043e87;\n color: white!important; \n }\n .th2{\n background-color: #043e87;\n color: white;\n }\n<\/style>\n<\/head>\n<body>\n\n<table id=\"announcement-table\">\n <thead>\n <tr>\n <th class=\"th2\">\u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b28 \u0b26\u0b3f\u0b2c\u0b38<\/th>\n <th class=\"th2\">\u0b2c\u0b3f\u0b37\u0b5f<\/th>\n <th class=\"th2\">\t\u0b26\u0b38\u0b4d\u0b24\u0b3e\u0b2c\u0b3f\u0b1c<\/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\" id=\"pagination-container\">\n <!-- Pagination buttons will be added dynamically -->\n<\/div>\n\n<script>\nlet currentPage = 1;\nconst perPage = 3;\nlet totalPages = 0;\n\nasync function fetchData(page = 1) {\n try {\n const url = `https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/forms?page=${page}&per_page=${perPage}`;\n const response = await fetch(url);\n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n \n const data = await response.json();\n console.log(\"Fetched data:\", data); \/\/ Log the fetched data array\n const tableBody = document.querySelector('#announcement-table tbody');\n tableBody.innerHTML = ''; \/\/ Clear existing rows\n \n let showFound = false;\n\n data.forEach((item) => {\n if (item.show_hide === 'show') {\n showFound = true;\n const row = document.createElement('tr');\n appendCell(row, 'td', \"N\/A\");\n appendCell(row, 'td', item.title.rendered);\n appendDocumentLink(row, item); \/\/ Pass the entire item object\n console.log(\"Processing item:\", item); \/\/ Log the item being processed\n tableBody.appendChild(row);\n }\n });\n\n if (!showFound) {\n const row = document.createElement('tr');\n const noValueCell = document.createElement('td');\n noValueCell.colSpan = 3;\n noValueCell.textContent = '\u0b15\u0b4c\u0b23\u0b38\u0b3f \u0b21\u0b3e\u0b1f\u0b3e \u0b28\u0b3e\u0b39\u0b3f\u0b01';\n row.appendChild(noValueCell);\n tableBody.appendChild(row);\n }\n\n totalPages = Math.ceil(data.length \/ perPage);\n updatePagination();\n } catch (error) {\n console.error('Error:', error);\n }\n}\nasync function appendDocumentLink(row, item) {\n console.log(\"Appending document link for item:\", item);\n\n \/\/ Check if the item and necessary properties exist\n if (!item || !item.acf || !item.acf.forms_pdf) {\n console.log(\"Invalid item or missing acf property:\", item);\n appendNoDocumentCell(row);\n return;\n }\n\n const documentId = item.acf.forms_pdf;\n console.log(\"Document ID found:\", documentId);\n\n \/\/ Handle direct URL links\n if (typeof documentId === 'string' && documentId.includes(\"https\")) {\n appendDocumentCell(row, documentId);\n } else {\n \/\/ Construct the URL to fetch the media details\n const mediaUrl = `https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/media\/${documentId}`;\n try {\n const response = await fetch(mediaUrl);\n if (!response.ok) {\n console.error(`HTTP error while fetching document: Status: ${response.status}`);\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n\n const mediaItem = await response.json();\n appendDocumentCell(row, mediaItem.guid.rendered);\n } catch (error) {\n console.error('Error fetching document details:', error);\n appendNoDocumentCell(row);\n }\n }\n}\n\n\/\/ Utility function to append a document link cell to a row\nfunction appendDocumentCell(row, url) {\n const docCell = document.createElement('td');\n const docLink = document.createElement('a');\n docLink.href = url;\n docLink.innerHTML = \"<img src='https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/ico_pdf.svg' alt='Download Document'>\";\n docLink.target = '_blank';\n docCell.appendChild(docLink);\n row.appendChild(docCell);\n}\n\n\/\/ Append a cell indicating no document is available\nfunction appendNoDocumentCell(row) {\n const noDocCell = document.createElement('td');\n noDocCell.textContent = '\u0b15\u0b4c\u0b23\u0b38\u0b3f \u0b21\u0b3e\u0b1f\u0b3e \u0b28\u0b3e\u0b39\u0b3f\u0b01';\n row.appendChild(noDocCell);\n}\n\n\nfunction appendCell(row, elementType, text) {\n const cell = document.createElement(elementType);\n cell.innerHTML = text;\n row.appendChild(cell);\n}\n\n\n\nfunction updatePagination() {\n const paginationContainer = document.getElementById('pagination-container');\n paginationContainer.innerHTML = ''; \/\/ Clear existing pagination buttons\n\n const prevButton = document.createElement('button');\n prevButton.textContent = '\u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41';\n prevButton.addEventListener('click', () => {\n goToPreviousPage();\n });\n paginationContainer.appendChild(prevButton);\n\n for (let i = 1; i <= totalPages; i++) {\n const pageButton = document.createElement('button');\n pageButton.textContent = i;\n pageButton.addEventListener('click', () => {\n currentPage = i;\n fetchData(i);\n });\n\n if (i === currentPage) {\n pageButton.classList.add('active');\n }\n paginationContainer.appendChild(pageButton);\n }\n\n const nextButton = document.createElement('button');\n nextButton.textContent = '\u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47';\n nextButton.addEventListener('click', () => {\n goToNextPage();\n });\n paginationContainer.appendChild(nextButton);\n}\n\nfunction goToPreviousPage() {\n if (currentPage > 1) {\n currentPage--;\n fetchData(currentPage);\n }\n}\n\nfunction goToNextPage() {\n if (currentPage < totalPages) {\n currentPage++;\n fetchData(currentPage);\n }\n}\n\nfetchData(currentPage);\n\n\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\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 \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b28 \u0b26\u0b3f\u0b2c\u0b38 \u0b2c\u0b3f\u0b37\u0b5f \u0b26\u0b38\u0b4d\u0b24\u0b3e\u0b2c\u0b3f\u0b1c<\/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-192","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>\u0b2b\u0b30\u0b4d\u0b2e - Odia<\/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\/od\/forms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0b2b\u0b30\u0b4d\u0b2e - Odia\" \/>\n<meta property=\"og:description\" content=\"Modern Layout for Data \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b28 \u0b26\u0b3f\u0b2c\u0b38 \u0b2c\u0b3f\u0b37\u0b5f \u0b26\u0b38\u0b4d\u0b24\u0b3e\u0b2c\u0b3f\u0b1c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ncfe.org.in\/od\/forms\/\" \/>\n<meta property=\"og:site_name\" content=\"Odia\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-01T11:54:00+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\/od\/forms\/\",\"url\":\"https:\/\/ncfe.org.in\/od\/forms\/\",\"name\":\"\u0b2b\u0b30\u0b4d\u0b2e - Odia\",\"isPartOf\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/#website\"},\"datePublished\":\"2023-11-21T10:48:06+00:00\",\"dateModified\":\"2024-05-01T11:54:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/forms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ncfe.org.in\/od\/forms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ncfe.org.in\/od\/forms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ncfe.org.in\/od\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0b2b\u0b30\u0b4d\u0b2e\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#website\",\"url\":\"https:\/\/ncfe.org.in\/od\/\",\"name\":\"Odia\",\"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\/od\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ncfe.org.in\/od\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#organization\",\"name\":\"Odia\",\"url\":\"https:\/\/ncfe.org.in\/od\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#\/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\":\"Odia\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0b2b\u0b30\u0b4d\u0b2e - Odia","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\/od\/forms\/","og_locale":"en_US","og_type":"article","og_title":"\u0b2b\u0b30\u0b4d\u0b2e - Odia","og_description":"Modern Layout for Data \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b28 \u0b26\u0b3f\u0b2c\u0b38 \u0b2c\u0b3f\u0b37\u0b5f \u0b26\u0b38\u0b4d\u0b24\u0b3e\u0b2c\u0b3f\u0b1c","og_url":"https:\/\/ncfe.org.in\/od\/forms\/","og_site_name":"Odia","article_modified_time":"2024-05-01T11:54:00+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\/od\/forms\/","url":"https:\/\/ncfe.org.in\/od\/forms\/","name":"\u0b2b\u0b30\u0b4d\u0b2e - Odia","isPartOf":{"@id":"https:\/\/ncfe.org.in\/od\/#website"},"datePublished":"2023-11-21T10:48:06+00:00","dateModified":"2024-05-01T11:54:00+00:00","breadcrumb":{"@id":"https:\/\/ncfe.org.in\/od\/forms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ncfe.org.in\/od\/forms\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ncfe.org.in\/od\/forms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ncfe.org.in\/od\/"},{"@type":"ListItem","position":2,"name":"\u0b2b\u0b30\u0b4d\u0b2e"}]},{"@type":"WebSite","@id":"https:\/\/ncfe.org.in\/od\/#website","url":"https:\/\/ncfe.org.in\/od\/","name":"Odia","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\/od\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ncfe.org.in\/od\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ncfe.org.in\/od\/#organization","name":"Odia","url":"https:\/\/ncfe.org.in\/od\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/od\/#\/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":"Odia"},"image":{"@id":"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":89,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/192\/revisions"}],"predecessor-version":[{"id":20488,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/192\/revisions\/20488"}],"wp:attachment":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/media?parent=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}