User:BZPN/Przeglądarka.js: Difference between revisions

// Autor: BZPN

// UŻYWASZ SKRYPTU NA WŁASNĄ ODPOWIEDZIALNOŚĆ! Autor nie ponosi odpowiedzialności za ew. szkody spowodowane użyciem skryptu.

<span class="oo-ui-widget oo-ui-widget-enabled oo-ui-iconElement-icon oo-ui-icon-collapse oo-ui-iconElement oo-ui-labelElement-invisible oo-ui-iconWidget">Collapse</span>

// Podgląd edycji

$('li[data-mw-revid]').each(function () {

var $this = $(this);

var revid = $this.data('mw-revid');

var title = $this.find('.mw-contributions-title').text();

var $checkbox = $('<input type="checkbox" class="review-checkbox" style="margin-right: 5px;">')

.data('revid', revid)

.data('title', title);

var $previewButton = $('<button class="oo-ui-buttonElement-button" style="margin-left: 5px;">Podgląd</button>');

$previewButton.click(function () {

var api = new mw.Api();

api.get({

action: 'compare',

fromrev: revid - 1, // Pobieramy poprzednią wersję

torev: revid,

format: 'json'

}).done(function (data) {

var diff = data.compare['*'];

// Tworzymy okno modalne

var $modal = $(`

<div class="oo-ui-dialog" style="position: fixed; top: 10%; left: 50%; transform: translateX(-50%); width: 80%; background: white; padding: 20px; border: 1px solid black; z-index: 1000;">

<div style="max-height: 400px; overflow-y: scroll;">${diff}</div>

<button id="close-modal" class="oo-ui-buttonElement-button" style="margin-top: 10px;">Zamknij</button>

</div>

`);

$('body').append($modal);

// Zamknij modal po kliknięciu przycisku

$('#close-modal').click(function () {

$modal.remove();

});

});

});

$this.prepend($checkbox).append($previewButton);

});