MediaWiki:Tierlist.js: Difference between revisions

From Roat Pkz
Jump to navigation Jump to search
(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) {...")
 
No edit summary
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);
             }
             }



Revision as of 09:10, 18 July 2026

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

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

    let draggedItem = null;

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

        item.draggable = true;

        item.addEventListener("dragstart", function() {
            draggedItem = item;
            console.log("Dragging:", item.id);
        });

    });


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

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


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

            if (draggedItem) {
                container.appendChild(draggedItem);
                console.log("Dropped:", draggedItem.id);
            }

        });

    });

});