MZ - Training Report Checker

Checks if the training report is already out for the current day

当前为 2024-12-16 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         MZ - Training Report Checker
// @namespace    douglaskampl
// @version      3.0
// @description  Checks if the training report is already out for the current day
// @author       Douglas
// @match        https://www.managerzone.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=managerzone.com
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

GM_addStyle(`
    #training_report_modal {
        position: absolute;
        background: #111;
        color: #ffd600 !important;
        padding: 5px;
        border: 2px solid blue;
        border-radius: 3px;
        font-size: 14px;
        display: none;
        z-index: 9999;
        text-align: center;
        animation-duration: 0.3s;
        transition: opacity 0.3s ease-in-out;
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: scale(0.95); }
        to { opacity: 1; transform: scale(1); }
    }
    @keyframes fadeOut {
        from { opacity: 1; transform: scale(1); }
        to { opacity: 0; transform: scale(0.95); }
    }

    .fade-in {
      animation: fadeIn 0.3s forwards;
    }

    .fade-out {
      animation: fadeOut 0.3s forwards;
    }

    /* Icon subtle professional animation */
    .report-icon {
      display: inline-block;
      transition: transform 0.3s ease-in-out;
    }
    .report-icon:hover {
      transform: rotate(20deg) scale(1.1);
    }
`);

