תוסף+ סקריפט לאזהרה לפני דיסלייק

[רביב דיגיטל]

                                     העתקה מהפוסט המקורי במתמחים טופ.

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

לתוסף:
matmachim-dislike-extension (1).zip

@יאנג-בוי המיר את התוסף לסקריפט
לסקריפט
הקוד בספויילר:

// ==UserScript==
// @name         מתמחים טופ - אישור דיסלייק
// @namespace    http://tampermonkey.net/
// @version      1.0.0
// @description  מוסיף חלון אישור לפני מתן דיסלייק באתר מתמחים טופ
// @author       שלמה רביב וGemini 3.1 Pro Preview
// @match        *://*.mitmachim.top/*
// @match        *://mitmachim.top/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==
 
(function () {
  "use strict";
 
  const DISLIKE_SELECTORS =[
    '[component="post/downvote"]',
    '[data-component="post/downvote"]',
    '[class*="downvote"]',
    '[class*="dislike"]',
    '[id*="dislike"]',
    'i.fa-thumbs-down',
  ];
  const SEL = DISLIKE_SELECTORS.join(", ");
 
  let _confirming = false;
  let _pendingTarget = null;
  let _dialog = null;
 
  function buildDialog() {
    if (_dialog) return;
 
    _dialog = document.createElement("dialog");
    _dialog.id = "mtop-dialog";
    _dialog.innerHTML = `
      <style>
        @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap');
 
        #mtop-dialog {
          border: none;
          border-radius: 18px;
          padding: 36px 40px 32px;
          width: min(440px, 90vw);
          box-shadow: 0 24px 60px rgba(0,0,0,0.25);
          text-align: center;
          font-family: 'Heebo', Arial, sans-serif;
          direction: rtl;
        }
        #mtop-dialog::backdrop {
          background: rgba(10,15,30,0.55);
          backdrop-filter: blur(6px);
        }
        #mtop-icon {
          width: 68px; height: 68px;
          background: linear-gradient(135deg,#fff1f1,#ffd6d6);
          border-radius: 50%;
          display: flex; align-items: center; justify-content: center;
          margin: 0 auto 22px;
          color: #e53e3e;
          box-shadow: 0 0 0 8px rgba(229,62,62,0.08);
        }
        #mtop-dialog h2 { font-size:1.3rem; font-weight:700; color:#1a202c; margin:0 0 10px; }
        #mtop-dialog p  { font-size:1rem; color:#4a5568; margin:0 0 28px; }
        #mtop-btns { display:flex; gap:12px; justify-content:center; flex-direction:row-reverse; }
        #mtop-btns button {
          flex:1; max-width:180px; padding:13px 20px;
          border-radius:12px; font-size:0.95rem; font-weight:600;
          font-family:inherit; cursor:pointer; border:none; transition: background 0.15s, transform 0.12s;
        }
        #mtop-cancel  { background:#f0f4f8; color:#4a5568; }
        #mtop-cancel:hover { background:#e2e8f0; transform:translateY(-1px); }
        #mtop-confirm {
          background: linear-gradient(135deg,#e53e3e,#c53030);
          color: #fff;
          box-shadow: 0 4px 14px rgba(229,62,62,.35);
        }
        #mtop-confirm:hover { background: linear-gradient(135deg,#fc5c5c,#e53e3e); transform:translateY(-1px); }
 
        /* תמיכה במצב כהה */
        @media (prefers-color-scheme: dark) {
          #mtop-dialog { background:#1e2535; }
          #mtop-dialog h2 { color:#e2e8f0; }
          #mtop-dialog p { color:#94a3b8; }
          #mtop-cancel { background:#2d3748; color:#cbd5e0; }
          #mtop-cancel:hover { background:#4a5568; }
        }
      </style>
      <div id="mtop-icon">
        <svg width="36" height="36" viewBox="0 0 24 24" fill="none"
             stroke="currentColor" stroke-width="2"
             stroke-linecap="round" stroke-linejoin="round">
          <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3H10Z"/>
          <path d="M17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"/>
        </svg>
      </div>
      <h2>אישור דיסלייק</h2>
      <p>האם אתה בטוח שברצונך לתת דיסלייק?</p>
      <div id="mtop-btns">
        <button id="mtop-cancel">ביטול</button>
        <button id="mtop-confirm">כן, תן דיסלייק</button>
      </div>
    `;
 
    document.body.appendChild(_dialog);
 
    _dialog.querySelector("#mtop-confirm").addEventListener("click", () => {
      _dialog.close();
      if (_pendingTarget) {
        _confirming = true;
        _pendingTarget.click();
        setTimeout(() => { _confirming = false; }, 600);
      }
      _pendingTarget = null;
    });
 
    _dialog.querySelector("#mtop-cancel").addEventListener("click", () => {
      _dialog.close();
      _pendingTarget = null;
    });
  }
 
  // ============================================================
  // יירוט דיסלייק
  // ============================================================
  document.addEventListener("click", (e) => {
    if (_confirming) return;
    const el = e.target?.closest?.(SEL);
    if (!el) return;
 
    e.preventDefault();
    e.stopImmediatePropagation();
 
    _pendingTarget = el;
    buildDialog();
    _dialog.showModal();
  }, true);
 
  console.log("[מתמחים טופ] v5 dialog ✓ (Tampermonkey Version)");
})();

הוראות התקנה

[בני הבוט]

@רביב-דיגיטל יצוין שזה מוכנס אוטומטית בתוסף נודביבי+ של הרב @לאצי שליט"א
אמנם כרגע יש תקלה וזה לא עובד שם, אך לדברי הרה"ג שם זה יתוקן אי"ה בקרוב.

[צול גאה]

@רביב-דיגיטל אולי יש סיכוי סקריפט טפרומנקי? {או איך שלא אומרים את זה} אני לא אוהב ים של תוספים
תודה רבה

[רביב דיגיטל]

@רביב-דיגיטל כתב:

@יאנג-בוי המיר את התוסף לסקריפט
לסקריפט
הקוד בספויילר:

הועלה גם סקריפט טפרומנקי בפוסט הראשי.