User:BZPN/PNHelper.js: Difference between revisions

From Test Wiki
← Older edit
Content deleted Content added
BZPN (talk | contribs)
444 edits
Restored revision 53155 by BZPN (Restorer)
Tags: Undo Reverted
BZPN (talk | contribs)
444 edits
Restored revision 53161 by BZPN (Restorer)
Tag: Undo
 
Line 1: Line 1:
mw.loader.using(['mediawiki.api', 'oojs-ui'], function() {
// <nowiki>
function createTaskModal() {
mw.loader.using(['oojs-ui-core', 'oojs-ui-windows'], function () {
// Główne okno modalne
mw.hook('wikipage.content').add(function ($content) {
var taskModal = new OO.ui.WindowManager();
// Tworzenie przycisku
$('body').append(taskModal.$element);
var $button = $('<li id="t-custom-task"><a href="#"></a></li>');
$button.find('a').text('Dodaj zadanie');


// Dodanie przycisku do paska narzędzi
// Klasa okna modalnego
$('#p-tb ul').append($button);
var TaskDialog = function() {
TaskDialog.super.apply(this, arguments);
};
OO.inheritClass(TaskDialog, OO.ui.ProcessDialog);


TaskDialog.static.name = 'taskDialog';
// Funkcja tworząca okno dialogowe
TaskDialog.static.title = 'Dodaj zadanie';
function createDialog() {
TaskDialog.static.actions = [
var dialog = new OO.ui.MessageDialog({
size: 'medium'
{
});
action: 'save',
label: 'Zapisz',
flags: ['primary', 'progressive']
},
{
action: 'cancel',
label: 'Anuluj',
flags: ['safe', 'close']
}
];


TaskDialog.prototype.initialize = function() {
// Tworzenie pól formularza
TaskDialog.super.prototype.initialize.apply(this, arguments);
var titleInput = new OO.ui.TextInputWidget({
placeholder: 'Wpisz tytuł zadania'
// Pole tytułu zadania
this.titleInput = new OO.ui.TextInputWidget({
placeholder: 'Wprowadź tytuł zadania'
});
});


// Pole opisu zadania
var descriptionInput = new OO.ui.MultilineTextInputWidget({
this.descriptionInput = new OO.ui.MultilineTextInputWidget({
placeholder: 'Wpisz opis zadania',
placeholder: 'Szczegółowy opis zadania',
rows: 5
rows: 5
});
});


var addLinkButton = new OO.ui.ButtonWidget({
// Przycisk dodawania linków
label: 'Dodaj link',
this.addLinkButton = new OO.ui.ButtonWidget({
disabled: true // Na razie nieaktywny
label: 'Dodaj linki do tekstu',
icon: 'link'
});
});


// Konfiguracja okna dialogowego
// Przycisk stylowania tekstu
var config = {
this.styleTextButton = new OO.ui.ButtonWidget({
title: 'Dodaj nowe zadanie',
label: 'Style tekstu',
message: new OO.ui.FieldsetLayout({
icon: 'formatting'
items: [
});

new OO.ui.FieldLayout(titleInput, {
label: 'Tytuł',
// Układ pionowy elementów
align: 'top'
var contentLayout = new OO.ui.VerticalLayout({
}),
items: [
new OO.ui.FieldLayout(descriptionInput, {
this.titleInput,
label: 'Opis',
this.descriptionInput,
align: 'top'
new OO.ui.HorizontalLayout({
}),
items: [
new OO.ui.FieldLayout(addLinkButton, {
this.addLinkButton,
align: 'top'
this.styleTextButton
})
]
]
})
}),
actions: [
{
action: 'cancel',
label: 'Anuluj',
flags: 'safe'
},
{
action: 'submit',
label: 'Zapisz',
flags: ['primary', 'progressive']
}
]
]
};
});


// Otwieranie okna dialogowego
// Dodanie layoutu do panelu
var windowManager = new OO.ui.WindowManager();
this.$body.append(contentLayout.$element);
};
$('body').append(windowManager.$element);
windowManager.addWindows([dialog]);
windowManager.openWindow(dialog, config);


TaskDialog.prototype.getActionProcess = function(action) {
// Obsługa zamykania okna
dialog.on('closing', function (windowManager, promise) {
if (action === 'save') {
promise.done(function (data) {
return new OO.ui.Process(function() {
if (data && data.action === 'submit') {
// Logika zapisu zadania
console.log('Zapisano zadanie:', titleInput.getValue(), descriptionInput.getValue());
console.log('Tytuł:', this.titleInput.getValue());
}
console.log('Opis:', this.descriptionInput.getValue());
});
this.close();
}, this);
}
if (action === 'cancel') {
return new OO.ui.Process(function() {
this.close();
}, this);
}
return TaskDialog.super.prototype.getActionProcess.call(this, action);
};

// Dodanie obsługi zdarzeń dla przycisków specjalnych
TaskDialog.prototype.onDialogReady = function() {
this.addLinkButton.on('click', function() {
// Logika dodawania linków
alert('Funkcja dodawania linków w trakcie implementacji');
});
});
}


this.styleTextButton.on('click', function() {
// Dodanie obsługi kliknięcia przycisku
// Logika stylowania tekstu
$button.on('click', function (e) {
alert('Funkcja stylowania tekstu w trakcie implementacji');
e.preventDefault();
createDialog();
});
};

// Stworzenie instancji dialogu
var taskDialog = new TaskDialog({
size: 'large'
});
});

});
// Dodanie dialogu do menedżera okien
taskModal.addWindows([taskDialog]);

// Funkcja otwierania modala
function openTaskModal() {
taskModal.openWindow(taskDialog);
}

// Dodanie przycisku do paska narzędzi
function addTaskButton() {
var $toolbar = $('#p-tb .vector-menu-content-list');
var $taskButton = $('<li>')
.append(
$('<a>')
.text('Dodaj zadanie')
.on('click', openTaskModal)
);
$toolbar.append($taskButton);
}

// Inicjalizacja po załadowaniu strony
$(document).ready(addTaskButton);
}

// Wywołanie funkcji inicjalizującej
createTaskModal();
});
});
// </nowiki>
Retrieved from "https://testwiki.wiki/wiki/User:BZPN/PNHelper.js"