MediaWiki:Common.js: Difference between revisions

From Semantic Lab
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
if (document.querySelector("#P200")){
if (document.querySelector("#P200")){
  let p200Container = document.querySelector("#P200");
let p200Container = document.querySelector("#P200");
let aLinks = p200Container.querySelectorAll("a");
let aLinks = p200Container.querySelectorAll("a");
let urls = [];
let urls = [];

Revision as of 20:46, 3 May 2024

if (document.querySelector("#P200")){
  let p200Container = document.querySelector("#P200");
		let aLinks = p200Container.querySelectorAll("a");
		let urls = [];
		for (let el of aLinks){
			if (el.getAttribute('href') && (el.getAttribute('href').toLowerCase().endsWith('.png') || el.getAttribute('href').toLowerCase().endsWith('.jpg') || el.getAttribute('href').toLowerCase().endsWith('.jpeg') ) ){
				urls.push(el.getAttribute('href'));
			}
		}

		let imageContainer = document.createElement('div');
		imageContainer.classList.add('wikibase-statementgroupview');
		imageContainer.innerHTML = "";

		for (let url of urls){
			let img = document.createElement('img');
			img.style.width = "95%";
			img.style.height = "auto";
			img.style.marginTop="0.2em";
			img.style.marginBottom="0.2em";
			img.setAttribute('src',url);
			let a = document.createElement('a');
			a.setAttribute('href',url);
			a.setAttribute('target','_blank');
			a.appendChild(img);
			imageContainer.appendChild(a);

		}
		//imageContainer.style.border = "1px solid #c8ccd1"
		imageContainer.style.borderBottom = "none";
		imageContainer.style.marginBottom = 0;
		imageContainer.style.textAlign = 'center';
		imageContainer.style.width = '100%';
		imageContainer.style.backgroundColor = '#eaecf0';
		document.querySelector(".wikibase-listview").insertBefore(imageContainer, p200Container);
	}