MediaWiki:Tierlist.js - Revision history

Hefner at 09:24, 18 July 2026

2026-07-18T09:24:53Z

Hefner at 09:15, 18 July 2026

2026-07-18T09:15:45Z

@@ Line 5: / Line 5: @@
      let draggedItem = null;
-         item.draggable = true;
+    // Make tier items draggable
              draggedItem = item;
              console.log("Dragging:", item.id);
          });
@@ Line 17: / Line 34: @@
-         container.addEventListener("dragover", function(e) {
+    // Setup drop zones
              e.preventDefault();
          });
          container.addEventListener("drop", function(e) {
              e.preventDefault();
-             if (draggedItem) {
+             container.classList.remove("tier-hover");
-                container.appendChild(draggedItem);
-                console.log("Dropped:", draggedItem.id);
+             }
@@ Line 35: / Line 91: @@
      });
 });

Hefner at 09:10, 18 July 2026

2026-07-18T09:10:59Z

← Older revision		Revision as of 09:10, 18 July 2026
Line 3:		Line 3:
	console.log("✅ TierList.js loaded");		console.log("✅ TierList.js loaded");

	document.querySelectorAll(".tier-item").forEach(function (item) {		let draggedItem = null;

			document.querySelectorAll(".tier-item").forEach(function(item) {

	item.draggable = true;		item.draggable = true;

	item.addEventListener("dragstart", function (e) {		item.addEventListener("dragstart", function() {
	~~e.dataTransfer~~.~~setData~~("~~text/plain~~", item.id);		draggedItem = item;
			console.log("Dragging:", item.id);
	});		});

Line 14:		Line 17:


	document.querySelectorAll(".tier-items").forEach(function (~~tier~~) {		document.querySelectorAll(".tier-items").forEach(function(container) {

	~~tier~~.addEventListener("dragover", function (e) {		container.addEventListener("dragover", function(e) {
	e.preventDefault();		e.preventDefault();
	});		});


	~~tier~~.addEventListener("drop", function (e) {		container.addEventListener("drop", function(e) {
	e.preventDefault();		e.preventDefault();

	~~let id = e.dataTransfer.getData~~(~~"text/plain"~~);		if (draggedItem) {
	~~let item = document~~.~~getElementById~~(id);		container.appendChild(draggedItem);
			console.log("Dropped:", draggedItem.id);
	~~if (item) {~~
	~~tier~~.~~appendChild~~(~~item~~);
	}		}

Hefner: Created page with "mw.loader.using('mediawiki.util').then(function () { console.log("✅ TierList.js loaded"); document.querySelectorAll(".tier-item").forEach(function (item) { item.draggable = true; item.addEventListener("dragstart", function (e) { e.dataTransfer.setData("text/plain", item.id); }); }); document.querySelectorAll(".tier-items").forEach(function (tier) { tier.addEventListener("dragover", function (e) {..."

2026-07-18T09:07:10Z

Created page with "mw.loader.using('mediawiki.util').then(function () { console.log("✅ TierList.js loaded"); document.querySelectorAll(".tier-item").forEach(function (item) { item.draggable = true; item.addEventListener("dragstart", function (e) { e.dataTransfer.setData("text/plain", item.id); }); }); document.querySelectorAll(".tier-items").forEach(function (tier) { tier.addEventListener("dragover", function (e) {..."

New page

mw.loader.using('mediawiki.util').then(function () {

console.log("✅ TierList.js loaded");

document.querySelectorAll(".tier-item").forEach(function (item) {

item.draggable = true;

item.addEventListener("dragstart", function (e) {
e.dataTransfer.setData("text/plain", item.id);
});

});

document.querySelectorAll(".tier-items").forEach(function (tier) {

tier.addEventListener("dragover", function (e) {
e.preventDefault();
});

tier.addEventListener("drop", function (e) {
e.preventDefault();

let id = e.dataTransfer.getData("text/plain");
let item = document.getElementById(id);

if (item) {
tier.appendChild(item);
}

});

});

});