☰

Superset Schema Toggle Button

Adds a toggle button to show/hide the schema pane in Superset's interface for better workspace management

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!) 

// ==UserScript==
// @name        Superset Schema Toggle Button
// @include      *://*superset*/*
// @grant       none
// @version     1.0.1
// @author      AlecJi
// @description Adds a toggle button to show/hide the schema pane in Superset's interface for better workspace management
// @license MIT
// @namespace https://greasyfork.org/users/1442383
// ==/UserScript==

function createToggleButton() {
    // Check if button already exists to avoid duplicate creation
    if (document.getElementById('schema-toggle-btn')) {
        return;
    }

    const button = document.createElement('button');
    button.id = 'schema-toggle-btn';
    button.textContent = 'Hide Schema';
    button.style.cssText = `
        margin: 10px;
        padding: 8px 16px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        background: #fff;
        cursor: pointer;
        font-size: 14px;
    `;

    // Wait for target container to appear
    function tryAddButton() {
        const targetDiv = document.querySelector('.css-pyvf21');
        if (targetDiv) {
            targetDiv.appendChild(button);

            // Add click event handler
            button.addEventListener('click', () => {
                const schemaPanes = document.getElementsByClassName('schemaPane');
                const isVisible = schemaPanes[0]?.style.display !== 'none';

                Array.from(schemaPanes).forEach(pane => {
                    pane.style.display = isVisible ? 'none' : 'block';
                });

                button.textContent = isVisible ? 'Show Schema' : 'Hide Schema';
            });
        } else {
            // If target container is not ready, retry after delay
            setTimeout(tryAddButton, 1000);
        }
    }

    tryAddButton();
}

// Execute when page is loaded
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', createToggleButton);
} else {
    createToggleButton();
}