שיתוף | סקריפט טמפרמונקי לכפתור תגים במתמחים

[קראנץ' ונילה]

תגובה: שיתוף | תוסף חדש שפיתחתי להוספת תגיות לפורום | עלה לחנות התוספים של גוגל
יצרתי (בשנייה באמצעות ג'מיני פרו) תוסף לטמפרמונקי שיוצר כפתור של תגים בפורום עבור כאלה שהתוסף של @למה-באתי לא עובד להם (כמוני למשל)
זה מוסיף כפתור כזה בסרגל הצד ליד שאר הכפתורים- ומוביל לפה- https://mitmachim.top/tags

// ==UserScript==
// @name         מתמחים טופ - חלונית תגים
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  מוסיף גישה מהירה לעמוד התגים בסרגל הצד בפורום מתמחים טופ
// @author       Gemini
// @match        https://mitmachim.top/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=mitmachim.top
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function addTagsElement() {
        // מונע הוספה כפולה במידה והסקריפט רץ פעמיים
        if (document.getElementById('custom-tags-quicklink')) return;

        // אופציה א': ניסיון להוסיף לחלוניות הצד (Widgets)
        const sidebarWidgets = document.querySelector('[widget-area="sidebar"]');

        if (sidebarWidgets) {
            const widgetDiv = document.createElement('div');
            widgetDiv.id = 'custom-tags-quicklink';
            // עיצוב שמתאים בדר"כ לערכת הנושא של הפורום (Harmony/Persona)
            widgetDiv.style.cssText = 'background: var(--panel-bg, #fff); border-radius: 8px; padding: 15px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; transition: background 0.2s;';
            widgetDiv.innerHTML = `
                <a href="https://mitmachim.top/tags" style="color: var(--body-color, #333); text-decoration: none; font-size: 16px; font-weight: 500; display: flex; align-items: center; width: 100%; justify-content: center;">
                    <i class="fa fa-tags" style="color: var(--brand-primary, #007bff); margin-left: 10px; font-size: 18px;"></i>
                    תגים בפורום
                </a>
            `;

            // אפקט מעבר עכבר (Hover)
            widgetDiv.addEventListener('mouseenter', () => widgetDiv.style.background = 'var(--panel-hover-bg, #f8f9fa)');
            widgetDiv.addEventListener('mouseleave', () => widgetDiv.style.background = 'var(--panel-bg, #fff)');

            sidebarWidgets.prepend(widgetDiv);
            return; // סיימנו
        }

        // אופציה ב': אם אין חלוניות צד, נוסיף לתפריט הניווט הראשי
        const mainNav = document.querySelector('ul#main-nav') || document.querySelector('.navigation');
        if (mainNav) {
            const li = document.createElement('li');
            li.id = 'custom-tags-quicklink';
            li.className = 'nav-item';
            li.title = 'תגים';

            const a = document.createElement('a');
            a.className = 'nav-link navigation-link';
            a.href = 'https://mitmachim.top/tags';
            a.innerHTML = `
                <span class="d-flex align-items-center">
                    <i class="fa fa-fw fa-tags" style="margin-left: 5px;"></i>
                    <span class="nav-text">תגים</span>
                </span>
            `;

            li.appendChild(a);
            mainNav.appendChild(li);
        }
    }

    // מאחר ומערכת הפורום (NodeBB) טוענת עמודים דינמית (AJAX/SPA), נשתמש ב-MutationObserver
    // כדי לוודא שהכפתור מתווסף גם כשעוברים בין עמודים בלי רענון מלא.
    const observer = new MutationObserver(() => {
        addTagsElement();
    });

    observer.observe(document.body, { childList: true, subtree: true });

    // הפעלה ראשונית של הפונקציה (למקרה שהעמוד כבר נטען)
    setTimeout(addTagsElement, 1000);

})();