MediaWiki:Common.js
From Comprehensible Input Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
//Wait for page to be parsed
$(document).ready( function () {
if(window.location.hostname == 'comprehensibleinput.miraheze.org'){
currentUrl = new RegExp("(^.*)" + window.location.hostname + "(.*$)", 'g').exec(window.location);
newUrl = currentUrl[1] + "comprehensibleinputwiki.org" + currentUrl[2];
$('#bodyContent').prepend('<div id="newUrlDiv" style="display:none">New URL! Go to <a href="' + newUrl + '"><b>comprehensibleinputwiki.org</b></a>!</div>');
document.querySelector('#newUrlDiv').style.display="block"
}
mw.loader.load( '/w/index.php?title=Mediawiki:Datatables.js&action=raw&ctype=text/javascript' );
mw.loader.load( '/w/index.php?title=Mediawiki:Datatables_custom.js&action=raw&ctype=text/javascript' );
console.log("test4");
// Insert random video on main page
$( function () {
if(document.querySelector('.mw-page-title-main').innerHTML == "Main Page"){
api = new mw.Api();
api.parse(
'{{#invoke:Random Video|randomVideo}}' )
.done( function ( response ) {
regex = /(\{.+\})/g;
vidData = JSON.parse(response.match(regex)[0]);
console.log(vidData.id);
evHtml = '<figure class="embedvideo" data-service="youtube" data-iframeconfig="{"class":"embedvideo-player","loading":"lazy","frameborder":0,"allow":"accelerometer; clipboard-write; encrypted-media; fullscreen; gyroscope; picture-in-picture; autoplay","modestbranding":1,"width":320,"height":180,"src":"//www.youtube-nocookie.com/embed/' + vidData.id + '?autoplay=1"}" style="width:320px; margin:auto"><span class="embedvideo-wrapper" style="height:180px"><div class="embedvideo-consent" data-show-privacy-notice="1"><div class="embedvideo-overlay"><div class="embedvideo-loader" role="button"><div class="embedvideo-loader__fakeButton">Load video</div><div class="embedvideo-loader__footer"><div class="embedvideo-loader__service">YouTube</div></div></div><div class="embedvideo-privacyNotice hidden"><div class="embedvideo-privacyNotice__content">YouTube might collect personal data. <a href="https://www.youtube.com/howyoutubeworks/user-settings/privacy/" rel="nofollow,noopener" target="_blank" class="embedvideo-privacyNotice__link">Privacy Policy</a></div><div class="embedvideo-privacyNotice__buttons"><button class="embedvideo-privacyNotice__continue">Continue</button><button class="embedvideo-privacyNotice__dismiss">Dismiss</button></div></div></div></div></span></figure>';
fullHtml = '<div id="random-vid"> <div style="text-align:center"><b>Random video from the <a href="/wiki/Library">Library</a></b></div> <div style="text-align:center"><a href="/wiki/' + vidData.language + '/Library">' + vidData.language + '</a> (' + vidData.difficulty + ')</div><div style="width:min-content;margin:auto">' + evHtml + '</div><div style="text-align:center">' + vidData.title + '<br>Channel: ' + vidData.channel + '</div></div>';
document.querySelector('#summary_link').insertAdjacentHTML('afterend' , fullHtml);
mw.loader.using( 'ext.embedVideo.styles' , function() {
mw.loader.load( 'ext.embedVideo.overlay' );
mw.loader.load( 'ext.embedVideo.consent' );
});
} );
}
} );
});
