{"id":994,"date":"2023-09-08T16:17:44","date_gmt":"2023-09-08T09:17:44","guid":{"rendered":"https:\/\/www.easternenergyplus.com\/wordpress\/?page_id=994"},"modified":"2026-03-27T08:32:18","modified_gmt":"2026-03-27T01:32:18","slug":"%e0%b8%82%e0%b9%88%e0%b8%b2%e0%b8%a7%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%8a%e0%b8%b2%e0%b8%aa%e0%b8%b1%e0%b8%a1%e0%b8%9e%e0%b8%b1%e0%b8%99%e0%b8%98%e0%b9%8c","status":"publish","type":"page","link":"https:\/\/www.easternenergyplus.com\/wordpress\/%e0%b8%82%e0%b9%88%e0%b8%b2%e0%b8%a7%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%8a%e0%b8%b2%e0%b8%aa%e0%b8%b1%e0%b8%a1%e0%b8%9e%e0%b8%b1%e0%b8%99%e0%b8%98%e0%b9%8c\/","title":{"rendered":"\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"994\" class=\"elementor elementor-994\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-714808d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"714808d\" data-element_type=\"section\" data-e-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-100 elementor-top-column elementor-element elementor-element-41377e3\" data-id=\"41377e3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5db1c5e elementor-widget elementor-widget-html\" data-id=\"5db1c5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n#csr-news-wrap .csr-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 28px;\r\n}\r\n#csr-news-wrap .csr-card {\r\n  background: #fff;\r\n  border: 1px solid #e8e8e8;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  transition: box-shadow 0.2s, border-color 0.2s;\r\n}\r\n#csr-news-wrap .csr-card:hover {\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.09);\r\n  border-color: #ccc;\r\n}\r\n#csr-news-wrap .csr-card img.csr-thumb {\r\n  width: 100%;\r\n  height: 180px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n#csr-news-wrap .csr-no-img {\r\n  width: 100%;\r\n  height: 180px;\r\n  background: #f5f5f5;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #bbb;\r\n  font-size: 13px;\r\n}\r\n#csr-news-wrap .csr-body {\r\n  padding: 14px 16px 18px;\r\n}\r\n#csr-news-wrap .csr-cat-label {\r\n  font-size: 11px;\r\n  color: #1a73e8;\r\n  font-weight: 600;\r\n  letter-spacing: 0.6px;\r\n  text-transform: uppercase;\r\n  margin: 0 0 6px;\r\n}\r\n#csr-news-wrap .csr-title {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #222;\r\n  line-height: 1.5;\r\n  margin: 0 0 8px;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n#csr-news-wrap .csr-date {\r\n  font-size: 12px;\r\n  color: #999;\r\n  margin: 0 0 8px;\r\n}\r\n#csr-news-wrap .csr-excerpt {\r\n  font-size: 12px;\r\n  color: #666;\r\n  line-height: 1.65;\r\n  margin: 0;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 3;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n#csr-news-wrap .csr-readmore {\r\n  display: inline-block;\r\n  margin-top: 10px;\r\n  font-size: 12px;\r\n  color: #1a73e8;\r\n  text-decoration: none;\r\n}\r\n#csr-news-wrap .csr-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 10px 0 4px;\r\n}\r\n#csr-news-wrap .pag-btn {\r\n  padding: 8px 22px;\r\n  font-size: 13px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n  background: #fff;\r\n  color: #333;\r\n  cursor: pointer;\r\n  transition: background 0.15s;\r\n}\r\n#csr-news-wrap .pag-btn:hover:not(:disabled) {\r\n  background: #f0f0f0;\r\n}\r\n#csr-news-wrap .pag-btn:disabled {\r\n  opacity: 0.35;\r\n  cursor: not-allowed;\r\n}\r\n#csr-news-wrap .pag-info {\r\n  font-size: 13px;\r\n  color: #888;\r\n}\r\n#csr-news-wrap .csr-loading,\r\n#csr-news-wrap .csr-error {\r\n  text-align: center;\r\n  padding: 48px 0;\r\n  font-size: 14px;\r\n  color: #888;\r\n}\r\n#csr-news-wrap .csr-error { color: #c00; }\r\n@media (max-width: 768px) {\r\n  #csr-news-wrap .csr-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 480px) {\r\n  #csr-news-wrap .csr-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"csr-news-wrap\">\r\n  <div class=\"csr-grid\" id=\"csr-grid-inner\"><\/div>\r\n  <div class=\"csr-pagination\" id=\"csr-pag\" style=\"display:none\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var API = 'https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2';\r\n  var CAT_ID = 26;\r\n  var PER_PAGE = 12;\r\n  var page = 1;\r\n  var totalPages = 1;\r\n  var grid = document.getElementById('csr-grid-inner');\r\n  var pag = document.getElementById('csr-pag');\r\n\r\n  function fmtDate(d) {\r\n    var dt = new Date(d);\r\n    return dt.toLocaleDateString('th-TH', {day:'numeric', month:'long', year:'numeric'});\r\n  }\r\n\r\n  function stripHtml(h) {\r\n    var el = document.createElement('div');\r\n    el.innerHTML = h;\r\n    return el.textContent || '';\r\n  }\r\n\r\n  \/* \u0e14\u0e36\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e23\u0e01\u0e08\u0e32\u0e01 content HTML *\/\r\n  function getFirstImage(contentHtml) {\r\n    var el = document.createElement('div');\r\n    el.innerHTML = contentHtml;\r\n    var img = el.querySelector('img');\r\n    return img ? img.getAttribute('src') : null;\r\n  }\r\n\r\n  function render(posts) {\r\n    grid.innerHTML = '';\r\n    posts.forEach(function(p) {\r\n      \/* \u0e25\u0e33\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2b\u0e32\u0e23\u0e39\u0e1b: 1) Featured Image  2) \u0e23\u0e39\u0e1b\u0e41\u0e23\u0e01\u0e43\u0e19 content  3) \u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e39\u0e1b *\/\r\n      var imgUrl =\r\n        (p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0] && p._embedded['wp:featuredmedia'][0].source_url)\r\n          ? p._embedded['wp:featuredmedia'][0].source_url\r\n          : getFirstImage(p.content ? p.content.rendered : '');\r\n\r\n      var excerpt = stripHtml(p.excerpt ? p.excerpt.rendered : '');\r\n\r\n      var card = document.createElement('div');\r\n      card.className = 'csr-card';\r\n      card.innerHTML =\r\n        (imgUrl\r\n          ? '<img decoding=\"async\" class=\"csr-thumb\" src=\"' + imgUrl + '\" alt=\"\" loading=\"lazy\">'\r\n          : '<div class=\"csr-no-img\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e<\/div>') +\r\n        '<div class=\"csr-body\">' +\r\n          '<p class=\"csr-cat-label\">PR News<\/p>' +\r\n          '<p class=\"csr-title\">' + p.title.rendered + '<\/p>' +\r\n          '<p class=\"csr-date\">' + fmtDate(p.date) + '<\/p>' +\r\n          '<p class=\"csr-excerpt\">' + excerpt + '<\/p>' +\r\n          '<a class=\"csr-readmore\" href=\"' + p.link + '\" target=\"_blank\">\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d &rarr;<\/a>' +\r\n        '<\/div>';\r\n      grid.appendChild(card);\r\n    });\r\n  }\r\n\r\n  function renderPag() {\r\n    pag.style.display = 'flex';\r\n    pag.innerHTML =\r\n      '<button class=\"pag-btn\" id=\"btn-prev\"' + (page <= 1 ? ' disabled' : '') + '>&#8592; \u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32<\/button>' +\r\n      '<span class=\"pag-info\">\u0e2b\u0e19\u0e49\u0e32 ' + page + ' \/ ' + totalPages + '<\/span>' +\r\n      '<button class=\"pag-btn\" id=\"btn-next\"' + (page >= totalPages ? ' disabled' : '') + '>\u0e16\u0e31\u0e14\u0e44\u0e1b &#8594;<\/button>';\r\n    document.getElementById('btn-prev').onclick = function(){ if(page > 1){ page--; load(); } };\r\n    document.getElementById('btn-next').onclick = function(){ if(page < totalPages){ page++; load(); } };\r\n  }\r\n\r\n  function load() {\r\n    grid.innerHTML = '<div class=\"csr-loading\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23...<\/div>';\r\n    pag.style.display = 'none';\r\n    \/* \u0e40\u0e1e\u0e34\u0e48\u0e21 &_fields=... \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e36\u0e07 content \u0e21\u0e32\u0e14\u0e49\u0e27\u0e22 (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e36\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e23\u0e01\u0e43\u0e19 post) *\/\r\n    var url = API + '\/posts?categories=' + CAT_ID +\r\n              '&per_page=' + PER_PAGE +\r\n              '&page=' + page +\r\n              '&orderby=date&order=desc' +\r\n              '&_embed=true';\r\n    var xhr = new XMLHttpRequest();\r\n    xhr.open('GET', url);\r\n    xhr.onload = function() {\r\n      if (xhr.status >= 200 && xhr.status < 300) {\r\n        totalPages = parseInt(xhr.getResponseHeader('X-WP-TotalPages') || '1');\r\n        var posts = JSON.parse(xhr.responseText);\r\n        if (!posts.length) {\r\n          grid.innerHTML = '<div class=\"csr-loading\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23<\/div>';\r\n          return;\r\n        }\r\n        render(posts);\r\n        if (totalPages > 1) renderPag();\r\n      } else {\r\n        grid.innerHTML = '<div class=\"csr-error\">\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e14\u0e49<\/div>';\r\n      }\r\n    };\r\n    xhr.onerror = function() {\r\n      grid.innerHTML = '<div class=\"csr-error\">\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/div>';\r\n    };\r\n    xhr.send();\r\n  }\r\n\r\n  load();\r\n})();\r\n<\/script>\t\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8eaa820 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8eaa820\" data-element_type=\"section\" data-e-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-100 elementor-top-column elementor-element elementor-element-147e622\" data-id=\"147e622\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\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":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-994","page","type-page","status-publish","hentry"],"aioseo_notices":[],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2\/pages\/994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2\/comments?post=994"}],"version-history":[{"count":245,"href":"https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2\/pages\/994\/revisions"}],"predecessor-version":[{"id":5156,"href":"https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2\/pages\/994\/revisions\/5156"}],"wp:attachment":[{"href":"https:\/\/www.easternenergyplus.com\/wordpress\/wp-json\/wp\/v2\/media?parent=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}