TIERO JOURNAL
`;
return slide;
}
/* ===============================
DOT
=============================== */
function createDot(index) {
const dot =
document.createElement(
“button”
);
dot.type =
“button”;
dot.setAttribute(
“aria-label”,
`${index + 1}. yazıyı göster`
);
if (index === 0) {
dot.classList.add(
“is-active”
);
}
dot.addEventListener(
“click”,
function(event) {
event.preventDefault();
showSlide(index);
startSlider();
}
);
return dot;
}
/* ===============================
SHOW SLIDE
=============================== */
function showSlide(index) {
const slides =
slider.querySelectorAll(
“.tiero-slide”
);
const dots =
slider.querySelectorAll(
“.tiero-dots button”
);
if (!slides.length) {
return;
}
currentSlide =
(
index +
slides.length
)
%
slides.length;
slides.forEach(
function(
slide,
slideIndex
) {
const isActive =
slideIndex ===
currentSlide;
slide
.classList
.toggle(
“is-active”,
isActive
);
slide.setAttribute(
“aria-hidden”,
isActive
? “false”
: “true”
);
}
);
dots.forEach(
function(
dot,
dotIndex
) {
dot
.classList
.toggle(
“is-active”,
dotIndex ===
currentSlide
);
}
);
}
function nextSlide() {
showSlide(
currentSlide + 1
);
}
function previousSlide() {
showSlide(
currentSlide – 1
);
}
/* ===============================
TIMER
=============================== */
function stopSlider() {
if (timer) {
clearInterval(timer);
timer = null;
}
}
function startSlider() {
stopSlider();
const slides =
slider.querySelectorAll(
“.tiero-slide”
);
if (
slides.length > 1
) {
timer =
setInterval(
nextSlide,
SLIDE_DELAY
);
}
}
/* ===============================
API
=============================== */
async function fetchJSON(url) {
const response =
await fetch(
url,
{
method:
“GET”,
headers: {
Accept:
“application/json”
}
}
);
if (
!response.ok
) {
throw new Error(
“WordPress API: ” +
response.status
);
}
return response.json();
}
/* ===============================
LOAD POSTS
=============================== */
async function loadPosts() {
try {
const postsURL =
`${API_ROOT}/posts`
+
`?categories=${CATEGORY_ID}`
+
`&per_page=${POST_COUNT}`
+
`&orderby=date`
+
`&order=desc`
+
`&_embed=wp:featuredmedia`;
const posts =
await fetchJSON(
postsURL
);
if (
!Array.isArray(posts)
||
!posts.length
) {
throw new Error(
“Kategori içerisinde yazı bulunamadı.”
);
}
if (loading) {
loading.remove();
}
posts.forEach(
function(
post,
index
) {
const slide =
createSlide(
post,
index
);
const dot =
createDot(
index
);
slider.insertBefore(
slide,
previousButton
);
dotsWrap.appendChild(
dot
);
}
);
if (
posts.length === 1
) {
previousButton.style.display =
“none”;
nextButton.style.display =
“none”;
dotsWrap.style.display =
“none”;
}
else {
startSlider();
}
}
catch(error) {
console.error(
“TIERO Journal:”,
error
);
if (loading) {
loading.textContent =
“Journal şu anda yüklenemiyor.”;
}
previousButton.style.display =
“none”;
nextButton.style.display =
“none”;
dotsWrap.style.display =
“none”;
}
}
/* ===============================
BUTTONS
=============================== */
nextButton
.addEventListener(
“click”,
function(event) {
event.preventDefault();
nextSlide();
startSlider();
}
);
previousButton
.addEventListener(
“click”,
function(event) {
event.preventDefault();
previousSlide();
startSlider();
}
);
/* Hover */
slider.addEventListener(
“mouseenter”,
stopSlider
);
slider.addEventListener(
“mouseleave”,
startSlider
);
/* Sekme değiştirilirse */
document.addEventListener(
“visibilitychange”,
function() {
if (
document.hidden
) {
stopSlider();
}
else {
startSlider();
}
}
);
/* START */
loadPosts();
}
);
${escapeHTML(title)}
${ description ? `${escapeHTML(description)}
` : “” } READ STORY →
Tiero 