MediaWiki:Mobile.js: Difference between revisions
Juho Kunsola (talk | contribs) (Created page with "→All JavaScript here will be loaded for users of the mobile site: →All JavaScript here will be loaded for users of the mobile site: /* Below adapted from https://www...") |
Juho Kunsola (talk | contribs) (tweaks) |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* All JavaScript here will be loaded for users of the mobile site */ | /* All JavaScript here will be loaded for users of the mobile site */ | ||
Line 14: | Line 12: | ||
clearInterval(timer); | clearInterval(timer); | ||
$('.menu ul:first').after( | $('.menu ul:first').after( | ||
'<ul class =" | ' <ul class="level1"> \ | ||
<li> \ | <li> \ | ||
<a href="https://stop-synthetic-filth.org/wiki/Synthetic_human-like_fakes" \ | <a href="https://stop-synthetic-filth.org/wiki/Synthetic_human-like_fakes" \ | ||
Line 69: | Line 67: | ||
</a> \ | </a> \ | ||
</li> \ | </li> \ | ||
<li> \ | <li> \ | ||
<a href="#" \ | <a href="#" \ | ||
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | ||
<span>#SSF! In other languages</span> \ | |||
<span>#SSF! | |||
</a> \ | </a> \ | ||
</li> \ | </li> \ | ||
<ul class ="level2"> \ | |||
<li> \ | |||
<a href="https://stop-synthetic-filth.org/wp/" \ | |||
class="mw-ui-icon mw-ui-icon-before"> \ | |||
<span>Stop Synthetic Filth! wordpress in English #SSF!</span> \ | |||
</a> \ | |||
</li> \ | |||
<li> \ | |||
<a href="https://stop-synthetic-filth.org/wp/fr/page-daccueil/" \ | |||
class="mw-ui-icon mw-ui-icon-before"> \ | |||
<span>Arrêtons les saletés synthétiques! accueil</span> \ | |||
</a> \ | |||
</li> \ | |||
<li> \ | |||
<a href="https://stop-synthetic-filth.org/wp/fi/kotisivu/" \ | |||
class="mw-ui-icon mw-ui-icon-before"> \ | |||
<span>Stoppi synteettiselle saastalle! kotisivu</span> \ | |||
</a> \ | |||
</li> \ | |||
<li> \ | |||
<a href="https://stop-synthetic-filth.org/wp/sv/hemsida/" \ | |||
class="mw-ui-icon mw-ui-icon-before"> \ | |||
<span>Stoppa syntetisk orenhet! hemsida</span> \ | |||
</a> \ | |||
</li> \ | |||
<li> \ | |||
<a href="https://stop-synthetic-filth.org/wp/et/koduleht/" \ | |||
class="mw-ui-icon mw-ui-icon-before"> \ | |||
<span>Stopp sünteetisele saastale! koduleht</span> \ | |||
</a> \ | |||
</li> \ | |||
</ul> \ | |||
</ul>' | </ul>' | ||
); | ); | ||
$(".menu").find(".level2").hide(); // hide level2 until level1 is clicked | $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked |
Latest revision as of 13:34, 18 January 2021
/* All JavaScript here will be loaded for users of the mobile site */
/* Below adapted from https://www.mediawiki.org/wiki/Topic:Vqy1kx6q4e0bzvyb */
/* Add to MediaWiki:Mobile.js for custom Mobile Menu links
for MW-1.34.2 with MobileFrontend and MinervaNeue
Just replace span text and href to add links */
var timer = setInterval(function() {
if ($('.menu ul:first').length) {
console.log("mobile menu exists");
clearInterval(timer);
$('.menu ul:first').after(
' <ul class="level1"> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/Synthetic_human-like_fakes" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Synthetic human-like fakes</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/Adequate_Porn_Watcher_AI" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Adequate Porn Watcher AI</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/How_to_protect_yourself_and_others_from_covert_modeling" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>How to protect yourself and others from covert modeling</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/Biblical_explanation_-_The_books_of_Daniel_and_Revelation" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Biblical explanation - The books of Daniel and Revelation</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/Mediatheque" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Mediatheque</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/Glossary" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Glossary</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/Resources" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Resources</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/Marketing_against_synthetic_filth" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Marketing against synthetic filth</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wiki/SSF:About" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>About the SSF! wiki</span> \
</a> \
</li> \
<li> \
<a href="#" \
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
<span>#SSF! In other languages</span> \
</a> \
</li> \
<ul class ="level2"> \
<li> \
<a href="https://stop-synthetic-filth.org/wp/" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Stop Synthetic Filth! wordpress in English #SSF!</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wp/fr/page-daccueil/" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Arrêtons les saletés synthétiques! accueil</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wp/fi/kotisivu/" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Stoppi synteettiselle saastalle! kotisivu</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wp/sv/hemsida/" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Stoppa syntetisk orenhet! hemsida</span> \
</a> \
</li> \
<li> \
<a href="https://stop-synthetic-filth.org/wp/et/koduleht/" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Stopp sünteetisele saastale! koduleht</span> \
</a> \
</li> \
</ul> \
</ul>'
);
$(".menu").find(".level2").hide(); // hide level2 until level1 is clicked
$(".level1").click(function(event){
$(this).find(".level2").slideToggle(500);
}); // if level1 is clicked, dropdown level2
}
}, 100); // check every 100ms