// ==UserScript== // @name Tabor.ru - Показать дату загрузки фото (кнопка справа) // @name:en Tabor.ru - Show photo upload date (button on the right) // @namespace web.nextbyte.ai // @version 2.0 // @description Показывает дату загрузки фото в виде кнопки справа. Дата обновляется при смене фото. // @description:en Displays the photo upload date as a button on the right side. The date updates when the photo changes. // @author NextByte // @match https://tabor.ru/* // @match https://*.tabor.ru/* // @grant none // ==/UserScript== (function() { 'use strict'; // Функция для извлечения даты из URL фото function extractDateFromURL(url) { if (!url) return null; // Ищем паттерн даты в формате YYYY-MM-DD в URL const dateMatch = url.match(/\/photos\/(\d{4}-\d{2}-\d{2})\//); if (dateMatch && dateMatch[1]) { return dateMatch[1]; } return null; } // Функция для форматирования даты в читаемый вид function formatDate(dateStr) { const months = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря']; const [year, month, day] = dateStr.split('-'); return `${parseInt(day)} ${months[parseInt(month) - 1]} ${year}`; } // Функция для создания элемента с датой загрузки (кнопка справа) function createDateDisplay(date) { const dateElement = document.createElement('div'); dateElement.className = 'tabor-upload-date'; dateElement.style.cssText = ` position: fixed; right: 20px; top: 50%; transform: translateY(-50%); background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), rgba(30, 30, 30, 0.9)); color: #fff; padding: 12px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; flex-direction: column; align-items: center; gap: 8px; font-family: Arial, sans-serif; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); z-index: 10000; cursor: default; user-select: none; backdrop-filter: blur(4px); `; dateElement.innerHTML = `

Дата загрузки

${formatDate(date)}

${date}

`; return dateElement; } // Переменная для хранения последней обработанной даты let lastProcessedDate = null; let dateDisplayElement = null; // Функция для обновления или создания элемента с датой function updateDateDisplay(date) { // Если элемент уже существует, обновляем его if (dateDisplayElement && dateDisplayElement.parentNode) { dateDisplayElement.innerHTML = `

Дата загрузки

${formatDate(date)}

${date}

`; } else { // Создаем новый элемент dateDisplayElement = createDateDisplay(date); document.body.appendChild(dateDisplayElement); } } // Функция для обработки модального окна с фото function processPhotoModal() { const photoImg = document.querySelector('figure.modal__photo img.modal__photo__img'); if (!photoImg) return; const photoURL = photoImg.src; const uploadDate = extractDateFromURL(photoURL); if (!uploadDate) return; // Проверяем, изменилась ли дата (новое фото) if (uploadDate !== lastProcessedDate) { console.log('Новая дата загрузки фото:', uploadDate); lastProcessedDate = uploadDate; updateDateDisplay(uploadDate); } } // Наблюдатель за изменениями в DOM const observer = new MutationObserver((mutations) => { // Проверяем, появилось ли модальное окно или изменилось изображение for (const mutation of mutations) { if (mutation.addedNodes.length > 0 || mutation.type === 'attributes') { processPhotoModal(); break; } } }); // Запускаем наблюдатель observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['src'] }); // Добавляем обработчики для кнопок навигации (стрелки влево/вправо) document.addEventListener('click', (e) => { const target = e.target.closest('.modal__pager-wrap'); if (target) { // Даем время на загрузку нового фото setTimeout(processPhotoModal, 100); setTimeout(processPhotoModal, 500); } }); // Обрабатываем фото при загрузке страницы (если модальное окно уже открыто) processPhotoModal(); console.log('Tabor.ru - Скрипт показа даты загрузки фото (кнопка справа) активирован'); })();