MediaWiki:Common.js: Difference between revisions

From Ylvapedia
Jump to navigation Jump to search
(testing conditional formatting for tables for red or green text based on keywords)
 
mNo edit summary
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */
importScript('MediaWiki:jquery.js');
importScript('MediaWiki:jquery.js');
$(document).ready(function () {
$(document).ready(function () {
     // Define the values for red and green text
     // Define the values for red and green text
Line 12: Line 13:
         // Check if cell text contains any redValues partially
         // Check if cell text contains any redValues partially
         if (redValues.some(value => cellText.includes(value))) {
         if (redValues.some(value => cellText.includes(value))) {
             $(this).css('color', '#6f0000');
             $(this).css('color', 'red');
         }
         }


         // Check if cell text contains any greenValues partially
         // Check if cell text contains any greenValues partially
         if (greenValues.some(value => cellText.includes(value))) {
         if (greenValues.some(value => cellText.includes(value))) {
             $(this).css('color', 'darkgreen');
             $(this).css('color', 'green');
         }
         }
     });
     });
});
});

Revision as of 22:55, 2 March 2024

/* Any JavaScript here will be loaded for all users on every page load. */
importScript('MediaWiki:jquery.js');

$(document).ready(function () {
    // Define the values for red and green text
    var redValues = ["Dry", "Fairy Sized", "Dead", "Stinky", "Boring", "Crunchy", "Bitter", "Tarnished", "Bland", "Coarse", "Rustic", "Dull Color", "Harmful Substance", "Squishy", "Tasteless", "Ugly"];
    var greenValues = ["Slightly moist", "Pumpkin Sized", "Almost Moving", "Faint Aroma", "Unusual", "Slightly Firm", "Slightly Sweet", "Concerning", "Collagen Rich", "Creamy", "Somewhat Dense", "Slightly Rough", "Pale Color", "Trace Vitamins", "Flaky", "Somewhat Spicy", "Glossy", ];

    // Loop through each table cell in wikitable
    $('.wikitable td').each(function () {
        var cellText = $(this).text().trim();

        // Check if cell text contains any redValues partially
        if (redValues.some(value => cellText.includes(value))) {
            $(this).css('color', 'red');
        }

        // Check if cell text contains any greenValues partially
        if (greenValues.some(value => cellText.includes(value))) {
            $(this).css('color', 'green');
        }
    });
});