Track time spent on lolz.live with detailed statistics
// ==UserScript==
// @name Lolz Time Tracker
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Track time spent on lolz.live with detailed statistics
// @author Yowori
// @match https://lolz.live/*
// @match https://lolz.guru/*
// @match https://zelenka.guru/*
// @license MIT
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// ==/UserScript==
(function() {
'use strict';
const SECTION_CONFIG = {
forums: { pattern: /\/forums\//, name: 'Разделы ' },
threads: { pattern: /\/threads\//, name: 'Темы ' },
members: { pattern: /\/members\//, name: 'Пользователи ' },
account: { pattern: /\/account\//, name: 'Профиль ' },
other: { pattern: /.*/, name: 'Другое ' }
};
let trackerState = {
currentSection: null,
currentThread: null,
currentUser: null,
isPageActive: true,
lastUpdateTime: Date.now(),
totalSeconds: 0,
sectionSeconds: {},
threadSeconds: {},
userSeconds: {}
};
const storageKey = 'lolzTimeTracker_v4';
const uiStateKey = 'lolzTimeTrackerUIState';
let updateInterval;
let statsVisible = false;
let detailedView = 'main';
let confirmationOpen = false;
GM_addStyle(`
#time-tracker-container {
position: fixed;
left: 10px;
bottom: 10px;
z-index: 9999;
font-family: Arial, sans-serif;
}
#time-tracker-toggle {
background: #4CAF50;
color: white;
border: none;
padding: 8px 12px;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
transition: all 0.2s ease;
margin-right: 8px;
}
#time-tracker-toggle:hover {
background: #45a049;
transform: translateY(-1px);
}
#time-tracker-reset {
background: #f44336;
color: white;
border: none;
padding: 8px 12px;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
transition: all 0.2s ease;
}
#time-tracker-reset:hover {
background: #d32f2f;
transform: translateY(-1px);
}
#time-tracker-buttons {
display: flex;
}
#time-tracker-widget {
display: none;
background: #272727;
color: #fff;
padding: 12px;
border-radius: 6px;
margin-top: 8px;
width: 280px;
backdrop-filter: blur(5px);
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
border: 1px solid #383838;
max-height: 60vh;
overflow-y: auto;
}
.time-tracker-header {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
color: #4CAF50;
border-bottom: 1px solid #444;
padding-bottom: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.time-tracker-back-btn {
background: none;
border: none;
color: #4CAF50;
cursor: pointer;
font-size: 14px;
}
.time-tracker-confirm-reset {
background: none;
border: none;
color: #f44336;
cursor: pointer;
font-size: 14px;
margin-left: 5px;
}
.time-tracker-section {
margin: 8px 0;
display: flex;
justify-content: space-between;
}
.time-tracker-section-name {
color: #ddd;
cursor: pointer;
}
.time-tracker-section-time {
font-weight: bold;
color: #fff;
}
.time-tracker-detail-item {
margin: 6px 0;
padding-left: 10px;
border-left: 2px solid #444;
}
.time-tracker-nav-btn {
background: none;
border: none;
color: #ddd;
cursor: pointer;
margin: 0 5px;
padding: 2px 5px;
}
.time-tracker-nav-btn:hover {
color: #4CAF50;
}
.time-tracker-nav-btn.active {
color: #4CAF50;
border-bottom: 1px solid #4CAF50;
}
`);
function init() {
loadData();
loadUIState();
createUI();
setupVisibilityListener();
setupPageAnalyzers();
startTracking();
GM_registerMenuCommand("Показать статистику Lolz.live", toggleStats);
}
function loadUIState() {
const savedState = GM_getValue(uiStateKey, { statsVisible: false });
statsVisible = savedState.statsVisible;
}
function saveUIState() {
GM_setValue(uiStateKey, { statsVisible: statsVisible });
}
function createUI() {
const container = document.createElement('div');
container.id = 'time-tracker-container';
const buttonsContainer = document.createElement('div');
buttonsContainer.id = 'time-tracker-buttons';
const toggleBtn = document.createElement('button');
toggleBtn.id = 'time-tracker-toggle';
toggleBtn.textContent = statsVisible ? '❌ Скрыть' : '📊 Статистика';
toggleBtn.addEventListener('click', toggleStats);
const resetBtn = document.createElement('button');
resetBtn.id = 'time-tracker-reset';
resetBtn.textContent = '🔄 Сбросить';
resetBtn.addEventListener('click', confirmResetStats);
buttonsContainer.appendChild(toggleBtn);
buttonsContainer.appendChild(resetBtn);
const widget = document.createElement('div');
widget.id = 'time-tracker-widget';
widget.style.display = statsVisible ? 'block' : 'none';
container.appendChild(buttonsContainer);
container.appendChild(widget);
document.body.appendChild(container);
updateUI();
}
function confirmResetStats() {
const widget = document.getElementById('time-tracker-widget');
if (!widget) return;
confirmationOpen = true;
widget.innerHTML = `
<div class="time-tracker-header">
<span>Сброс статистики</span>
</div>
<div style="margin: 10px 0;">
Вы уверены, что хотите сбросить статистику за сегодня?
</div>
<div style="display: flex; justify-content: flex-end;">
<button id="time-tracker-cancel-reset" style="background: #4CAF50; color: white; border: none; padding: 8px 12px; border-radius: 4px; cursor: pointer; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: all 0.2s ease; margin-right: 8px;">Отмена</button>
<button id="time-tracker-confirm-reset" style="background: #f44336; color: white; border: none; padding: 8px 12px; border-radius: 4px; cursor: pointer; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: all 0.2s ease;">Сбросить</button>
</div>
`;
document.getElementById('time-tracker-cancel-reset').addEventListener('click', () => {
confirmationOpen = false;
updateUI();
});
document.getElementById('time-tracker-confirm-reset').addEventListener('click', resetStats);
}
function resetStats() {
const today = getTodayKey();
const savedData = GM_getValue(storageKey) || {};
savedData[today] = {
totalSeconds: 0,
sectionSeconds: {},
threadSeconds: {},
userSeconds: {}
};
GM_setValue(storageKey, savedData);
trackerState.totalSeconds = 0;
trackerState.sectionSeconds = {};
trackerState.threadSeconds = {};
trackerState.userSeconds = {};
for (const section in SECTION_CONFIG) {
trackerState.sectionSeconds[section] = 0;
}
confirmationOpen = false;
updateUI();
}
function toggleStats() {
statsVisible = !statsVisible;
const widget = document.getElementById('time-tracker-widget');
if (widget) widget.style.display = statsVisible ? 'block' : 'none';
const toggleBtn = document.getElementById('time-tracker-toggle');
if (toggleBtn) toggleBtn.textContent = statsVisible ? '❌ Скрыть' : '📊 Статистика';
saveUIState();
if (statsVisible && !confirmationOpen) {
updateUI();
}
}
function loadData() {
const today = getTodayKey();
const savedData = GM_getValue(storageKey) || {};
const todayData = savedData[today] || {
totalSeconds: 0,
sectionSeconds: {},
threadSeconds: {},
userSeconds: {}
};
trackerState = {
...trackerState,
totalSeconds: todayData.totalSeconds || 0,
sectionSeconds: todayData.sectionSeconds || {},
threadSeconds: todayData.threadSeconds || {},
userSeconds: todayData.userSeconds || {}
};
for (const section in SECTION_CONFIG) {
if (!trackerState.sectionSeconds[section]) {
trackerState.sectionSeconds[section] = 0;
}
}
}
function saveData() {
const today = getTodayKey();
const savedData = GM_getValue(storageKey) || {};
savedData[today] = {
totalSeconds: trackerState.totalSeconds,
sectionSeconds: trackerState.sectionSeconds,
threadSeconds: trackerState.threadSeconds,
userSeconds: trackerState.userSeconds
};
GM_setValue(storageKey, savedData);
}
function detectSection() {
const path = window.location.pathname;
for (const [section, config] of Object.entries(SECTION_CONFIG)) {
if (config.pattern.test(path)) {
return section;
}
}
return 'other';
}
function detectThread() {
const threadMatch = window.location.pathname.match(/\/threads\/(\d+)/);
if (threadMatch) {
return threadMatch[1];
}
return null;
}
function detectUser() {
const userMatch = window.location.pathname.match(/\/members\/(\d+)/);
if (userMatch) {
return userMatch[1];
}
const prettyUrlMatch = window.location.pathname.match(/^\/([^\/]+)\/?$/);
if (prettyUrlMatch && !['forums', 'threads', 'account', 'members'].includes(prettyUrlMatch[1])) {
return prettyUrlMatch[1];
}
return null;
}
function setupPageAnalyzers() {
trackerState.currentSection = detectSection();
trackerState.currentThread = detectThread();
trackerState.currentUser = detectUser();
}
function startTracking() {
if (updateInterval) clearInterval(updateInterval);
updateInterval = setInterval(() => {
if (!trackerState.isPageActive) return;
const now = Date.now();
const elapsedSeconds = Math.floor((now - trackerState.lastUpdateTime) / 1000);
if (elapsedSeconds > 0) {
trackerState.lastUpdateTime = now;
setupPageAnalyzers();
trackerState.totalSeconds += elapsedSeconds;
trackerState.sectionSeconds[trackerState.currentSection] =
(trackerState.sectionSeconds[trackerState.currentSection] || 0) + elapsedSeconds;
if (trackerState.currentThread) {
trackerState.threadSeconds[trackerState.currentThread] =
(trackerState.threadSeconds[trackerState.currentThread] || 0) + elapsedSeconds;
}
if (trackerState.currentUser) {
trackerState.userSeconds[trackerState.currentUser] =
(trackerState.userSeconds[trackerState.currentUser] || 0) + elapsedSeconds;
}
saveData();
if (statsVisible && !confirmationOpen) {
updateUI();
}
}
}, 1000);
}
function updateUI() {
if (confirmationOpen) return;
const widget = document.getElementById('time-tracker-widget');
if (!widget) return;
let html = '';
switch (detailedView) {
case 'main':
html = getMainView();
break;
case 'sections':
html = getSectionsDetailView();
break;
case 'threads':
html = getThreadsDetailView();
break;
case 'users':
html = getUsersDetailView();
break;
}
widget.innerHTML = html;
addEventHandlers();
}
function getMainView() {
let html = `<div class="time-tracker-header">
<span>Статистика за сегодня</span>
</div>`;
html += `<div class="time-tracker-section">
<span class="time-tracker-section-name">Всего:</span>
<span class="time-tracker-section-time">${formatTime(trackerState.totalSeconds)}</span>
</div>`;
html += `<div style="margin: 10px 0; display: flex; justify-content: space-around;">
<button class="time-tracker-nav-btn ${detailedView === 'threads' ? 'active' : ''}" data-view="threads">Темы</button>
<button class="time-tracker-nav-btn ${detailedView === 'users' ? 'active' : ''}" data-view="users">Пользователи</button>
</div>`;
const sortedSections = Object.entries(trackerState.sectionSeconds)
.sort((a, b) => b[1] - a[1]);
html += `<div style="margin-top: 10px; font-weight: bold; color: #ddd;">Общая информация :</div>`;
for (const [sectionId, seconds] of sortedSections.slice(0, 5)) {
if (seconds > 0) {
const sectionName = SECTION_CONFIG[sectionId].name;
html += `<div class="time-tracker-section">
<span class="time-tracker-section-name">${sectionName}:</span>
<span class="time-tracker-section-time">${formatTime(seconds)}</span>
</div>`;
}
}
return html;
}
function getSectionsDetailView() {
let html = `<div class="time-tracker-header">
<button class="time-tracker-back-btn" data-view="main">Назад</button>
<span>Статистика по разделам</span>
</div>`;
const sortedSections = Object.entries(trackerState.sectionSeconds)
.sort((a, b) => b[1] - a[1]);
for (const [sectionId, seconds] of sortedSections) {
if (seconds > 0) {
const sectionName = SECTION_CONFIG[sectionId].name;
html += `<div class="time-tracker-section">
<span class="time-tracker-section-name">${sectionName}:</span>
<span class="time-tracker-section-time">${formatTime(seconds)}</span>
</div>`;
}
}
return html;
}
function getThreadsDetailView() {
let html = `<div class="time-tracker-header">
<button class="time-tracker-back-btn" data-view="main">Назад</button>
<span>Темы</span>
</div>`;
const sortedThreads = Object.entries(trackerState.threadSeconds)
.sort((a, b) => b[1] - a[1]);
for (const [threadId, seconds] of sortedThreads.slice(0, 20)) {
if (seconds > 0) {
html += `<div class="time-tracker-section">
<span class="time-tracker-section-name" data-thread-id="${threadId}">Тема #${threadId}:</span>
<span class="time-tracker-section-time">${formatTime(seconds)}</span>
</div>`;
}
}
return html;
}
function getUsersDetailView() {
let html = `<div class="time-tracker-header">
<button class="time-tracker-back-btn" data-view="main">Назад</button>
<span>Пользователи</span>
</div>`;
const sortedUsers = Object.entries(trackerState.userSeconds)
.sort((a, b) => b[1] - a[1]);
for (const [userId, seconds] of sortedUsers.slice(0, 20)) {
if (seconds > 0) {
const isNumericId = /^\d+$/.test(userId);
const userLink = isNumericId ? `/members/${userId}/` : `/${userId}/`;
html += `<div class="time-tracker-section">
<span class="time-tracker-section-name" data-user-id="${userId}" data-is-numeric="${isNumericId}">Пользователь ${isNumericId ? '#' + userId : userId}:</span>
<span class="time-tracker-section-time">${formatTime(seconds)}</span>
</div>`;
}
}
return html;
}
function addEventHandlers() {
document.querySelectorAll('.time-tracker-nav-btn').forEach(btn => {
btn.addEventListener('click', () => {
detailedView = btn.dataset.view;
updateUI();
});
});
document.querySelectorAll('.time-tracker-back-btn').forEach(btn => {
btn.addEventListener('click', () => {
detailedView = btn.dataset.view;
updateUI();
});
});
document.querySelectorAll('.time-tracker-section-name[data-thread-id]').forEach(el => {
el.addEventListener('click', (e) => {
e.preventDefault();
const threadId = el.dataset.threadId;
window.location.href = `/threads/${threadId}/`;
});
});
document.querySelectorAll('.time-tracker-section-name[data-user-id]').forEach(el => {
el.addEventListener('click', (e) => {
e.preventDefault();
const userId = el.dataset.userId;
const isNumeric = el.dataset.isNumeric === 'true';
if (isNumeric) {
window.location.href = `/members/${userId}/`;
} else {
window.location.href = `/${userId}/`;
}
});
});
}
function formatTime(totalSeconds) {
const hours = Math.floor(totalSeconds / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;
if (totalSeconds < 60) {
return `${seconds} сек`;
} else {
return `${hours > 0 ? hours + ' ч ' : ''}${minutes} мин`;
}
}
function setupVisibilityListener() {
document.addEventListener('visibilitychange', () => {
trackerState.isPageActive = !document.hidden;
trackerState.lastUpdateTime = Date.now();
});
}
function getTodayKey() {
const now = new Date();
return `${now.getFullYear()}-${now.getMonth()+1}-${now.getDate()}`;
}
window.addEventListener('load', init);
document.addEventListener('DOMContentLoaded', init);
})();