Greasy Fork is available in English.

Wadhefa+

Wadhefa Tool by SLPMods

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

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

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

// ==UserScript==
// @name         Wadhefa+
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Wadhefa Tool by SLPMods
// @author       SLPMods
// @match        https://www.wadhefa.com/*
// @icon         https://www.wadhefa.com/icons/favicon.ico
// @grant        GM_addStyle
// @license      MIT
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    const fa = document.createElement('link');
    fa.rel = 'stylesheet';
    fa.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css';
    document.head.appendChild(fa);

    const css = `
        .slp-btn {
            position: relative;
            display: inline-flex; justify-content: center; align-items: center; gap: 8px;
            background: linear-gradient(135deg, #d75b00 0%, #ff8c00 100%);
            color: white; padding: 10px 24px; border-radius: 50px;
            font-family: 'Tahoma', sans-serif; font-weight: bold; font-size: 13px;
            border: none; cursor: pointer; margin-top: 15px;
            box-shadow: 0 4px 10px rgba(215, 91, 0, 0.3);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden; z-index: 1;
            text-decoration: none !important;
            transform: scale(1);
        }
        .slp-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(215, 91, 0, 0.4);
        }
        .slp-btn:active { transform: scale(0.95); }

        .slp-btn.saved {
            background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
            box-shadow: 0 4px 10px rgba(39, 174, 96, 0.3);
            pointer-events: none;
            padding-right: 20px;
            padding-left: 20px;
        }

        .slp-btn i { font-size: 15px; transition: transform 0.3s; }

        .pop-in {
            animation: checkPop 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
        }

        @keyframes checkPop {
            0% { transform: scale(0) rotate(-45deg); opacity: 0; }
            50% { transform: scale(1.5) rotate(10deg); }
            100% { transform: scale(1) rotate(0); opacity: 1; }
        }

        .slp-popup {
            position: absolute; background: #fff; width: 300px;
            border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            z-index: 99999; display: none; border: 1px solid #eee;
            font-family: 'Tahoma', sans-serif; overflow: hidden;
            animation: slpFade 0.2s ease-out;
            border-top: 3px solid #d75b00;
        }
        @keyframes slpFade { from {opacity:0; transform:translateY(5px);} to {opacity:1; transform:translateY(0);} }

        .slp-header {
            background: #fdfdfd; padding: 12px 15px;
            border-bottom: 1px solid #f0f0f0;
            display: flex; justify-content: space-between; align-items: center;
        }
        .slp-title { font-weight: bold; color: #d75b00; font-size: 14px; }
        .slp-close { cursor: pointer; color: #bbb; transition: 0.2s; }
        .slp-close:hover { color: #d75b00; }

        .slp-list { list-style: none; margin: 0; padding: 0; max-height: 250px; overflow-y: auto; }

        .slp-item {
            padding: 10px 15px; border-bottom: 1px solid #f9f9f9;
            display: flex; align-items: center; justify-content: space-between;
            cursor: pointer; transition: 0.2s;
        }
        .slp-item:hover { background: #fff5eb; }

        .slp-info { width: 85%; }
        .slp-id {
            display: inline-block; background: #e8f5e9; color: #27ae60;
            padding: 2px 6px; border-radius: 4px; font-size: 10px; font-weight: bold; margin-bottom: 3px;
        }
        .slp-text { display: block; font-size: 12px; color: #444; line-height: 1.3; }

        .slp-del {
            color: #e74c3c; width: 25px; height: 25px;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%; transition: 0.2s; opacity: 0.7;
        }
        .slp-del:hover { background: #ffeaea; opacity: 1; }

        .slp-empty { padding: 25px; text-align: center; color: #999; font-size: 12px; }
    `;
    GM_addStyle(css);

    const STORAGE = 'slp_wadhefa_plus';

    const getDB = () => JSON.parse(localStorage.getItem(STORAGE) || '[]');
    const setDB = (data) => localStorage.setItem(STORAGE, JSON.stringify(data));

    if (window.location.href.includes('/news/')) {
        const h1 = document.querySelector('h1');
        const urlParts = window.location.pathname.split('/');
        const id = urlParts.find(p => /^\d+$/.test(p));

        if (h1 && id) {
            const btn = document.createElement('button');
            btn.className = 'slp-btn';

            if (getDB().some(x => x.id === id)) {
                btn.classList.add('saved');
                btn.innerHTML = '<i class="fa-solid fa-check pop-in"></i> تم الحفظ';
            } else {
                btn.innerHTML = '<i class="fa-regular fa-bookmark"></i> حفظ الإعلان';
                btn.onclick = (e) => {
                    e.preventDefault();

                    btn.style.transform = "scale(0.9)";
                    setTimeout(() => {
                        const db = getDB();
                        if (!db.some(x => x.id === id)) {
                            db.unshift({ id, title: h1.innerText.trim() });
                            setDB(db);

                            btn.classList.add('saved');
                            btn.innerHTML = '<i class="fa-solid fa-check pop-in"></i> تم الحفظ';
                            btn.style.transform = "scale(1)";
                        }
                    }, 200);
                };
            }
            h1.parentNode.appendChild(btn);
        }
    }

    const input = document.getElementById('indx');
    if (input) {
        const popup = document.createElement('div');
        popup.className = 'slp-popup';
        popup.innerHTML = `
            <div class="slp-header">
                <span class="slp-title"><i class="fa-solid fa-briefcase"></i> وظيفه +</span>
                <span class="slp-close" id="slp-x"><i class="fa-solid fa-xmark"></i></span>
            </div>
            <ul class="slp-list"></ul>
        `;
        document.body.appendChild(popup);

        const render = () => {
            const list = popup.querySelector('.slp-list');
            list.innerHTML = '';
            const db = getDB();

            if (db.length === 0) {
                list.innerHTML = '<li class="slp-empty">لا توجد إعلانات محفوظه</li>';
                return;
            }

            db.forEach(item => {
                const li = document.createElement('li');
                li.className = 'slp-item';
                li.innerHTML = `
                    <div class="slp-info">
                        <span class="slp-id">#${item.id}</span>
                        <span class="slp-text">${item.title}</span>
                    </div>
                    <div class="slp-del"><i class="fa-regular fa-trash-can"></i></div>
                `;

                li.querySelector('.slp-del').onclick = (e) => {
                    e.stopPropagation();
                    setDB(getDB().filter(x => x.id !== item.id));
                    render();
                };

                li.onclick = (e) => {
                    if (!e.target.closest('.slp-del')) {
                        input.value = item.id;
                        popup.style.display = 'none';
                    }
                };
                list.appendChild(li);
            });
        };

        const toggle = () => {
            render();
            popup.style.display = 'block';
            const rect = input.getBoundingClientRect();
            popup.style.top = (window.scrollY + rect.bottom + 5) + 'px';
            popup.style.left = (window.scrollX + rect.left) + 'px';
        };

        input.addEventListener('focus', toggle);
        input.addEventListener('click', toggle);
        document.getElementById('slp-x').onclick = () => popup.style.display = 'none';

        document.addEventListener('click', (e) => {
            if (!popup.contains(e.target) && e.target !== input) {
                popup.style.display = 'none';
            }
        });
    }
})();