המלצה | סקריפט לטמפרמונקי להוספת כפתור צ'אט ליד פוסט!

[אברהם גלסר]

@צדיק-וטוב-לו-0 , @מחנה-ידידים יצר את הסקריפט, לא אני.

[מחנה ידידים]

@צדיק-וטוב-לו-0 @אברהם-גלסר
מחילה לא נכנסתי קצת זמן..
זו לא בעיה להוסיף תמיכה באוצריא - פשוט להוסיף match בסקריפט.
קישור לתגובה - אנסה.

(אם יש כמה - לא יודע, אולי את ההכי חדש?)

בדיוק מה שנפתח בלחצן בדף הפרופיל.

[המתכנת התותח]

@מחנה-ידידים אולי תוכל לעשות כזה סקריפט גם לפורום בני ברק,
זה יהיה מאוד שימושי.

[טופ שבמתמחים]

@המתכנת-התותח זה לא בעיה:

// ==UserScript==
// @name         NodeBB Chat Button Injector
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  הזרקת לחצן צ'אט מהיר ליד כל פוסט בפורומי NodeBB
// @author       אללוף
// @match        https://mitmachim.top/*
// @match        https://bnebrak.com/*
// @grant        unsafeWindow
// @run-at       document-end
// ==/UserScript==
 
(function() {
    'use strict';
 
    // פונקציה להזרקת הכפתור לפוסטים שעוד לא טופלו
    function injectChatButtons() {
        // בדיקה שפתח ה-API של הפורום זמין
        if (!unsafeWindow.app || !unsafeWindow.app.user) return;
 
        const currentUid = unsafeWindow.app.user.uid;
 
        // שליפת כל הפוסטים בעמוד שעוד לא קיבלו כפתור
        const posts = document.querySelectorAll('[component="post"]:not(.chat-btn-added)');
 
        posts.forEach(post => {
            post.classList.add('chat-btn-added');
 
            const postUid = post.getAttribute('data-uid');
 
            // הגנה: שלא יוצג כפתור צ'אט של המשתמש עם עצמו, או אם אין uid תקין
            if (!postUid || Array.of(0, currentUid).includes(Number(postUid))) return;
 
            // איתור מיקום הלחצנים של הפוסט (תומך ברוב ערכות הנושא של NodeBB)
            const actionsContainer = post.querySelector('[component="post/actions"]') || post.querySelector('.post-tools');
 
            if (actionsContainer) {
                const chatBtn = document.createElement('a');
                chatBtn.className = 'btn btn-xs btn-link chat-quick-btn';
                chatBtn.innerHTML = '<i class="fa fa-fw fa-comment-dots"></i> צ\'אט';
                chatBtn.style.marginLeft = '8px';
                chatBtn.style.cursor = 'pointer';
 
                // אירוע לחיצה לפתיחת הצ'אט המובנה של המערכת
                chatBtn.addEventListener('click', async function (e) {
    e.preventDefault();
    e.stopPropagation();
 
    const userLink = post.querySelector('a[data-uid]');
    if (!userLink) return;
 
    // ניסיון לפתוח את ה-popover המקורי
    userLink.dispatchEvent(new PointerEvent('pointerenter', {
        bubbles: true
    }));
 
    userLink.dispatchEvent(new MouseEvent('mouseenter', {
        bubbles: true
    }));
 
    userLink.dispatchEvent(new MouseEvent('mouseover', {
        bubbles: true
    }));
 
    const observer = new MutationObserver(() => {
 
        const popoverId = userLink.getAttribute('aria-describedby');
 
        if (!popoverId) {
            return;
        }
 
        const popover = document.getElementById(popoverId);
 
        if (!popover) {
            return;
        }
 
        const btn =
            popover.querySelector('[component="account/new-chat"]') ||
            popover.querySelector('[component="account/chat"]') ||
            popover.querySelector('a[href*="/chats"]');
 
        if (btn) {
            observer.disconnect();
            btn.click();
        }
    });
 
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
 
    setTimeout(() => observer.disconnect(), 5000);
});
 
                // הזרקה לתחילת או סוף רשימת הלחצנים לפי הנוחיות
                actionsContainer.appendChild(chatBtn);
            }
        });
    }
 
    // האזנה לשינויים ב-DOM לצורך תמיכה בגלילה אינסופית ומעברי עמודים דינמיים
    const observer = new MutationObserver(() => {
        injectChatButtons();
    });
 
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
 
    // הרצה ראשונית בטעינת העמוד
    injectChatButtons();
})();

[צדיק וטוב לו 0]

@מחנה-ידידים אתה יכול לפרוז את זה בגיט, ואז אפשר להתקין ממך בקלות, ואתה יכול לעדכן את הסקריפט.
ג'מיני ממש שמח להסביר לי את זה.

[צדיק וטוב לו 0]

@מחנה-ידידים עשיתי גירסה שכוללת קישור ישיר לפוסט המקור - על בסיס הסקריפט שלך.

מיועד כמובן עבור מי שיש לו את התוסף Tampermonkey בדפדפן.

פרסתי את זה בגיטאהב, כך שזה יאפשר עדכון אוטומטי במקרה הצורך.

להתקנה לחץ כאן - ולאשר התקנה.

Spoiler

ניתן לתת בגיטאב של הסקריפט שלי כאן: https://github.com/Tzadikvtovlo/Mitmachim-QuickChat-Linker

[Tיו_]

@מחנה-ידידים יש מצב לזה גם לפורום רכוסניק
תודה רבה

[צדיק וטוב לו 0]

@Tיו_ תעשה העתק הדבק, ותחליף את הכתובת של מתמחים בפורום שאתה רוצה.

[Tיו_]

@צדיק-וטוב-לו-0 קודם זה לא הפורום שלי
אני ישלח למנהל שם
השאלה אם @מחנה-ידידים מאשר את זה

[צדיק וטוב לו 0]

@Tיו_ זה לא קשור למנהל.
אתה מתקין את זה לעצמך, ורק לך מופיע הכפתור.

[Tיו_]

@צדיק-וטוב-לו-0 לא הצלחתי להבין איך אני מתקין את זה?

[צדיק וטוב לו 0]

@Tיו_

https://mitmachim.top/topic/78747/מדריך-מדריך-מקיף-לשימוש-וכתיבת-סקריפטים-לתוסף-הפופולארי-tampermonkey?_=1783371832619