{"id":872,"date":"2022-07-07T11:43:29","date_gmt":"2022-07-07T11:43:29","guid":{"rendered":"https:\/\/membacasoedjatmoko.com\/galeri\/"},"modified":"2022-07-07T11:43:29","modified_gmt":"2022-07-07T11:43:29","slug":"galeri","status":"publish","type":"page","link":"https:\/\/membacasoedjatmoko.com\/en\/galeri\/","title":{"rendered":"Galeri"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"872\" class=\"elementor elementor-872\">\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-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\t#pageNumber li{float: left;border: 1px solid #bbb;list-style: none;padding: 5px;cursor: pointer;}\r\n<\/style>\r\n\r\n\t<div id=\"tampung\"><\/div>\r\n\t<div class=\"wrapper-pagination\">\r\n\t<div id=\"prev-page\"><\/div>\r\n\t<div id=\"pageNumber\"><\/div>\r\n\t<div id=\"next-page\"><\/div>\r\n<\/div>\r\n\t\r\n\t<script>\r\n\tlet getUrl = window.location.href;\r\n\tlet queryString = window.location.search;\r\n\tconst urlParams = new URLSearchParams(queryString);\r\n\tconst pages = urlParams.get('pages');\r\n\tconst next = parseInt(pages)+1;\r\n\tconst prev = parseInt(pages)-1;\r\n\tlet totalPages = 0\r\n\tpageNumber = document.querySelector('#pageNumber')\r\n\t\r\n\r\n\tlet style = document.createElement('style');\r\n  \tdocument.head.appendChild(style);\r\n\tstyle.sheet.insertRule(`.hal:nth-child(${pages}) {color: #fff; background-color: #ff7236; border-color: #ff7236;`);\r\n\t\r\n\tif(pages===\"\"||pages==0){\r\n\t\tgetPosts(1)\r\n\t}else{\r\n\t\tgetPosts(pages)\r\n\t}\r\n\r\n\r\n\t  function getPosts(page) {\r\n\t\tlet tagURL = `\r\n    https:\/\/membacasoedjatmoko.com\/wp-json\/wp\/v2\/galeri?_embed&page=${page}`;\r\n\t\tlet prevPage = document.getElementById(\"prev-page\");\r\n\t\tlet nextPage = document.getElementById(\"next-page\");\r\n\r\n\t\t\r\n\r\n\t\tfetch(tagURL)\r\n\t\t.then(async(resp) => {\r\n\t\t\tlet dataTag = await resp.json();\r\n\t\t\ttotalPages = resp.headers.get('x-wp-totalpages')\r\n\t\r\n\t\t\tif(totalPages>1){\r\n\t\t\t\tprevPage.innerHTML = `<a href=\"\/galeri\/?pages=${prev}\">Previous<\/a>`;\r\n\t\t\t\t\r\n\t\t\t\tif(totalPages===pages){\r\n\t\t\t\t\tnextPage.innerHTML = `<a href=\"\/galeri\/?pages=${next}\" style=\"pointer-events: none; cursor: default;\">Next<\/a>`;\r\n\t\t\t\t\tconsole.log('tidak menampilkan next')\r\n\t\t\t\t\t\r\n\t\t\t\t}else{\r\n\t\t\t\t\tconsole.log('menampilkan next')\r\n\t\t\t\t\tnextPage.innerHTML = `<a href=\"\/galeri\/?pages=${next}\">Next<\/a>`;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tcreatePage(); \r\n\t\t\t}\r\n\t\t\t\/\/ if (!pageNumber.textContent) {\r\n\t\t\t\/\/ \tcreatePage(); \r\n\t\t\t\/\/ }\r\n\t\t\tlet tampungID = document.querySelector(\"#tampung\");\r\n\t\t\ttampungID.innerHTML = '';\r\n\t\t\tdataTag.forEach(a=>{\r\n\t\t\t\ttampungID.innerHTML += `\r\n\t\t\t\t<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\t\t\t  <div class=\"elementor-container elementor-column-gap-default element-berita\">\r\n\t\t\t\t  <div class=\"col-4 elementor-column elementor-col-50 elementor-inner-column elementor-element\" data-element_type=\"column\">\r\n\t\t\t\t\t  <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t  <div class=\"elementor-element elementor-widget elementor-widget-html\" data-element_type=\"widget\" data-widget_type=\"html.default\">\r\n\t\t\t\t\t\t\t  <div class=\"elementor-widget-container\">\r\n\t\t\t\t\t\t\t\t  <h4 class=\"readmore less\">${a.title.rendered}\r\n\t\t\t\t\t\t\t\t\t  <div class=\"bar\"><\/div>\r\n\t\t\t\t\t\t\t\t  <\/h4>\r\n\t\t\t\t\t\t\t\t  <div class=\"konten-parsing\" style=\"text-align:left;\">${a.content.rendered.substring(0, 200)}<\/div>\r\n\t\t\t\t\t\t\t\t  <div class=\"btn-center\">\r\n\t\t\t\t\t\t\t\t\t  <a href=\"${a.link}\" class=\"btn-berita rmlink\">Read more<\/a>\r\n\t\t\t\t\t\t\t\t  <\/div>\r\n\t\t\t\t\t\t\t  <\/div>\r\n\t\t\t\t\t\t  <\/div>\r\n\t\t\t\t\t  <\/div>\r\n\t\t\t\t  <\/div>\r\n\t\t\t\t  <div class=\"col-8 elementor-column elementor-col-50 elementor-inner-column elementor-element\" data-element_type=\"column\">\r\n\t\t\t\t\t  <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t  <div class=\"elementor-element elementor-widget elementor-widget-html\" data-element_type=\"widget\" data-widget_type=\"html.default\">\r\n\t\t\t\t\t\t\t  <div class=\"elementor-widget-container\">\r\n                              <img src=\"${a._embedded['wp:featuredmedia'][0].source_url}\">\r\n\t\t\t\t\t\t\t\t  <\/div>\r\n\t\t\t\t\t\t\t  <\/div>\r\n\t\t\t\t\t\t  <\/div>\r\n\t\t\t\t\t  <\/div>\r\n\t\t\t\t  <\/div>\r\n\t\t\t  <\/section>\r\n\t\t\t\t`\r\n\t\t\t})\r\n\t\t})\r\n\t  }\r\n\r\n\t\r\n\t  function createPage() {\r\n\t  for (let i = 0; i < totalPages; i++) {\r\n\t\tpageNumber.innerHTML += `\r\n\t\t<a class=\"page-numbers hal\" href=\"\/galeri\/?pages=${i+1}\">${i+1}<\/a>\r\n\t\t`\r\n\t  }\r\n\t}\r\n\t\r\n\t<\/script>\t\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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a3a1f40\" 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\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-galeri.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\/872"}],"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=872"}],"version-history":[{"count":0,"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/pages\/872\/revisions"}],"wp:attachment":[{"href":"https:\/\/membacasoedjatmoko.com\/en\/wp-json\/wp\/v2\/media?parent=872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}