{"id":108,"date":"2021-03-01T08:22:35","date_gmt":"2021-03-01T08:22:35","guid":{"rendered":"https:\/\/ekultura-test.cdu.gov.hr\/wordpress\/?page_id=108"},"modified":"2024-04-04T18:09:01","modified_gmt":"2024-04-04T18:09:01","slug":"news","status":"publish","type":"page","link":"https:\/\/ekultura.hr\/en\/news\/","title":{"rendered":"Featured"},"content":{"rendered":"<div class=\"collections-heading-image-div\">\n\t<img class=\"collections-heading-image\" src=\"https:\/\/ekultura.hr\/wp-content\/themes\/mkek\/dist\/assets\/images\/nematerijalna_kulturna_bastina@2x.png\" \/>\n\t<span class=\"heading-caption\">Featured<\/span>\n\t<img class=\"collections-right-mark\" style=\"top: 79%;\" src=\"https:\/\/ekultura.hr\/wp-content\/themes\/mkek\/dist\/assets\/images\/red-right-mark.svg\" \/>\n<\/div>\n\n\n<div class=\"posts-container\">\n\t<div class=\"posts\">\n\t\t<div class=\"posts-title\" style=\"display:none;\">\n\t\t\tFeatured\t\t<\/div>\n\n\t\t<div class=\"search-news-content-items\">\n\n\t\t\t<div class=\"my-eculture-filter-news\">\n\t\t\t\t<div data-id=\"title_order\">\n\t\t\t\t\tSort:\n\n\t\t\t\t\t<div class=\"custom-select\" style=\"width:201px;\">\n\t\t\t\t\t\t<select id=\"sort_order\" onchange=\"sortOrderChange(this);\">\n\t\t\t\t\t\t\t<option value=\"newest_first\" >\n\t\t\t\t\t\t\t\tdate, newest\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t<option value=\"oldest_first\" >\n\t\t\t\t\t\t\t\tdate, oldest\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t<option value=\"ascending\" >\n\t\t\t\t\t\t\t\ttitle, ascending\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t<option value=\"descending\" >\n\t\t\t\t\t\t\t\ttitle, descending\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t<\/select>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div id=\"postDisplayStyle\" class=\"display-style\">\n\t\t\t\t\t<div onclick=\"listView(this)\" class=\"list-button-inactive\"><\/div>\n\t\t\t\t\t<div onclick=\"gridView(this)\" class=\"grid-button-active\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n\n<script>\n\t\/\/ set selected sort order\n\n\tconst queryString = window.location.search;\n\tconst urlParams = new URLSearchParams(queryString);\n\tconst sort = urlParams.get('sort');\n\n\tif (sort !== null) {\n\t\tdocument.getElementById(\"sort_order\").value = sort;\n\t} else {\n\t\tdocument.getElementById(\"sort_order\").selectedIndex = 0;\n\t}\n\n\n\t\/\/\n\n\t\/\/ Get the elements with class=\"posts-post-column\"\n\tvar elements = document.getElementsByClassName(\"posts-post-column\");\n\n\t\/\/ Get the element with id=\"postDisplayStyle\" and its div children\n\tvar postDisplayStyleElement = document.getElementById(\"postDisplayStyle\").getElementsByTagName(\"div\");\n\n\t\/\/ Declare a loop variable\n\tvar i;\n\n\t\/\/ Sets a cookie that will remember the user's choice of post view style for 10 minutes\n\tfunction setPostViewStyleCookie(style) {\n\t\tvar date = new Date();\n\t\tdate.setTime(date.getTime() + (10 * 60 * 1000));\n\t\tvar expires = \"; expires=\" + date.toGMTString();\n\t\tdocument.cookie = \"post-view-style=\" + style + expires + \"; path=\/\";\n\t}\n\n\t\/\/ List View\n\tfunction listView(el) {\n\t\tsetPostViewStyleCookie(\"list\");\n\n\t\tel.className = \"list-button-active\";\n\t\tel.nextElementSibling.className = \"grid-button-inactive\";\n\t\tfor (i = 0; i < elements.length; i++) {\n\t\t\telements[i].style.width = \"100%\";\n\t\t\telements[i].style.maxHeight = \"200px\";\n\t\t\telements[i].style.display = \"flex\";\n\t\t\telements[i].style.marginBottom = \"22px\";\n\n\t\t\tif (!elements[i].classList.contains('list')) {\n\t\t\t\telements[i].classList.add('list');\n\t\t\t}\n\n\t\t\tif (elements[i].classList.contains('grid')) {\n\t\t\t\telements[i].classList.remove('grid');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/\/ Grid View\n\tfunction gridView(el) {\n\t\tsetPostViewStyleCookie(\"grid\");\n\n\t\tel.className = \"grid-button-active\";\n\n\t\tel.previousElementSibling.className = \"list-button-inactive\";\n\t\tfor (i = 0; i < elements.length; i++) {\n\t\t\telements[i].style.width = \"33.33%\";\n\t\t\telements[i].style.maxHeight = \"100%\";\n\t\t\telements[i].style.display = \"block\";\n\t\t\telements[i].style.marginBottom = \"42px\";\n\n\t\t\tif (!elements[i].classList.contains('grid')) {\n\t\t\t\telements[i].classList.add('grid');\n\t\t\t}\n\t\t\tif (elements[i].classList.contains('list')) {\n\t\t\t\telements[i].classList.remove('list');\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction getWidth() {\n\t\treturn Math.max(\n\t\t\tdocument.body.scrollWidth,\n\t\t\tdocument.documentElement.scrollWidth,\n\t\t\tdocument.body.offsetWidth,\n\t\t\tdocument.documentElement.offsetWidth,\n\t\t\tdocument.documentElement.clientWidth\n\t\t);\n\t}\n\n\t\/*\n\t\tfunction gridViewInit() {\n\t\t    console.log(getWidth());\n\t\t\n\t\t\tif(getWidth() > 1338) {\n\t\t    for (i = 0; i < elements.length; i++) {\n\t\t\t\telements[i].classList.add(\"grid\");\n\t\t\t\telements[i].style.width = \"33.33%\";\n\t\t\t\telements[i].firstElementChild.style.display = \"block\";\n\t\t\t\telements[i].style.marginBottom = \"42px\";\n\t\t  \t}\n\t\t  }\telse {\n\t\t\tfor (i = 0; i < elements.length; i++) {\n\t\t\t\telements[i].classList.add(\"list\");\n\t\t\t\telements[i].style.width = \"100%\";\n\t\t\t\telements[i].style.maxHeight = \"200px\";\n\t\t\t\telements[i].style.display = \"flex\";\n\t\t\t\telements[i].firstElementChild.style.display = \"block\";\n\t\t\t\telements[i].style.marginBottom = \"22px\";\n\t\t\t}\n\t\t  }\t\n\t\t}\n\t*\/\n\n\tfunction gridViewInit() {\n\t\tpostDisplayStyleElement[1].className = \"grid-button-active\";\n\t\tpostDisplayStyleElement[1].previousElementSibling.className = \"list-button-inactive\";\n\n\t\tfor (i = 0; i < elements.length; i++) {\n\t\t\telements[i].classList.add(\"grid\");\n\t\t\telements[i].style.width = \"33.33%\";\n\t\t\telements[i].firstElementChild.style.display = \"block\";\n\t\t\telements[i].style.marginBottom = \"42px\";\n\t\t}\n\t}\n\n\tfunction listViewInit() {\n\t\tpostDisplayStyleElement[0].className = \"list-button-active\";\n\t\tpostDisplayStyleElement[0].nextElementSibling.className = \"grid-button-inactive\";\n\n\t\tfor (i = 0; i < elements.length; i++) {\n\t\t\telements[i].classList.add(\"list\");\n\t\t\telements[i].style.width = \"100%\";\n\t\t\telements[i].style.maxHeight = \"200px\";\n\t\t\telements[i].style.display = \"flex\";\n\t\t\telements[i].firstElementChild.style.display = \"block\";\n\t\t\telements[i].style.marginBottom = \"22px\";\n\t\t}\n\t}\n\n\tfunction responsiveViewInit() {\n\t\tconsole.log(getWidth());\n\n\t\tif (getWidth() > 1338) {\n\t\t\tfor (i = 0; i < elements.length; i++) {\n\t\t\t\telements[i].classList.add(\"grid\");\n\t\t\t\telements[i].style.width = \"33.33%\";\n\t\t\t\telements[i].firstElementChild.style.display = \"block\";\n\t\t\t\telements[i].style.marginBottom = \"42px\";\n\t\t\t}\n\t\t} else {\n\t\t\tfor (i = 0; i < elements.length; i++) {\n\t\t\t\telements[i].classList.add(\"list\");\n\t\t\t\telements[i].style.width = \"100%\";\n\t\t\t\telements[i].style.maxHeight = \"200px\";\n\t\t\t\telements[i].style.display = \"flex\";\n\t\t\t\telements[i].firstElementChild.style.display = \"block\";\n\t\t\t\telements[i].style.marginBottom = \"22px\";\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction viewInit() {\n\t\tvar postViewStyle = document.cookie.split('; ').find(row => row.startsWith('post-view-style')).split('=')[1];\n\t\tswitch (postViewStyle) {\n\t\t\tcase 'grid':\n\t\t\t\tgridViewInit();\n\t\t\t\tbreak;\n\t\t\tcase 'list':\n\t\t\t\tlistViewInit();\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tresponsiveViewInit();\n\t\t}\n\t}\n\n\tif (document.cookie.split(';').some((item) => item.trim().startsWith('post-view-style='))) {\n\t\tviewInit();\n\t} else {\n\t\tresponsiveViewInit();\n\t}\n\n\tfunction sortOrderChange(e) {\n\t\tvar value = e.options[e.selectedIndex].value;\n\t\tvar params = window.location.search;\n\n\t\tif (params.includes(\"sort=\")) {\n\t\t\tparams = params.replace(\/(sort=).*?(&|$)\/, '$1' + value + '$2');\n\t\t\twindow.location.search = params;\n\t\t} else {\n\t\t\twindow.location.search += 'sort=' + value;\n\t\t}\n\n\t}\n<\/script>\n<style>\n\t.select-items {\n\t\theight: 150px !important;\n\t}\n<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"en_US","_original_post":"https:\/\/ekultura-test.cdu.gov.hr\/wordpress\/?page_id=108"},"acf":[],"_links":{"self":[{"href":"https:\/\/ekultura.hr\/wp-json\/wp\/v2\/pages\/108"}],"collection":[{"href":"https:\/\/ekultura.hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ekultura.hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ekultura.hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekultura.hr\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":7,"href":"https:\/\/ekultura.hr\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":13163,"href":"https:\/\/ekultura.hr\/wp-json\/wp\/v2\/pages\/108\/revisions\/13163"}],"wp:attachment":[{"href":"https:\/\/ekultura.hr\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}