User:BZPN/Przeglądarka.js: Difference between revisions
From Test Wiki
Content deleted Content added
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 15: | Line 15: | ||
<span class="oo-ui-labelElement-label">Przeglądanie edycji</span> |
<span class="oo-ui-labelElement-label">Przeglądanie edycji</span> |
||
<span class="oo-ui-widget oo-ui-widget-enabled oo-ui-iconElement-icon oo-ui-icon-expand oo-ui-iconElement oo-ui-labelElement-invisible oo-ui-iconWidget">Expand</span> |
<span class="oo-ui-widget oo-ui-widget-enabled oo-ui-iconElement-icon oo-ui-icon-expand oo-ui-iconElement oo-ui-labelElement-invisible oo-ui-iconWidget">Expand</span> |
||
<span class="oo-ui-widget oo-ui-widget-enabled oo-ui-iconElement-icon oo-ui-icon-collapse oo-ui-iconElement |
<span class="oo-ui-widget oo-ui-widget-enabled oo-ui-iconElement-icon oo-ui-icon-collapse oo-ui-iconElement-invisible oo-ui-iconWidget">Collapse</span> |
||
</legend> |
</legend> |
||
<div class="oo-ui-fieldsetLayout-group mw-collapsible-content" style="display: block;"> |
<div class="oo-ui-fieldsetLayout-group mw-collapsible-content" style="display: block;"> |
||
| Line 107: | Line 107: | ||
}); |
}); |
||
// Dodanie checkboxów |
// Dodanie checkboxów i przycisku wywołującego popup |
||
$('li[data-mw-revid]').each(function () { |
$('li[data-mw-revid]').each(function () { |
||
var $this = $(this); |
var $this = $(this); |
||
| Line 124: | Line 124: | ||
$previewButton.click(function () { |
$previewButton.click(function () { |
||
if (typeof popupShowPreview === 'function') { |
|||
popupShowPreview($this.find('.mw-contributions-title a')[0], ''); // Wywołaj popup |
|||
} else { |
|||
console.error('Gadżet Navigation Popups nie jest załadowany.'); |
|||
| ⚫ | |||
// Wyświetlanie podglądu w modalnym oknie |
|||
var $modal = $('<div class="preview-modal" style="position: fixed; top: 10%; left: 50%; transform: translateX(-50%); background-color: #fff; border: 1px solid #ccc; padding: 20px; z-index: 9999; width: 80%; max-height: 80%; overflow-y: auto;"></div>'); |
|||
var $closeButton = $('<button style="position: absolute; top: 10px; right: 10px;">Zamknij</button>'); |
|||
$modal.append($closeButton); |
|||
$modal.append('<div class="diff-content">' + diffTable.prop('outerHTML') + '</div>'); |
|||
$('body').append($modal); |
|||
$closeButton.click(function () { |
|||
$modal.remove(); |
|||
}); |
|||
// Stylizacja zmian |
|||
$('.diff-addedline', $modal).css('background-color', '#e6f7ff'); // Dodane linie na niebiesko |
|||
$('.diff-deletedline', $modal).css('background-color', '#ffe6e6'); // Usunięte linie na pomarańczowo |
|||
| ⚫ | |||
}); |
}); |
||
}); |
}); |
||
