<!------------------------------------------------------------------------------------------------------------------------>
<!-- Последние сообщения форума, новая версия © Alex_63 + API  -->
<style>
.container.stats { margin-bottom: -10px; }
.stats table {
  padding: 0 !important;
  margin-top: 1px;
  width: 100%;
  table-layout: auto; /* Автоматическая подстройка ширины столбцов */
  border-collapse: collapse; /* Объединяет границы ячеек */
}
.stats table th, .stats table td {
  padding: .30em .60em;
  border: 1px solid #ADD8E6; /* Стандартный цвет для всех границ */
  text-align: center; /* Центрируем текст */
}
.stats table td a.tcr:hover {
  text-decoration: underline;  /* Подчеркивание текста при наведении */
  color: #32CD32; /* Салатовый цвет при наведении */
}
</style>
<script type="text/javascript">
(function() {
  var numPosts = 9; // Количество выводимых сообщений (не более 20)
  var html = '';
  var html0 = '<div class="container stats"><span class="t-head">Последние сообщения форума</span><table cellspacing="0" class="container">\
                <thead><tr><th>Автор</th><th>Последнее сообщение в теме</th><th>Дата</th><th>Время написания поста</th></tr>\
                </thead><tbody class="hasicon">';

  // Получаем данные с API форума
  fetch('/api.php?method=topic.getRecent')
    .then(response => response.json())
    .then(data => {
      if (data.response && data.response.length > 0) {
        for (var i = 0; i < Math.min(data.response.length, numPosts); i++) {
          var post = data.response[i];
          var s0 = post.posted;  // Время сообщения
          var s1 = post.username;  // Автор
          var s2 = post.subject;  // Название темы
          var s3 = post.last_username;  // Автор последнего сообщения
          var topicId = post.id;  // Идентификатор темы
          var lastPostId = post.last_post_id;  // Идентификатор последнего сообщения
      
          // Преобразуем Unix timestamp в дату и время
          var ts = new Date(s0 * 1000);
          var datePart = ts.toISOString().slice(0, 10);
          var timePart = ts.toTimeString().slice(0, 8);

          // Формируем ссылку на последнюю страницу темы
          var lastPageUrl = `/viewtopic.php?pid=${lastPostId}#p${lastPostId}`;

          // Формируем строку для таблицы
          var row = `<tr> <td>${s3}</td><td class="tc2"><a href="${lastPageUrl}" target="_blank" class="tcr">${s2}</a></td><td class="tc2">${datePart}</td><td class="tc2">${timePart}</td></tr>`;

          // Добавляем строку в итоговый HTML
          html += row;
        }
        // Завершаем таблицу
        var finalHtml = html0 + html + '</tbody></table></div><br/><h2><span>Общая статистика</span></h2>';
        
        // Проверка наличия элемента с классом .statscon
        if ($('.statscon').length) {
          $('.statscon').prepend(finalHtml);
        } else {
          console.error('Элемент с классом .statscon не найден');
        }
      } else {
        console.error("Нет данных или формат ответа неправильный");
      }
    })
    .catch(error => console.error("Ошибка при получении данных:", error));
})();
</script>

<!------------------------------------------------------------------------------------------------------------------------>

<!-- Последние 10 сообщений из темы с наведением -->
<style>
#pun-t10, .stats-t10 {
  display: grid;
}
 
#pun-t10 h3 {
  font-size: 16px;
  text-align: center;
  padding-bottom: 16px;
  color: #999;
  background: url(/img/Mybb_iPhone/sub.gif) repeat-x #343434;
}
 
.stats-t10 {
  grid-template-columns: 40% 10% auto;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
  background: url(/img/Mybb_iPhone/alt0.gif) repeat-x #C7C7C7 bottom;
}
 
.author-t10, .last-post-t10 {
  justify-self: left;
  padding-left: calc(54px + 2em);
}
 
.body-t10 {padding: 1em 0;}
 
.body-t10 .author-t10 {color: #61492c;}
.last-post-t10 {position: relative;}
.tipsy-t10 {display: none;}
 
.last-post-t10:hover .tipsy-t10 {
  display: block;
  position: absolute;
  min-width: 100%;
  max-width: 400px;
  padding: 5px 8px 4px;
  background-color: white;
  color: inherit;
  font-size: 12px;
  bottom: 30px;
  border-radius: 5px;
  border-width: 1px 0px 1px 1px;
  box-sizing: content-box;
}
 
.tipsy-t10:after {
  content: '';
  border: 10px solid transparent;
  border-top-color: white;
  position: absolute;
  margin: 0 0 0 0px;
}
</style>
<script type="text/javascript">
$(function(){
var arrays = 859;
$.get('export.php?type=rss&tid=' + arrays,'',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text().split('.').join('');
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
 
var vtopB = '<div class="stats-t10 body-t10">\
            <div class="author-t10">'+JAuthor+'</div>\
            <div class="time-t10">'+JPosted+'</div>\
            <div class="last-post-t10"><a href="'+JLink+'" target="_blank">'+JTitle+'</a><div class="tipsy-t10">'+JContent+'</div></div></div>';
 
$('#pun-t10').append(vtopB);
});
} 
var vtopA = '<div id="pun-t10"><h3>Название темы</h3>\
             <div class="stats-t10 inscription">\
             <div class="author-t10">Автор</div>\
             <div class="time-t10">Время</div>\
             <div class="last-post-t10">Пост</div></div>';
 
$('#pun-index #pun-ulinks').append(vtopA);
});
</script>