☰

Context Getcourse Widget

Меню в правой верхней панели с полезными ссылками для разработчиков

As of 2025-02-21. See the latest version.

// ==UserScript==
// @name         Context Getcourse Widget
// @namespace    https://dev-postnov.ru/
// @version      1.0.4
// @description  Меню в правой верхней панели с полезными ссылками для разработчиков
// @author       Daniil Postnov
// @match        *://*/teach/control/stream/*
// @match        *://*/teach/control/*
// @match        *://*/teach/*
// @match        *://*/teach
// @match        *://*/teach/control
// @match        *://*/pl/teach/*
// @match        *://*/pl/teach/control/*
// @match        *://*/pl/teach/control/lesson/*
// @match        *://*/pl/teach/control/stream/*
// @match        *://*/profile
// @match        *://biznesinalogiwebinar.ru/profile
// @grant        GM_setClipboard
// @grant        GM_notification
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // Создаем стили для виджета и меню
    const style = document.createElement('style');
    style.textContent = `
        .widget-button {
            position: fixed;
            top: 10px;
            right: 10px;
            padding: 8px;
            background: #ffffff;
            border: 1px solid #ddd;
            border-radius: 4px;
            cursor: pointer;
            z-index: 9999;
        }

        .context-menu {
            display: none;
            position: fixed;
            background: white;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 8px 0;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            z-index: 10000;
        }

        .context-menu h3 {
            margin: 0;
            padding: 5px 15px;
            color: #666;
            font-size: 14px;
            font-weight: bold;
        }

        .context-menu a, .context-menu div {
            display: block;
            padding: 5px 15px;
            text-decoration: none;
            color: #333;
            cursor: pointer;
        }

        .context-menu a:hover, .context-menu div:hover {
            background: #f5f5f5;
        }

        .menu-separator {
            border-top: 1px solid #ddd;
            margin: 5px 0;
        }
    `;
    document.head.appendChild(style);

    // Создаем кнопку виджета
    const widgetButton = document.createElement('div');
    widgetButton.className = 'widget-button';
    widgetButton.textContent = '☰';
    document.body.appendChild(widgetButton);

    // Создаем контекстное меню
    const contextMenu = document.createElement('div');
    contextMenu.className = 'context-menu';

    // Полезные ссылки
    contextMenu.innerHTML = `
        <h3>Полезные ссылки</h3>
        <a href="/pl/cms/layout">Темы школы</a>
        <a href="/pl/sales/deal">Заказы</a>
        <a href="/pl/saas/account/show">Настройки аккаунта</a>

        <div class="menu-separator"></div>
        <h3>Системные страницы</h3>
    `;

    // Добавляем системные ссылки
    const links = [
        { name: 'Главная', url: '/teach/control' },
        { name: 'Благодарность за оплату', url: '/sales/shop/dealPaid/id/config/hash/' },
        { name: 'Мои покупки', url: '/sales/control/userProduct/my' },
        { name: 'Мои профиль', url: '/profile' },
        { name: 'Настройки уведомлений', url: '/pl/notifications/settings/my' },
        { name: 'Все уведомления', url: '/notifications/notifications/all' },
        { name: 'Актуальные события', url: '/teach/control/schedule' },
    ];

    links.forEach(link => {
        const a = document.createElement('a');
        a.href = link.url;
        a.textContent = link.name;
        contextMenu.appendChild(a);
    });

    // Добавляем опцию скрытия на 10 секунд
    const hideOption = document.createElement('div');
    hideOption.innerHTML = `
        <div class="menu-separator"></div>
        <div class="hide-option-10">Скрыть на 10 секунд</div>
        <div class="hide-option-30">Скрыть на 30 секунд</div>
    `;
    contextMenu.appendChild(hideOption);

    document.body.appendChild(contextMenu);

    // Обработчик клика по кнопке виджета
    widgetButton.addEventListener('click', (e) => {
        e.stopPropagation();
        const rect = widgetButton.getBoundingClientRect();
        contextMenu.style.display = 'block';
        contextMenu.style.top = (rect.bottom + 5) + 'px';
        contextMenu.style.right = '10px';
    });

    // Скрытие меню при клике вне его
    document.addEventListener('click', (e) => {
        if (!contextMenu.contains(e.target) && e.target !== widgetButton) {
            contextMenu.style.display = 'none';
        }
    });

    // Обработчик для опции "Скрыть на 10 секунд"
    const hideButton10 = contextMenu.querySelector('.hide-option-10');
    const hideButton30 = contextMenu.querySelector('.hide-option-30');
    hideButton10.addEventListener('click', () => {
        widgetButton.style.display = 'none';
        contextMenu.style.display = 'none';
        setTimeout(() => {
            widgetButton.style.display = 'block';
        }, 10000);
    });
    hideButton30.addEventListener('click', () => {
        widgetButton.style.display = 'none';
        contextMenu.style.display = 'none';
        setTimeout(() => {
            widgetButton.style.display = 'block';
        }, 30000);
    });
})();