Module:Item Navbox: Difference between revisions

Jump to navigation Jump to search
No edit summary
Undo revision 92006 by Kai (talk)
Tag: Undo
Line 94: Line 94:


     local html = {}
     local html = {}
    table.insert(html, '<div class="itemnav-header"> [[Items]] <div class="item-nav-search-container"></div></div>\n')
table.insert(html, '<div class="itemnav-header"> [[Items]] <div class="item-nav-search-container"></div></div>\n')
     table.insert(html, '<div class="itemnav-container"><templatestyles src="User:Kai/mp/itemnavbox/styles.css"/>\n')
     table.insert(html, '<div class="itemnav-container"><templatestyles src="User:Kai/mp/itemnavbox/styles.css"/>\n')


Line 114: Line 114:


     for _, cat in ipairs(categories) do
     for _, cat in ipairs(categories) do
        -- Create a clean ID lowercase string for targeting (e.g., "weapon", "vitality", "spirit")
         table.insert(html, '\n<div class="itemnav-type-header">\'\'\'' .. cat.header .. '\'\'\'</div>\n')
        local toggle_id = string.lower(cat.header)
         table.insert(html, '<div class="itemnav-type-container">\n')
 
        -- 1. Added mw-customtoggle-[id] class to the header element.
        -- 2. Added 'cursor: pointer;' to styles to denote that it is clickable.
         table.insert(html, '\n<div class="itemnav-type-header mw-customtoggle-' .. toggle_id .. '" style="cursor: pointer;">\'\'\'' .. cat.header .. '\'\'\'</div>\n')
       
        -- 3. Added 'mw-collapsible mw-customcollapsible-[id]' classes to the content wrapper.
         table.insert(html, '<div class="itemnav-type-container mw-collapsible mw-customcollapsible-' .. toggle_id .. '">\n')


         for _, tier in ipairs(tiers) do
         for _, tier in ipairs(tiers) do
Line 129: Line 122:


             table.insert(html, '\n<div class="imsodonenamingclasses">\n')
             table.insert(html, '\n<div class="imsodonenamingclasses">\n')
             table.insert(html, '<div class="' .. css_class .. '">' .. tier.label .. '</div><div class="itemnav-cost-type-container">' .. items_wikitext .. '</div>\n')
             table.insert(html, '<div class="' .. css_class .. '">' .. tier.label .. '</div><!--\n')
            table.insert(html, '--><div class="itemnav-cost-type-container">' .. items_wikitext .. '</div>\n')
             table.insert(html, '</div>\n')
             table.insert(html, '</div>\n')
         end
         end