MediaWiki:Common.js: Revizyonlar arasındaki fark
Görünüm
İşlem rehberinde dosya önerilerine görsel küçük önizleme ekle |
İşlem rehberi önizleme boyutlarını büyüt |
||
| 60. satır: | 60. satır: | ||
return; | return; | ||
} | } | ||
image.src = mw.util.getUrl('Special:Redirect/file/' + encodeURIComponent(value)) + '?width= | image.src = mw.util.getUrl('Special:Redirect/file/' + encodeURIComponent(value)) + '?width=800'; | ||
image.alt = value; | image.alt = value; | ||
image.style.cssText = 'display:block;max-width: | image.style.cssText = 'display:block;max-width:800px;max-height:450px;width:auto;height:auto;border:1px solid #a2a9b1;padding:3px;background:#fff;margin:8px 0;'; | ||
} | } | ||
| 75. satır: | 75. satır: | ||
image.src = URL.createObjectURL(input.files[0]); | image.src = URL.createObjectURL(input.files[0]); | ||
image.alt = input.files[0].name; | image.alt = input.files[0].name; | ||
image.style.cssText = 'display:block;max-width: | image.style.cssText = 'display:block;max-width:800px;max-height:450px;width:auto;height:auto;border:1px solid #a2a9b1;padding:3px;background:#fff;'; | ||
box.appendChild(image); | box.appendChild(image); | ||
} | } | ||
| 88. satır: | 88. satır: | ||
image.className = 'islem-file-thumb'; | image.className = 'islem-file-thumb'; | ||
image.alt = ''; | image.alt = ''; | ||
image.src = mw.util.getUrl('Special:Redirect/file/' + encodeURIComponent(name)) + '?width= | image.src = mw.util.getUrl('Special:Redirect/file/' + encodeURIComponent(name)) + '?width=100'; | ||
image.style.cssText = 'width: | image.style.cssText = 'width:80px;height:80px;object-fit:contain;vertical-align:middle;margin-right:10px;border:1px solid #c8ccd1;background:#fff;'; | ||
item.style.minHeight = ' | item.style.minHeight = '88px'; | ||
item.insertBefore(image, item.firstChild); | item.insertBefore(image, item.firstChild); | ||
}); | }); | ||
| 98. satır: | 98. satır: | ||
decorateFileSuggestions(); | decorateFileSuggestions(); | ||
document.querySelectorAll('.simpleupload_prv').forEach(function (image) { | document.querySelectorAll('.simpleupload_prv').forEach(function (image) { | ||
image.style.cssText = 'display:block;max-width: | image.style.cssText = 'display:block;max-width:800px;max-height:450px;width:auto;height:auto;border:1px solid #a2a9b1;padding:3px;background:#fff;margin:8px 0;'; | ||
}); | }); | ||
document.querySelectorAll('input.pf-string-type--value[autocompletesettings="File"]').forEach(function (select) { | document.querySelectorAll('input.pf-string-type--value[autocompletesettings="File"]').forEach(function (select) { | ||
10.44, 28 Ağustos 2026 tarihindeki hâli
/* İşlem Rehberi PageForms: adım numaralarını otomatik sırala. */
(function () {
var isProcedureForm = mw.config.get('wgCanonicalSpecialPageName') === 'FormEdit' &&
(mw.config.get('wgTitle') || '').indexOf('İşlem Rehberi') !== -1;
if (!isProcedureForm) {
return;
}
function renumberSteps() {
var fields = Array.prototype.filter.call(document.querySelectorAll('input'), function (field) {
return field.name.indexOf('İşlem Adımı[') === 0 && field.name.slice(-4) === '[no]';
});
fields.forEach(function (field, index) {
field.value = String(index + 1);
field.setAttribute('value', String(index + 1));
});
}
document.addEventListener('click', function (event) {
var text = (event.target.closest('button') || event.target).textContent || '';
if (text.indexOf('örneği ekle') !== -1 || text.indexOf('örneği kaldır') !== -1 || text.indexOf('Adım ekle') !== -1) {
window.setTimeout(function () {
renumberSteps();
bindImagePreviews();
}, 250);
}
}, true);
var form = document.querySelector('form');
if (form) {
form.addEventListener('submit', renumberSteps, true);
}
window.setTimeout(renumberSteps, 50);
/* Ekran görüntüsü alanında mevcut dosyayı seçince küçük önizleme göster. */
function previewBox(select) {
var span = select.closest('.comboboxSpan') || select.parentNode;
var box = span.querySelector('.islem-image-preview');
if (!box) {
box = document.createElement('div');
box.className = 'islem-image-preview';
box.style.cssText = 'margin-top:8px;min-height:20px;';
span.appendChild(box);
}
return box;
}
function showExistingPreview(select) {
var value = (select.getAttribute('data-value') || select.value || '').replace(/^File:/i, '');
var span = select.closest('.comboboxSpan');
if (!span) return;
var image = span.querySelector('.simpleupload_prv');
if (!image) {
image = document.createElement('img');
image.className = 'simpleupload_prv';
span.insertBefore(image, span.firstChild);
}
if (!value) {
image.style.display = 'none';
return;
}
image.src = mw.util.getUrl('Special:Redirect/file/' + encodeURIComponent(value)) + '?width=800';
image.alt = value;
image.style.cssText = 'display:block;max-width:800px;max-height:450px;width:auto;height:auto;border:1px solid #a2a9b1;padding:3px;background:#fff;margin:8px 0;';
}
function showLocalPreview(input) {
var select = input.closest('.comboboxSpan') && input.closest('.comboboxSpan').querySelector('select');
if (!select || !input.files || !input.files[0]) return;
var oldImage = select.closest('.comboboxSpan').querySelector('.simpleupload_prv');
if (oldImage) oldImage.style.display = 'none';
var box = previewBox(select);
box.textContent = '';
var image = document.createElement('img');
image.src = URL.createObjectURL(input.files[0]);
image.alt = input.files[0].name;
image.style.cssText = 'display:block;max-width:800px;max-height:450px;width:auto;height:auto;border:1px solid #a2a9b1;padding:3px;background:#fff;';
box.appendChild(image);
}
function decorateFileSuggestions() {
document.querySelectorAll('.oo-ui-menuSelectWidget[role="listbox"] .oo-ui-optionWidget').forEach(function (item) {
if (item.querySelector('.islem-file-thumb')) return;
var label = item.querySelector('.oo-ui-labelElement-label');
var name = label && (label.textContent || '').trim();
if (!name || /^(Seç|Select)/i.test(name)) return;
var image = document.createElement('img');
image.className = 'islem-file-thumb';
image.alt = '';
image.src = mw.util.getUrl('Special:Redirect/file/' + encodeURIComponent(name)) + '?width=100';
image.style.cssText = 'width:80px;height:80px;object-fit:contain;vertical-align:middle;margin-right:10px;border:1px solid #c8ccd1;background:#fff;';
item.style.minHeight = '88px';
item.insertBefore(image, item.firstChild);
});
}
function bindImagePreviews() {
decorateFileSuggestions();
document.querySelectorAll('.simpleupload_prv').forEach(function (image) {
image.style.cssText = 'display:block;max-width:800px;max-height:450px;width:auto;height:auto;border:1px solid #a2a9b1;padding:3px;background:#fff;margin:8px 0;';
});
document.querySelectorAll('input.pf-string-type--value[autocompletesettings="File"]').forEach(function (select) {
if (select.dataset.previewBound) return;
select.dataset.previewBound = '1';
select.addEventListener('change', function () { showExistingPreview(select); });
select.addEventListener('input', function () { window.setTimeout(function () { showExistingPreview(select); }, 100); });
if (select.value) showExistingPreview(select);
});
document.querySelectorAll('input[type="file"]').forEach(function (input) {
if (input.dataset.previewBound) return;
input.dataset.previewBound = '1';
input.addEventListener('change', function () { showLocalPreview(input); });
});
}
bindImagePreviews();
if (window.MutationObserver) {
new MutationObserver(bindImagePreviews).observe(document.body, { childList: true, subtree: true });
}
}());
/* Dış bağlantıları güvenli biçimde yeni sekmede aç. İç wiki bağlantılarına dokunma. */
(function () {
function openExternalLinksInNewTab() {
document.querySelectorAll('a.external, a.extiw').forEach(function (link) {
if (link.hostname && link.hostname !== window.location.hostname) {
link.target = '_blank';
link.rel = 'noopener noreferrer';
}
});
}
mw.hook('wikipage.content').add(openExternalLinksInNewTab);
document.addEventListener('DOMContentLoaded', openExternalLinksInNewTab);
}());