Последние 100 комментариев на сайте

  /*     
  *  uLikes - новая система рейтинга
  *  by SamVol
  *  codestore.my1.ru
  *  Шаблоны, Скрипты и многое другое
  *  Версия с дизлайками от Webmaster32
  */

document.addEventListener('DOMContentLoaded', () => {
  // Получаем все контейнеры
  const ratingContainers = document.querySelectorAll('.rating-container');

  if (ratingContainers.length === 0) {
  console.error('Нет контейнеров с классом ".rating-container" на странице!');
  return;  // Если нет контейнеров, прекращаем выполнение
  }

  ratingContainers.forEach(container => {
  const id = container.dataset.id;
  const likeBtn = container.querySelector('.like-button');
  const dislikeBtn = container.querySelector('.dislike-button');
  const likeCountEl = container.querySelector('.like-count');
  const dislikeCountEl = container.querySelector('.dislike-count');

  // Проверяем предыдущие голоса
  const voted = getVoted(id);
  if (voted) {
  container.classList.add('voted');
  if (voted === 'like') {
  container.classList.add('voted-like');
  } else if (voted === 'dislike') {
  container.classList.add('voted-dislike');
  }
  }

  // Обработчик лайка
  likeBtn.addEventListener('click', () => {
  handleVote(container, id, 'like', likeCountEl, dislikeCountEl);
  });

  // Обработчик дизлайка
  dislikeBtn.addEventListener('click', () => {
  handleVote(container, id, 'dislike', dislikeCountEl, likeCountEl);
  });
  });
});

function handleVote(container, id, voteType, currentCountEl, oppositeCountEl) {
  const previousVote = getVoted(id);
      
  // Если уже голосовал таким же типом голоса
  if (previousVote === voteType) {
  uAlert.open('voteAlready', 'error', 'Вы уже оценивали данный материал!', 3000);
  return;
  }

  const mark = voteType === 'like' ? 1 : -1;

  fetch('/load', {
  method: 'POST',
  headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
  body: new URLSearchParams({
  a: 65,
  mark: mark,
  mod: 'load',
  ajax: 2,
  id: id,
  _tp_: 'xml'
  })
  })
  .then(response => response.text())
  .then(text => {
  if (text.indexOf('уже оценивали') > -1) {
  uAlert.open('voteAlready', 'error', 'Вы уже оценивали данный материал!', 3000);
  container.classList.add('voted');
  saveVoted(id, voteType);
  } else {
  uAlert.open('voteSuccess', 'success', `Вы успешно ${voteType === 'like' ? 'лайкнули' : 'дизлайкнули'}!`, 3000);
      
  // Обновляем счетчики
  let currentCount = parseInt(currentCountEl.textContent) || 0;
  currentCountEl.textContent = currentCount + 1;

  // Если ранее голосовал противоположным голосом, уменьшаем его счетчик
  if (previousVote && previousVote !== voteType) {
  let oppositeCount = parseInt(oppositeCountEl.textContent) || 0;
  if (oppositeCount > 0) {
  oppositeCountEl.textContent = oppositeCount - 1;
  }
  }

  // Обновляем классы
  container.classList.remove('voted-like', 'voted-dislike');
  container.classList.add('voted', `voted-${voteType}`);
      
  saveVoted(id, voteType);
  }
  })
  .catch(err => {
  uAlert.open('voteError', 'error', 'Ошибка при голосовании: ' + err.message, 3000);
  });
}

function saveVoted(id, voteType) {
  let votedItems = JSON.parse(localStorage.getItem('votedItems') || '{}');
  votedItems[id] = voteType;
  localStorage.setItem('votedItems', JSON.stringify(votedItems));
}

function getVoted(id) {
  let votedItems = JSON.parse(localStorage.getItem('votedItems') || '{}');
  return votedItems[id] || null;
}

.hero__title span::before {content: ''; position: absolute; z-index: -1; inset: -5px; top: 0; background-color: var(--red);}

<?if($EDIT_BUTTON$)?>$EDIT_BUTTON$<?endif?>
<?if($DELETE_BUTTON$)?>$DELETE_BUTTON$<?endif?>

<?if($EDIT_BUTTON$)?><?substr($EDIT_BUTTON$,0,strrpos($EDIT_BUTTON$,'<i'))?><img src="https://zornet.ru/ZORNET-RU/ZR/icon_edit.png" style="margin-left:1px;margin-top:-2px;vertical-align:middle;border:0;max-width:12px;max-height:13px;" alt="" /></a><?endif?>
<?if($DELETE_BUTTON$)?><?substr($DELETE_BUTTON$,0,strrpos($DELETE_BUTTON$,'<i'))?><img src="https://zornet.ru/ZORNET-RU/ZR/icon_delete.png" style="margin-left:2px;margin-top:-2px;vertical-align:middle;border:0;max-width:10px;max-height:13px;" alt="" /></a><?endif?>

<?if($PAGE_ID$='userslist' || $PAGE_ID$='forumsmembers')?><script type="text/javascript">$('.uTable td:nth-child(1):not(tr:nth-child(1) td:nth-child(1))').each(function(){if($(this).children().length < 1){$(this).append('<span class="user_avatar"><img src="https://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg" alt=""/></span>');}});</script><?endif?>

<span class="ico-new"></span>
<style>.ico-new{background:url(https://zornet.ru/Ajaxoskrip/Fyrkes/Zret/4043-6544.gif) no-repeat left / 16px;padding-left:24px;margin:0}</style>

 /*
 * Metheor Multi-Purpose App Showcase Template
 * Copyright 2016 rokaux
 * Theme Custom Scripts
 */

<script>$('.catNumData').each(function () {     
let content = $(this).html();

// Заменяем первую встречу `[` на `=`
  content = content.replace(/\[/, '=');
        
// Заменяем первую встречу `]` на `=`
  content = content.replace(/\]/, '=');
        
// Обновляем HTML содержимое элемента
  $(this).html(content);
});</script>

 .kompaken_vid_skrinov {display: block; width: 100%;}
 .kompaken_vid_skrinov:after,  .kompaken_vid_skrinov:before {content: ''; display: block; clear: both;}
 .kompaken_vid_skrinov img {display: block; margin: 0 3px 5px; object-fit: cover; float: left; width: calc(100% - 6px); height: 25vh;}
 .kompaken_vid_skrinov img + img {display: inline-block; width: calc(25% - 6px);}
 .kompaken_vid_skrinov img:hover {opacity: .85;}