(function() {
    'use strict';

    const CONFIG = {
        START_HOUR: 19,
        START_MINUTE: 1,
        END_HOUR: 23,
        END_MINUTE: 59,
        CHECK_INTERVAL: 300000,
        TIMEZONE_OFFSET: -3,
        READY_COLOR: 'lightgreen',    // released = light green
        NOT_READY_COLOR: 'white',     // no TR = white
        SATURDAY_COLOR: 'red',        // saturday = red
        MODAL_BG: '#111',
        MODAL_TEXT_COLOR: '#fff',
        MODAL_PADDING: '5px',
        MODAL_BORDER_RADIUS: '3px',
        MODAL_FONT_SIZE: '12px',
        FETCH_URL_REPORT: 'https://www.managerzone.com/ajax.php?p=trainingReport&sub=daily&sport=soccer&day=',
        FETCH_URL_CLUBHOUSE: 'https://www.managerzone.com/?p=clubhouse',
        READY_ICON_HTML: '<span class="report-icon">| <i class="fa fa-unlock"></i></span>',
        NOT_READY_ICON_HTML: '<span class="report-icon">| <i class="fa fa-lock"></i></span>',
        NO_REPORT_ICON_HTML: '<span class="report-icon">| <i class="fa fa-times"></i></span>'
    };

    const DAY_MAP = {
        0: 1,
        1: 2,
        2: 3,
        3: 4,
        4: 5,
        5: 6,
        6: null
    };

    class TrainingReportChecker {
        constructor() {
            this.linkId = 'shortcut_link_trainingreport';
            this.modalId = 'training_report_modal';
            this.balls = null;
            this.currentIconColor = CONFIG.NOT_READY_COLOR;
            this.hovering = false;
        }

        getBrazilianDate() {
            const date = new Date();
            const utc = date.getTime() + (date.getTimezoneOffset() * 60000);
            const brazilTime = new Date(utc + (3600000 * CONFIG.TIMEZONE_OFFSET));
            return new Intl.DateTimeFormat('en-US', { year: 'numeric', month: 'long', day: 'numeric' }).format(brazilTime);
        }

        getLastReportDate() {
            const date = new Date();
            const utc = date.getTime() + (date.getTimezoneOffset() * 60000);
            const brazilTime = new Date(utc + (3600000 * CONFIG.TIMEZONE_OFFSET));

            /* If it's Sunday, go back two days (to Friday). Otherwise, go back one day. */
            const daysToSubtract = brazilTime.getDay() === 0 ? 2 : 1;
            brazilTime.setDate(brazilTime.getDate() - daysToSubtract);

            return new Intl.DateTimeFormat('en-US', { year: 'numeric', month: 'long', day: 'numeric' }).format(brazilTime);
        }

        getBrazilianTime() {
            const date = new Date();
            const utc = date.getTime() + (date.getTimezoneOffset() * 60000);
            return new Date(utc + (3600000 * CONFIG.TIMEZONE_OFFSET));
        }

        isSaturday() {
            return this.getBrazilianTime().getDay() === 6;
        }

        isSunday() {
            return this.getBrazilianTime().getDay() === 0;
        }

        isWithinCheckWindow() {
            const now = this.getBrazilianTime();
            const hour = now.getHours();
            const minute = now.getMinutes();
            const startTime = CONFIG.START_HOUR * 60 + CONFIG.START_MINUTE;
            const checkEndTime = CONFIG.END_HOUR * 60 + CONFIG.END_MINUTE;
            const currentTime = hour * 60 + minute;
            return currentTime >= startTime && currentTime <= checkEndTime;
        }

        addTrainingReportLink() {
            const targetDiv = document.getElementById('pt-wrapper');
            if (!targetDiv) return;

            const link = document.createElement('a');
            link.id = this.linkId;
            link.href = '/?p=training_report';

            // Initialize with default state:
            if (this.isSaturday()) {
                link.innerHTML = CONFIG.NO_REPORT_ICON_HTML;
                link.style.color = CONFIG.SATURDAY_COLOR;
                this.currentIconColor = CONFIG.SATURDAY_COLOR;
            } else {
                link.innerHTML = CONFIG.NOT_READY_ICON_HTML;
                link.style.color = CONFIG.NOT_READY_COLOR;
                this.currentIconColor = CONFIG.NOT_READY_COLOR;
            }

            targetDiv.appendChild(link);

            this.createModal();

            // Event listeners for hover behavior
            link.addEventListener('mouseenter', () => this.showModal());
            link.addEventListener('mouseleave', (e) => this.handleMouseLeave(e));

            const modal = document.getElementById(this.modalId);
            modal.addEventListener('mouseenter', () => this.hovering = true);
            modal.addEventListener('mouseleave', (e) => this.handleMouseLeave(e));
        }

        createModal() {
            const modal = document.createElement('div');
            modal.id = this.modalId;
            document.body.appendChild(modal);
        }

        updateModalContent(isReady) {
            const modal = document.getElementById(this.modalId);
            if (!modal) return;

            const todayStr = this.getBrazilianDate();
            const lastReportStr = this.getLastReportDate();

            let content;

            if (this.isSaturday()) {
                content = "No training report on Saturdays!";
                modal.style.color = CONFIG.SATURDAY_COLOR;
            } else if (this.isSunday()) {
                if (isReady) {
                    content = "Training report out for " + todayStr + "!";
                    if (this.balls !== null) {
                        content += "<br>Balls earned today: " + this.balls;
                    }
                    modal.style.color = CONFIG.READY_COLOR;
                } else {
                    content = "Training report is not out yet for " + todayStr + ".";
                    modal.style.color = CONFIG.NOT_READY_COLOR;
                }
            } else if (isReady) {
                content = "Training report is out for " + todayStr + "!";
                if (this.balls !== null) {
                    content += "<br>Balls earned today: " + this.balls;
                }
                modal.style.color = CONFIG.READY_COLOR;
            } else {
                content = "Training report not out yet for " + todayStr + ".";
                modal.style.color = CONFIG.NOT_READY_COLOR;
            }
            modal.innerHTML = content;
        }

        positionModal() {
            const icon = document.getElementById(this.linkId);
            const modal = document.getElementById(this.modalId);
            if (!icon || !modal) return;
            const rect = icon.getBoundingClientRect();
            modal.style.top = (window.scrollY + rect.bottom + 5) + 'px';
            modal.style.left = (window.scrollX + rect.left + 50) + 'px';
        }

        showModal() {
            const modal = document.getElementById(this.modalId);
            if (!modal) return;
            this.hovering = true; // if entering icon area, consider it hovering
            this.positionModal();
            modal.style.display = 'block';
            modal.classList.remove('fade-out');
            modal.classList.add('fade-in');
        }

        handleMouseLeave(e) {
            // If mouse leaves icon or modal, check if it's leaving to the other element
            const modal = document.getElementById(this.modalId);
            const icon = document.getElementById(this.linkId);

            if (!icon || !modal) return;

            const relatedTarget = e.relatedTarget;
            if (relatedTarget !== modal && relatedTarget !== icon) {
                // Actually leaving both
                this.hovering = false;
                this.hideModal();
            }
        }

        hideModal() {
            if (!this.hovering) {
                const modal = document.getElementById(this.modalId);
                if (!modal) return;
                modal.classList.remove('fade-in');
                modal.classList.add('fade-out');
                setTimeout(() => {
                    if (!this.hovering) {
                        modal.style.display = 'none';
                    }
                }, 300);
            }
        }

        isReportReady(table) {
            return Array.from(table.querySelectorAll('tr')).some(row => row.querySelector('img[src*="training_camp.png"]'));
        }

        markReportAsChecked() {
            const today = this.getBrazilianDate();
            localStorage.setItem('reportCheckedDate', today);
            const link = document.getElementById(this.linkId);
            link.style.color = CONFIG.READY_COLOR;
            link.innerHTML = CONFIG.READY_ICON_HTML;
            this.currentIconColor = CONFIG.READY_COLOR;
            this.fetchEarnedBalls();
        }

        async fetchEarnedBalls() {
            try {
                const response = await fetch(CONFIG.FETCH_URL_CLUBHOUSE);
                const text = await response.text();
                const parser = new DOMParser();
                const doc = parser.parseFromString(text, "text/html");
                const widget = doc.querySelector('#clubhouse-widget-training');
                if (widget) {
                    const strongElems = widget.querySelectorAll('strong');
                    if (strongElems.length > 0) {
                        const ballsText = strongElems[0].textContent.trim();
                        this.balls = ballsText;
                        // Update modal immediately to show the balls earned
                        this.updateModalContent(true);
                    }
                }
            } catch (_e) {
                // Ignore error
            }
        }

        hasReportBeenCheckedToday() {
            const today = this.getBrazilianDate();
            return localStorage.getItem('reportCheckedDate') === today;
        }

        async checkTrainingReport() {
            const today = new Date();
            const dayIndex = DAY_MAP[today.getDay()];

            if (!dayIndex) {
                // No day index means Saturday
                this.updateModalContent(false);
                return;
            }

            if (!this.isWithinCheckWindow()) return;

            if (this.hasReportBeenCheckedToday()) {
                const link = document.getElementById(this.linkId);
                link.style.color = CONFIG.READY_COLOR;
                link.innerHTML = CONFIG.READY_ICON_HTML;
                this.currentIconColor = CONFIG.READY_COLOR;
                this.updateModalContent(true);
                return;
            }

            try {
                const response = await fetch(CONFIG.FETCH_URL_REPORT + dayIndex + '&sort_order=desc&sort_key=modification&player_sort=all');
                const text = await response.text();
                const parser = new DOMParser();
                const doc = parser.parseFromString(text, "text/html");
                const table = doc.querySelector("body > table:nth-child(3)");
                if (table && this.isReportReady(table)) {
                    this.markReportAsChecked();
                    this.updateModalContent(true);
                } else if (this.isWithinCheckWindow()) {
                    // Not ready yet
                    const link = document.getElementById(this.linkId);
                    if (!this.isSaturday()) {
                        link.style.color = CONFIG.NOT_READY_COLOR;
                        link.innerHTML = CONFIG.NOT_READY_ICON_HTML;
                        this.currentIconColor = CONFIG.NOT_READY_COLOR;
                    }
                    this.updateModalContent(false);
                    setTimeout(() => this.checkTrainingReport(), CONFIG.CHECK_INTERVAL);
                }
            } catch (_e) {
                // On error, do nothing special
            }
        }

        init() {
            const sportLink = document.querySelector("#shortcut_link_thezone");
            if (!sportLink) return; // Just a fallback
            const sport = new URL(sportLink.href).searchParams.get("sport");
            if (sport !== "soccer") return;
            this.addTrainingReportLink();
            this.updateModalContent(false);
            this.checkTrainingReport();
        }
    }

    const checker = new TrainingReportChecker();
    checker.init();
})();