{"id":881,"date":"2022-07-08T09:55:40","date_gmt":"2022-07-08T09:55:40","guid":{"rendered":"https:\/\/membacasoedjatmoko.com\/tatanan\/"},"modified":"2022-07-08T09:55:40","modified_gmt":"2022-07-08T09:55:40","slug":"tatanan","status":"publish","type":"page","link":"https:\/\/membacasoedjatmoko.com\/en\/tatanan\/","title":{"rendered":"Tatanan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"881\" class=\"elementor elementor-881\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9c5f6eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9c5f6eb\" 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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-557fffe\" data-id=\"557fffe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a3a1f40 elementor-hidden-tablet\" data-id=\"a3a1f40\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-b3809ff\" data-id=\"b3809ff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-099e418 elementor-widget elementor-widget-html\" data-id=\"099e418\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    #pageNumber li {\r\n      float: left;\r\n      border: 1px solid #bbb;\r\n      list-style: none;\r\n      padding: 5px;\r\n      cursor: pointer;\r\n    }\r\n  <\/style>\r\n  <div id=\"tampung\"><\/div>\r\n  <div class=\"wrapper-pagination\">\r\n    <div id=\"prev-page\"><\/div>\r\n    <div id=\"pageNumber\"><\/div>\r\n    <div id=\"next-page\"><\/div>\r\n  <\/div>\r\n  <script>\r\n    let getUrl = window.location.href;\r\n    let queryString = window.location.search;\r\n    const urlParams = new URLSearchParams(queryString);\r\n    const pages = urlParams.get('pages');\r\n    const next = parseInt(pages) + 1;\r\n    const prev = parseInt(pages) - 1;\r\n    let totalPages = 0\r\n    pageNumber = document.querySelector('#pageNumber')\r\n    let style = document.createElement('style');\r\n    document.head.appendChild(style);\r\n    style.sheet.insertRule(`.hal:nth-child(${pages}) {color: #fff; background-color: #ff7236; border-color: #ff7236;`);\r\n    if (pages === \"\" || pages == 0) {\r\n      getPosts(1)\r\n    } else {\r\n      getPosts(pages)\r\n    }\r\n  \r\n    function getPosts(page) {\r\n      let tagURL = `https:\/\/membacasoedjatmoko.com\/wp-json\/wp\/v2\/tema?_embed&per_page=1&categories=8&page=${page}`;\r\n      let prevPage = document.getElementById(\"prev-page\");\r\n      let nextPage = document.getElementById(\"next-page\");\r\n      fetch(tagURL).then(async (resp) => {\r\n        let dataTag = await resp.json();\r\n        totalPages = resp.headers.get('x-wp-totalpages')\r\n        if (totalPages > 1) {\r\n          prevPage.innerHTML = `\r\n      <a href=\"\/tatanan\/?pages=${prev}\">Previous<\/a>`;\r\n          if (totalPages === pages) {\r\n            nextPage.innerHTML = `\r\n      <a href=\"\/tatanan\/?pages=${next}\" style=\"pointer-events: none; cursor: default;\">Next<\/a>`;\r\n            console.log('tidak menampilkan next')\r\n          } else {\r\n            console.log('menampilkan next')\r\n            nextPage.innerHTML = `\r\n      <a href=\"\/tatanan\/?pages=${next}\">Next<\/a>`;\r\n          }\r\n          createPage();\r\n        }\r\n        let tampungID = document.querySelector(\"#tampung\");\r\n        tampungID.innerHTML = '';\r\n        dataTag.forEach(a => {\r\n          tampungID.innerHTML += `\r\n                  \r\n      <section class=\"elementor-section elementor-inner-section elementor-element elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-element_type=\"section\">\r\n          <div class=\"elementor-container elementor-column-gap-default element-tema\">\r\n              <div class=\"col-4 elementor-column elementor-col-50 elementor-inner-column elementor-element\" data-element_type=\"column\">\r\n                  <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                      <div class=\"elementor-element elementor-widget elementor-widget-html\" data-element_type=\"widget\" data-widget_type=\"html.default\">\r\n                          <div class=\"elementor-widget-container\">\r\n                              <img class=\"img-tema\" src=\"${a._embedded['wp:featuredmedia'][0].source_url}\">\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n                  <div class=\"col-8 elementor-column elementor-col-50 elementor-inner-column elementor-element\" data-element_type=\"column\">\r\n                      <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                          <div class=\"elementor-element elementor-widget elementor-widget-html\" data-element_type=\"widget\" data-widget_type=\"html.default\">\r\n                              <div class=\"elementor-widget-container desc-tema\">\r\n                                    <div class=\"backgorund-tema\">\r\n                                        <h4 class=\"readmore tema\"><a href=\"${a.link}\">${a.title.rendered}<\/a><\/h4>\r\n                                    <div class=\"konten-parsing\" style=\"text-align:left;\">\r\n                                        <span style=\"font-weight:700;\">Tahun : <\/span>${a.tahun}\r\n                                    <\/div>\r\n                                    <div class=\"btn-left\">\r\n                                        <a href=\"${a.link}\" class=\"btn-tema rmlink\">READ MORE<\/a>\r\n                                    <\/div>\r\n                                    <\/div>\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/section>\r\n                  `\r\n        })\r\n      })\r\n    }\r\n  \r\n    function createPage() {\r\n      for (let i = 0; i < totalPages; i++) {\r\n        pageNumber.innerHTML += `\r\n          \r\n          <a class=\"page-numbers hal\" href=\"\/tatanan\/?pages=${i+1}\">${i+1}<\/a>\r\n          `\r\n      }\r\n    }\r\n  <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-tema-tatanan.php","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"acf":[],"_links":{"self":[{"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/pages\/881"}],"collection":[{"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":0,"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/pages\/881\/revisions"}],"wp:attachment":[{"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/media?parent=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}