Vrienden Universe

Main Page: Difference between revisions

← Older edit

VU-MaintenanceBot (talk | contribs)

3 user groups
1,471 edits
VisualWikitext
Fix people slider to include all people category pages
Fix remaining broken arrow characters on main page
 
(5 intermediate revisions by 2 users not shown)
Line 1,012: Line 1,012:
<span class="vu-explore-description">Biographies recorded across the wiki.</span>
<span class="vu-explore-description">Biographies recorded across the wiki.</span>
</span>
</span>
<span class="vu-explore-arrow">›</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
</a>


Line 1,021: Line 1,021:
<span class="vu-explore-description">Places documented throughout the history.</span>
<span class="vu-explore-description">Places documented throughout the history.</span>
</span>
</span>
<span class="vu-explore-arrow">›</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
</a>


Line 1,030: Line 1,030:
<span class="vu-explore-description">Family lines and their members.</span>
<span class="vu-explore-description">Family lines and their members.</span>
</span>
</span>
<span class="vu-explore-arrow">›</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
</a>


Line 1,039: Line 1,039:
<span class="vu-explore-description">Institutions and organized groups.</span>
<span class="vu-explore-description">Institutions and organized groups.</span>
</span>
</span>
<span class="vu-explore-arrow">›</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
</a>


Line 1,048: Line 1,048:
<span class="vu-explore-description">Events recorded throughout the history.</span>
<span class="vu-explore-description">Events recorded throughout the history.</span>
</span>
</span>
<span class="vu-explore-arrow">›</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
</a>


Line 1,057: Line 1,057:
<span class="vu-explore-description">The historical periods used by the wiki.</span>
<span class="vu-explore-description">The historical periods used by the wiki.</span>
</span>
</span>
<span class="vu-explore-arrow">›</span>
<span class="vu-explore-arrow">&gt;</span>
</a>
</a>
</nav>
</nav>
Line 1,074: Line 1,074:
<h2>
<h2>
<a data-wiki-title="Reichsministerium für Bergbau und Rohstoffe" href="/wiki/Reichsministerium_f%C3%BCr_Bergbau_und_Rohstoffe">
<a data-wiki-title="Reichsministerium für Bergbau und Rohstoffe" href="/wiki/Reichsministerium_f%C3%BCr_Bergbau_und_Rohstoffe">
Reichsministerium für Bergbau und Rohstoffe
Reichsministerium f&uuml;r Bergbau und Rohstoffe
</a>
</a>
</h2>
</h2>


<p>
<p>
The Reichsministerium für Bergbau und Rohstoffe was a central ministry of the
The Reichsministerium f&uuml;r Bergbau und Rohstoffe was a central ministry of the
<a data-wiki-title="Government of the Tanoa Einsatzgruppen" href="/wiki/Government_of_the_Tanoa_Einsatzgruppen">Government of the Tanoa Einsatzgruppen</a>.
<a data-wiki-title="Government of the Tanoa Einsatzgruppen" href="/wiki/Government_of_the_Tanoa_Einsatzgruppen">Government of the Tanoa Einsatzgruppen</a>.
It administered mining and the state supply of raw materials.
It administered mining and the state supply of raw materials.
Line 1,145: Line 1,145:


<div class="vu-people-controls">
<div class="vu-people-controls">
<button class="vu-slide-button" id="vu-person-prev" type="button" aria-label="Previous person">‹</button>
<button class="vu-slide-button" id="vu-person-prev" type="button" aria-label="Previous person">&lt;</button>
<button class="vu-slide-button" id="vu-person-toggle" type="button" aria-label="Pause slideshow">Pause</button>
<button class="vu-slide-button" id="vu-person-toggle" type="button" aria-label="Pause slideshow">Pause</button>


Line 1,154: Line 1,154:
<div class="vu-slide-count" id="vu-person-count">1 / 1</div>
<div class="vu-slide-count" id="vu-person-count">1 / 1</div>


<button class="vu-slide-button" id="vu-person-next" type="button" aria-label="Next person">›</button>
<button class="vu-slide-button" id="vu-person-next" type="button" aria-label="Next person">&gt;</button>
</div>
</div>
</section>
</section>
<div class="vu-heading">
<div class="vu-heading">
<div class="vu-heading-title">How to use this wiki</div>
<div class="vu-heading-title">How to use this wiki</div>
Line 1,244: Line 1,243:
var root = document.querySelector(".vu-main");
var root = document.querySelector(".vu-main");
var slider = document.getElementById("vu-people-slider");
var slider = document.getElementById("vu-people-slider");
var status = document.getElementById("vu-people-status");
var image = document.getElementById("vu-person-image");
var image = document.getElementById("vu-person-image");
var title = document.getElementById("vu-person-title");
var title = document.getElementById("vu-person-title");
Line 1,256: Line 1,256:
!root ||
!root ||
!slider ||
!slider ||
!status ||
!image ||
!image ||
!title ||
!title ||
Line 1,269: Line 1,270:


