View source for User:BZPN/PNHelper.js

$(document).ready(function() {
    // Dodaj przycisk do p-tb
    var button = new OO.ui.ButtonWidget({
        label: 'Dodaj zadanie',
        icon: 'add',
        flags: ['primary']
    });

    // Funkcja otwierająca popup
    function openPopup() {
        var dialog = new OO.ui.Dialog({
            title: 'Dodaj nowe zadanie',
            size: 'medium'
        });

        // Tworzenie formularza
        var titleInput = new OO.ui.TextInputWidget({
            placeholder: 'Tytuł zadania'
        });

        var descriptionInput = new OO.ui.TextInputWidget({
            placeholder: 'Opis zadania',
            multiline: true,
            rows: 5
        });

        var addButton = new OO.ui.ButtonWidget({
            label: 'Dodaj',
            flags: ['primary']
        });

        var cancelButton = new OO.ui.ButtonWidget({
            label: 'Anuluj',
            flags: ['secondary']
        });

        // Przycisk do dodawania linków
        var linkButton = new OO.ui.ButtonWidget({
            label: 'Dodaj link',
            flags: ['primary']
        });

        // Zdarzenie kliknięcia przycisku "Anuluj"
        cancelButton.on('click', function() {
            dialog.close();
        });

        // Zdarzenie kliknięcia przycisku "Dodaj"
        addButton.on('click', function() {
            var title = titleInput.getValue();
            var description = descriptionInput.getValue();
            // Logika dodawania zadania
            console.log('Dodano zadanie:', title, description);
            dialog.close();
        });

        // Zdarzenie kliknięcia przycisku "Dodaj link"
        linkButton.on('click', function() {
            // Logika dodawania linków do zaznaczonych wyrazów
            console.log('Dodaj link do zaznaczonych wyrazów');
        });

        // Dodaj elementy do dialogu
        dialog.$body.append(titleInput.$element);
        dialog.$body.append(descriptionInput.$element);
        dialog.$body.append(addButton.$element);
        dialog.$body.append(linkButton.$element);
        dialog.$body.append(cancelButton.$element);

        // Otwórz dialog
        dialog.open();
    }

    // Dodaj zdarzenie kliknięcia do przycisku
    button.on('click', openPopup);

    // Dodaj przycisk do p-tb
    $('#mw-panel > div.mw-portlet-body').append(button.$element);
});
Description	What you type	What you get
Italic	''Italic text''	Italic text
Bold	'''Bold text'''	Bold text
Bold & italic	'''''Bold & italic text'''''	*Bold & italic text*