MediaWiki:Common.js: Difference between revisions

Help

  1 /* Any JavaScript here will be loaded for all users on every page load. */
  2 
  3 /* ============================================================
  4    THEME TOGGLE — Dark/Light mode switcher
  5    Defaults to dark. Saves preference to localStorage.
  6    ============================================================ */
  7 (function() {
  8     // Apply theme from localStorage BEFORE page renders (avoid flash)
  9     var saved = localStorage.getItem('flatmmo-theme') || 'dark';
 10     document.documentElement.className += ' ' + saved + '-theme';
 11     document.addEventListener('DOMContentLoaded', function() {
 12         document.body.classList.add(saved + '-theme');
 13     });
 14 })();
 15 
 16 $(document).ready(function () {
 17 console.log("loaded")
 18 
 19 // --- Theme toggle button ---
 20 (function() {
 21     var currentTheme = localStorage.getItem('flatmmo-theme') || 'dark';
 22 
 23     // Ensure body has the right class
 24     document.body.classList.remove('dark-theme', 'light-theme');
 25     document.body.classList.add(currentTheme + '-theme');
 26 
 27     // Create toggle button
 28     var btn = document.createElement('button');
 29     btn.className = 'theme-toggle-btn';
 30     btn.title = 'Toggle light/dark mode';
 31     btn.textContent = currentTheme === 'dark' ? '☀️' : '🌙';
 32 
 33     btn.addEventListener('click', function() {
 34         var isDark = document.body.classList.contains('dark-theme');
 35         var newTheme = isDark ? 'light' : 'dark';
 36 
 37         document.body.classList.remove('dark-theme', 'light-theme');
 38         document.body.classList.add(newTheme + '-theme');
 39         document.documentElement.classList.remove('dark-theme', 'light-theme');
 40         document.documentElement.classList.add(newTheme + '-theme');
 41 
 42         localStorage.setItem('flatmmo-theme', newTheme);
 43         btn.textContent = newTheme === 'dark' ? '☀️' : '🌙';
 44     });
 45 
 46     // Insert into Cosmos header (next to wiki buttons) or fallback to content area
 47     var target = document.querySelector('.cosmos-header__wiki-buttons')
 48               || document.querySelector('.cosmos-actions')
 49               || document.querySelector('.wds-button-group')
 50               || document.querySelector('#content');
 51     if (target) {
 52         if (target.id === 'content') {
 53             // Fallback: put it at the top of content
 54             target.insertBefore(btn, target.firstChild);
 55         } else {
 56             target.appendChild(btn);
 57         }
 58     }
 59 })();
 60 
 61 $.getScript(mw.util.getUrl("MediaWiki:ProfileTags.js") + "?action=raw&ctype=text/javascript");
 62 	if (document.getElementById("interactiveMap")) {
 63 console.log("map loaded")
 64 		$.getScript(mw.util.getUrl("MediaWiki:InteractiveMap/Objects.js") + "?action=raw&ctype=text/javascript", function() {
 65             $.getScript(mw.util.getUrl("MediaWiki:InteractiveMap/NPCs.js") + "?action=raw&ctype=text/javascript", function() {
 66                 $.getScript(mw.util.getUrl("MediaWiki:InteractiveMap/Maps.js") + "?action=raw&ctype=text/javascript", function() {
 67                     $.getScript(mw.util.getUrl("MediaWiki:InteractiveMap.js") + "?action=raw&ctype=text/javascript", function() {
 68                     });
 69                 });
 70             });
 71         });
 72 	}
 73 
 74 	if (document.getElementById("wardrobe")) {
 75 		$.getScript(mw.util.getUrl("MediaWiki:Wardrobe.js") + "?action=raw&ctype=text/javascript");
 76 		console.log("wardrobe loaded")
 77 	}
 78 
 79     if (document.getElementById("mapEditor")) {
 80         $.getScript("https://cdn.jsdelivr.net/npm/interactjs/dist/interact.min.js", function() {
 81             $.getScript(mw.util.getUrl("MediaWiki:InteractiveMap/Objects.js") + "?action=raw&ctype=text/javascript", function() {
 82                 $.getScript(mw.util.getUrl("MediaWiki:InteractiveMap/NPCs.js") + "?action=raw&ctype=text/javascript", function() {
 83                     $.getScript(mw.util.getUrl("MediaWiki:InteractiveMap/Maps.js") + "?action=raw&ctype=text/javascript", function() {
 84                         $.getScript(mw.util.getUrl("MediaWiki:MapEditor.js") + "?action=raw&ctype=text/javascript", function() {
 85                         });
 86                     });
 87                 });
 88             });
 89         });
 90     }
 91 if (document.querySelector(".code")) {
 92 	$.getScript("../custom/highlight.min.js", ()=>{
 93 		document.querySelectorAll(".code").forEach(el=>hljs.highlightElement(el))
 94 		console.log('Code highlighted');
 95 	});
 96 }
 97 
 98 if (document.querySelector('[class*="Tracker"]') && !document.querySelector('[class*="page-MediaWiki"]')) {
 99 	$.getScript(mw.util.getUrl("MediaWiki:Trackers.js") + "?action=raw&ctype=text/javascript");
100     console.log("Tracker loaded");
101 }
102 
103 if (document.getElementById("enemiesDB")) {
104 	$.getScript(mw.util.getUrl("MediaWiki:Update_DB.js") + "?action=raw&ctype=text/javascript");
105 	console.log("DB Updater Loaded")
106 }
107 function hitChance(accuracy, defence) {
108     accuracy = parseInt(accuracy);
109     defence = parseInt(defence);
110     let hitChance = 0;
111     if(accuracy >= defence) {
112         hitChance = 1;
113     } else {
114         hitChance = 1 / (1 + defence - accuracy)
115     }
116     return (hitChance * 100).toFixed(2);
117 }
118 if (document.querySelector('.hitChance')) {
119     document.querySelectorAll(".hitChance").forEach(el => {
120         let [acc, def] = el.innerText.split(",")
121         el.innerText = "";
122         const accSpan = document.createElement("span");
123         const defSpan = document.createElement("span");
124         const hitSpan = document.createElement("span");
125         const accInput = document.createElement("input");
126         const defInput = document.createElement("input");
127         const hitValueSpan = document.createElement("span");
128 
129         accSpan.innerText = "Accuracy:";
130         defSpan.innerText = "Defence:";
131         hitSpan.innerText = "Hit Chance:";
132 
133         accInput.type = "number";
134         defInput.type = "number";
135         accInput.min = 0;
136         defInput.min = 0;
137         if(acc !== "0") {
138             accInput.disabled = true;
139         }
140         if(def !== "0") {
141             defInput.disabled = true
142         }
143         def = def < 0 ? 0 : def;
144         acc = acc < 0 ? 0 : acc;
145         accInput.defaultValue = acc;
146         defInput.defaultValue = def;
147         accInput.onchange = function(){
148             hitValueSpan.innerText = hitChance(accInput.value, defInput.value) + "%";
149         }
150         defInput.onchange = function(){
151             hitValueSpan.innerText = hitChance(accInput.value, defInput.value) + "%";
152         }
153         el.append(accSpan, accInput, defSpan, defInput, hitSpan, hitValueSpan);
154         hitValueSpan.innerText = hitChance(accInput.value, defInput.value) + "%";
155     })
156 }
157 
158 });