var fallbackImage = "/wiki/Special:Redirect/file/Vu-logo.png";
var fallbackImage = "/wiki/Special:Redirect/file/Vu-logo.png";
var cacheKey = "vu-main-people-slides-v5";
var cacheKey = "vu-main-people-slides-v9";
var cacheLifetime = 6 * 60 * 60 * 1000;
var cacheLifetime = 6 * 60 * 60 * 1000;
var slideInterval = 9000;
var slideInterval = 9000;
var apiPath = "/wiki/api.php";
var people = [];
var people = [];
var currentIndex = 0;
var currentIndex = 0;
Line 1,282: Line 1,284:
count.textContent = "1 / 1";
count.textContent = "1 / 1";
toggle.textContent = "Play";
toggle.textContent = "Play";
previous.textContent = "<";
next.textContent = ">";
function showStatus(message) {
if (!message) {
status.hidden = true;
status.textContent = "";
return;
}
status.textContent = message;
status.hidden = false;
}


function shuffle(items) {
function shuffle(items) {
Line 1,322: Line 1,337:


var finalSpace = cut.lastIndexOf(" ");
var finalSpace = cut.lastIndexOf(" ");
return cut.slice(0, finalSpace > 0 ? finalSpace : limit) + "…";
return cut.slice(0, finalSpace > 0 ? finalSpace : limit) + "...";
}
}


Line 1,337: Line 1,352:
}
}


function normalizePages(data) {
function pageUrl(pageTitle) {
var pages =
if (window.mw && mw.util) {
data &&
return mw.util.getUrl(pageTitle);
data.query &&
}
Array.isArray(data.query.pages)
? data.query.pages
: [];


return "/wiki/" + encodeURIComponent(pageTitle.replace(/ /g, "_"));
}
function normalizePages(pages) {
return shuffle(
return shuffle(
pages
pages
Line 1,362: Line 1,378:
extract: pageExtract,
extract: pageExtract,
image: getImage(page) || fallbackImage,
image: getImage(page) || fallbackImage,
url:
url: page.fullurl || pageUrl(page.title)
page.fullurl ||
(window.mw && mw.util
? mw.util.getUrl(page.title)
: "/wiki/" +
  encodeURIComponent(
  page.title.replace(/ /g, "_")
  ))
};
};
})
})
Line 1,497: Line 1,506:
function activateSlides(items) {
function activateSlides(items) {
if (!Array.isArray(items) || !items.length) {
if (!Array.isArray(items) || !items.length) {
showStatus("No people pages were loaded.");
return;
return;
}
}
Line 1,502: Line 1,512:
people = shuffle(items);
people = shuffle(items);
currentIndex = 0;
currentIndex = 0;
previous.disabled = false;
previous.disabled = people.length < 2;
next.disabled = false;
next.disabled = people.length < 2;
toggle.disabled = false;
toggle.disabled = people.length < 2;
showStatus("");
showSlide(0);
showSlide(0);
setPlaying(true);
setPlaying(people.length > 1);
}
}


Line 1,540: Line 1,551:
});
});


var cachedPeople = readCache();
function buildQuery(params) {
var parts = [];
 
Object.keys(params).forEach(function (key) {
parts.push(
encodeURIComponent(key) +
"=" +
encodeURIComponent(params[key])
);
});
 
return parts.join("&");
}
 
function requestJson(params) {
return window
.fetch(apiPath + "?" + buildQuery(params), {
credentials: "same-origin"
})
.then(function (response) {
if (!response.ok) {
throw new Error("API HTTP " + response.status);
}


if (cachedPeople) {
return response.json();
activateSlides(cachedPeople);
});
}
}


if (!window.mw || !mw.loader) {
function copyParams(params) {
return;
var copied = {};
 
Object.keys(params).forEach(function (key) {
copied[key] = params[key];
});
 
return copied;
}
}


mw.loader
function loadCategoryMembers(params, collectedPages) {
.using(["mediawiki.api", "mediawiki.util"])
return requestJson(params).then(function (data) {
.then(
var nextPages =
function () {
data &&
var api = new mw.Api();
data.query &&
Array.isArray(data.query.categorymembers)
? data.query.categorymembers
: [];
var allPages = collectedPages.concat(nextPages);
 
if (data && data.continue) {
var nextParams = copyParams(params);


/*
Object.keys(data.continue).forEach(function (key) {
* One request obtains category members, lead extracts,
nextParams[key] = data.continue[key];
* page images and page URLs.
*/
return api.get({
action: "query",
generator: "categorymembers",
gcmtitle: "Category:People",
gcmnamespace: 0,
gcmtype: "page",
gcmlimit: "max",
prop: "extracts|pageimages|info",
exintro: 1,
explaintext: 1,
exchars: 700,
piprop: "thumbnail|original",
pithumbsize: 1000,
inprop: "url",
redirects: 1,
formatversion: 2
});
});
},
 
function () {
showStatus("Loading people... " + String(allPages.length));
return null;
return loadCategoryMembers(nextParams, allPages);
}
}
)
.then(
function (data) {
var loadedPeople = normalizePages(data);


if (!loadedPeople.length) {
return allPages;
return;
});
}
}
 
