User:BZPN/PNHelper.js: Difference between revisions

From Test Wiki
← Older edit
Content deleted Content added
BZPN (talk | contribs)
444 edits
No edit summary
Tag: Reverted
BZPN (talk | contribs)
444 edits
Restored revision 53161 by BZPN (Restorer)
Tag: Undo
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
mw.loader.using(['mediawiki.api', 'oojs-ui'], function() {
// <nowiki>
function createTaskModal() {
mw.loader.using(['oojs-ui-core', 'oojs-ui-windows', 'oojs-ui-widgets'], 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: 'large'
{
});
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',
rows: 10,
placeholder: 'Szczegółowy opis zadania',
autosize: true
rows: 5
});
});


// Przyciski edycji tekstu
// Przycisk dodawania linków
var boldButton = new OO.ui.ButtonWidget({
this.addLinkButton = new OO.ui.ButtonWidget({
icon: 'bold',
label: 'Dodaj linki do tekstu',
title: 'Pogrubienie'
icon: 'link'
});
var italicButton = new OO.ui.ButtonWidget({
icon: 'italic',
title: 'Kursywa'
});
var underlineButton = new OO.ui.ButtonWidget({
icon: 'underline',
title: 'Podkreślenie'
});
});


var editButtons = new OO.ui.ButtonGroupWidget({
// Przycisk stylowania tekstu
this.styleTextButton = new OO.ui.ButtonWidget({
items: [boldButton, italicButton, underlineButton]
label: 'Style tekstu',
icon: 'formatting'
});
});


// Przycisk dodawania linków
// Układ pionowy elementów
var addLinkButton = new OO.ui.ButtonWidget({
var contentLayout = new OO.ui.VerticalLayout({
label: 'Dodaj link',
items: [
icon: 'link'
this.titleInput,
this.descriptionInput,
new OO.ui.HorizontalLayout({
items: [
this.addLinkButton,
this.styleTextButton
]
})
]
});
});


// Funkcje edycji tekstu
// Dodanie layoutu do panelu
function wrapSelection(before, after) {
this.$body.append(contentLayout.$element);
};
var textarea = descriptionInput.$input[0];

var start = textarea.selectionStart;
TaskDialog.prototype.getActionProcess = function(action) {
var end = textarea.selectionEnd;
var selectedText = textarea.value.substring(start, end);
if (action === 'save') {
var replacement = before + selectedText + after;
return new OO.ui.Process(function() {
// Logika zapisu zadania
textarea.value = textarea.value.substring(0, start) + replacement + textarea.value.substring(end);
descriptionInput.setValue(textarea.value);
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
boldButton.on('click', function() { wrapSelection("'''", "'''"); });
TaskDialog.prototype.onDialogReady = function() {
italicButton.on('click', function() { wrapSelection("''", "''"); });
underlineButton.on('click', function() { wrapSelection("<u>", "</u>"); });
this.addLinkButton.on('click', function() {
// Logika dodawania linków
alert('Funkcja dodawania linków w trakcie implementacji');
});


this.styleTextButton.on('click', function() {
// Funkcja dodawania linków
// Logika stylowania tekstu
addLinkButton.on('click', function() {
var selectedText = descriptionInput.$input[0].value.substring(
alert('Funkcja stylowania tekstu w trakcie implementacji');
descriptionInput.$input[0].selectionStart,
descriptionInput.$input[0].selectionEnd
);
if (selectedText) {
// Proste automatyczne wyszukiwanie - używamy zaznaczonego tekstu jako tytułu strony
var link = '[[' + selectedText + ']]';
wrapSelection(link, '');
} else {
alert('Zaznacz tekst, aby dodać link.');
}
});
});
};


// Konfiguracja okna dialogowego
// Stworzenie instancji dialogu
var config = {
var taskDialog = new TaskDialog({
title: 'Dodaj nowe zadanie',
size: 'large'
});
message: new OO.ui.FieldsetLayout({
items: [
new OO.ui.FieldLayout(titleInput, {
label: 'Tytuł',
align: 'top'
}),
new OO.ui.FieldLayout(editButtons, {
label: 'Edycja tekstu',
align: 'top'
}),
new OO.ui.FieldLayout(addLinkButton, {
align: 'top'
}),
new OO.ui.FieldLayout(descriptionInput, {
label: 'Opis',
align: 'top'
})
]
}),
actions: [
{
action: 'cancel',
label: 'Anuluj',
flags: 'safe'
},
{
action: 'submit',
label: 'Zapisz',
flags: ['primary', 'progressive']
}
]
};


// Otwieranie okna dialogowego
// Dodanie dialogu do menedżera okien
taskModal.addWindows([taskDialog]);
var windowManager = new OO.ui.WindowManager();
$('body').append(windowManager.$element);
windowManager.addWindows([dialog]);
windowManager.openWindow(dialog, config);


// Obsługa zamykania okna
// Funkcja otwierania modala
dialog.on('closing', function (windowManager, promise) {
function openTaskModal() {
promise.done(function (data) {
taskModal.openWindow(taskDialog);
if (data && data.action === 'submit') {
console.log('Zapisano zadanie:', titleInput.getValue(), descriptionInput.getValue());
}
});
});
}
}


// Dodanie obsługi kliknięcia przycisku
// Dodanie przycisku do paska narzędzi
$button.on('click', function (e) {
function addTaskButton() {
e.preventDefault();
var $toolbar = $('#p-tb .vector-menu-content-list');
createDialog();
});
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"