function uniqueTitles(items) {
var seen = {};
var titles = [];


saveCache(loadedPeople);
items.forEach(function (item) {
activateSlides(loadedPeople);
if (!item || !item.title || seen[item.title]) {
},
function () {
/*
* The initial slide remains visible if the request fails.
* No permanent loading message is shown.
*/
return;
return;
}
}
);
 
seen[item.title] = true;
titles.push(item.title);
});
 
return titles;
}
 
function loadPageDetails(titles) {
var groups = [];
 
for (var index = 0; index < titles.length; index += 1) {
groups.push(titles.slice(index, index + 1));
}
 
return groups
.reduce(function (chain, group) {
return chain.then(function (pages) {
return requestJson({
action: "query",
titles: group.join("|"),
prop: "extracts|pageimages|info",
exintro: 1,
explaintext: 1,
exchars: 700,
piprop: "thumbnail|original",
pithumbsize: 1000,
inprop: "url",
redirects: 1,
formatversion: 2,
format: "json"
}).then(function (data) {
var nextPages =
data &&
data.query &&
Array.isArray(data.query.pages)
? data.query.pages
: [];
 
if (
(pages.length + nextPages.length) % 10 === 0 ||
pages.length + nextPages.length === titles.length
) {
showStatus(
"Loading details... " +
String(pages.length + nextPages.length) +
" / " +
String(titles.length)
);
}
return pages.concat(nextPages);
});
});
}, Promise.resolve([]));
}
 
var cachedPeople = readCache();
 
if (cachedPeople) {
activateSlides(cachedPeople);
}
 
if (!window.fetch) {
showStatus("This browser cannot load the people list.");
return;
}
 
showStatus("Loading people...");
loadCategoryMembers(
{
action: "query",
list: "categorymembers",
cmtitle: "Category:People",
cmnamespace: 0,
cmtype: "page",
cmlimit: "max",
formatversion: 2,
format: "json"
},
[]
)
.then(function (members) {
var titles = uniqueTitles(members);
showStatus("Loading details... 0 / " + String(titles.length));
return loadPageDetails(titles);
})
.then(function (pages) {
var loadedPeople = normalizePages(pages);
 
saveCache(loadedPeople);
activateSlides(loadedPeople);
})
.catch(function () {
showStatus("Could not load people list.");
});


/*
/*
Line 1,606: Line 1,722:
* keep MediaWiki's red-link appearance.
* keep MediaWiki's red-link appearance.
*/
*/
mw.loader
if (window.mw && mw.loader) {
.using(["mediawiki.api", "mediawiki.util"])
mw.loader
.then(function () {
.using(["mediawiki.api", "mediawiki.util"])
var api = new mw.Api();
.then(function () {
var links = Array.prototype.slice.call(
var api = new mw.Api();
root.querySelectorAll("a[data-wiki-title]")
var links = Array.prototype.slice.call(
);
root.querySelectorAll("a[data-wiki-title]")
);


var titles = links
var titles = links
.map(function (item) {
.map(function (item) {
return item.getAttribute("data-wiki-title");
return item.getAttribute("data-wiki-title");
})
})
.filter(function (item, index, allItems) {
.filter(function (item, index, allItems) {
return item && allItems.indexOf(item) === index;
return item && allItems.indexOf(item) === index;
});
});


if (!titles.length) {
if (!titles.length) {
return;
return;
}
}


return api
return api
.get({
.get({
action: "query",
action: "query",
titles: titles.join("|"),
titles: titles.join("|"),
formatversion: 2
formatversion: 2
})
})
.then(function (data) {
.then(function (data) {
var missing = {};
var missing = {};


if (data.query && Array.isArray(data.query.pages)) {
if (data.query && Array.isArray(data.query.pages)) {
data.query.pages.forEach(function (page) {
data.query.pages.forEach(function (page) {
if (page.missing) {
if (page.missing) {
missing[page.title] = true;
missing[page.title] = true;
}
}
});
});
}
}


links.forEach(function (item) {
links.forEach(function (item) {
var pageTitle =
var pageTitle =
item.getAttribute("data-wiki-title");
item.getAttribute("data-wiki-title");


if (!missing[pageTitle]) {
if (!missing[pageTitle]) {
return;
return;
}
}


item.classList.add("new");
item.classList.add("new");
item.href = mw.util.getUrl(pageTitle, {
item.href = mw.util.getUrl(pageTitle, {
action: "edit",
action: "edit",
redlink: 1
redlink: 1
});
item.title =
pageTitle + " (page does not exist)";
});
});
item.title =
pageTitle + " (page does not exist)";
});
});
});
});
},
}
function () {
return;
});
});
});
})();
})();
Retrieved from "https://vriendenuniverse.org/wiki/Main_Page"