Module:NavboxMobile: Difference between revisions

No edit summary
No edit summary
 
(77 intermediate revisions by the same user not shown)
Line 50: Line 50:


local function add_list_styles()
local function add_list_styles()
local frame = mw.getCurrentFrame()
    local frame = mw.getCurrentFrame()
local function add_list_templatestyles(htmlclass, templatestyles)
    local function add_list_templatestyles(htmlclass, templatestyles)
if has_list_class(htmlclass) then
        if has_list_class(htmlclass) then
return frame:extensionTag{
            return frame:extensionTag{
name = 'templatestyles', args = { src = templatestyles }
                name = 'templatestyles', args = { src = templatestyles }
}
            }
else
        else
return ''
            return ''
end
        end
end
    end
       
local hlist_styles = add_list_templatestyles('hlist', cfg.hlist_templatestyles)
    local hlist_styles = add_list_templatestyles('hlist', cfg.hlist_templatestyles)
local plainlist_styles = add_list_templatestyles('plainlist', cfg.plainlist_templatestyles)
    local plainlist_styles = add_list_templatestyles('plainlist', cfg.plainlist_templatestyles)
   
-- a second workaround for [[phab:T303378]]
    -- a second workaround for [[phab:T303378]]
-- when that issue is fixed, we can actually use has_navbar not to emit the
    -- when that issue is fixed, we can actually use has_navbar not to emit the
-- tag here if we want
    -- tag here if we want
if has_navbar() and hlist_styles == '' then
    if has_navbar() and hlist_styles == '' then
hlist_styles = frame:extensionTag{
        hlist_styles = frame:extensionTag{
name = 'templatestyles', args = { src = cfg.hlist_templatestyles }
            name = 'templatestyles', args = { src = cfg.hlist_templatestyles }
}
        }
end
    end
   
-- hlist -> plainlist is best-effort to preserve old Common.css ordering.
    -- hlist -> plainlist is best-effort to preserve old Common.css ordering.
-- this ordering is not a guarantee because most navboxes will emit only
    -- this ordering is not a guarantee because most navboxes will emit only
-- one of these classes [hlist_note]
    -- one of these classes [hlist_note]
return hlist_styles .. plainlist_styles
    return hlist_styles .. plainlist_styles
end
end


Line 95: Line 95:


     -- Combine list styles with base and user styles
     -- Combine list styles with base and user styles
     local list_styles = add_list_styles() -- Ensure this function is defined or required appropriately
     local list_styles = add_list_styles()
     local base_templatestyles = cfg.templatestyles
     local base_templatestyles = cfg.templatestyles
     local templatestyles = add_user_styles(args[cfg.arg.templatestyles])
     local templatestyles = add_user_styles(args[cfg.arg.templatestyles])
Line 146: Line 146:
     if not item then
     if not item then
         return '' -- Prevent nil errors
         return '' -- Prevent nil errors
    end
    if item == 'child' then
        return '' -- Do not render the word "child"
     end
     end
     if item:sub(1, 2) == '{|' then
     if item:sub(1, 2) == '{|' then
         -- Applying nowrap to lines in a table does not make sense.
         -- Applying nowrap to lines in a table does not make sense.
         -- Add newlines to compensate for trim of x in |parm=x in a template.
         -- Add newlines to compensate for trim of x in |parm=x in a template.
        item = item:gsub('|%s*width%s*=%s*"[%d%w]+"', '| width="100%"')
         return '\n' .. item .. '\n'
         return '\n' .. item .. '\n'
     end
     end
     if nowrapitems == cfg.keyword.nowrapitems_yes then
     if nowrapitems == cfg.keyword.nowrapitems_yes or true then
         local lines = {}
         local lines = {}
         for line in (item .. '\n'):gmatch('([^\n]*)\n') do
         for line in (item .. '\n'):gmatch('([^\n]*)\n') do
Line 169: Line 167:
         return '\n' .. item .. '\n'
         return '\n' .. item .. '\n'
     end
     end
    -- Ensure no excessive whitespace
    item = mw.ustring.gsub(item, "%s+", " ")
     return item
     return item
end
end




Line 198: Line 196:
     return tbl:tag('tr')
     return tbl:tag('tr')
end
end


-- Function to render the navigation bar
-- Function to render the navigation bar
local function renderNavBar(titleCell)
local function renderNavBar(cell)
    local spacerSide = nil
 
     if args.navbar == 'off' then
     if args.navbar == 'off' then
         if args.state == 'plain' then spacerSide = 'right' end
         return -- Don't render anything if Navbar is off
    elseif args.navbar == 'plain' or (not args.name and mw.getCurrentFrame():getParent():getTitle():gsub('/sandbox$', '') == 'Template:navbox') then
        if args.state ~= 'plain' then spacerSide = 'left' end
    else
        if args.state == 'plain' then spacerSide = 'right' end
 
        titleCell:wikitext(navbar{
            args.name,
            mini = 1,
            fontstyle = (args.basestyle or '') .. ';' .. (args.titlestyle or '') ..  ';background:none transparent;border:none;'
        })
     end
     end


     if spacerSide then
     -- Render the Navbar
         titleCell
    cell:wikitext(navbar{
            :tag('span')
        args.name,
                :css('float', spacerSide)
         mini = 1,
                :css('width', '6em')
        fontstyle = (args.basestyle or '') .. ';' .. (args.titlestyle or '') .. ';background:none transparent;border:none;'
                :wikitext(' ')
     })
     end
end
end


--
--
Line 235: Line 219:


     local titleRow = addTableRow(tbl)
     local titleRow = addTableRow(tbl)
    if args.titlegroup then
        titleRow
            :tag('th')
                :attr('scope', 'row')
                :addClass('navboxMobile-group-content')
                :addClass(args.titlegroupclass)
                :cssText(args.basestyle)
                :cssText(args.groupstyle)
                :cssText(args.titlegroupstyle)
                :wikitext(args.titlegroup)
    end
     local titleCell = titleRow:tag('th'):attr('scope', 'col')
     local titleCell = titleRow:tag('th'):attr('scope', 'col')
    if args.titlegroup then
        titleCell
            :css('border-left', '2px solid #fdfdfd')
            :css('width', '100%')
    end
    local titleColspan = 2
    if args.titlegroup then titleColspan = titleColspan - 1 end
    titleCell
         :addClass('navboxMobile-title')
         :addClass('navboxMobile-title')
         :addClass(cfg.class.navbox_list) -- Add consistent list styling
         :addClass(cfg.class.navbox_list)
         :addClass(args[cfg.arg.titleclass]) -- Additional title-specific class
         :addClass(args[cfg.arg.titleclass])
         :attr('colspan', titleColspan)
        :attr('data-level', 1)
         :attr('colspan', 2)
         :cssText(args.basestyle)
         :cssText(args.basestyle)
         :cssText(args.titlestyle)
         :cssText(args.titlestyle)
 
        :css('position', 'relative') -- Ensure relative positioning for absolute children
    renderNavBar(titleCell)


    -- Add the title content, centered across the full width
     titleCell
     titleCell
         :tag('div')
         :tag('div')
             :css('font-size', '114%') -- Consistent with desktop
             :css('margin', '0 auto')
             :css('margin', '0') --
             :css('text-align', 'center')
             :wikitext(addNewline(args.title))
             :wikitext(addNewline(args.title))


    -- Add the navbar, positioned absolutely in the top-right corner
    if has_navbar() then
        titleCell
            :tag('div')
                :addClass('navboxMobile-navbar')
                :css('position', 'absolute')
                :css('top', '0')
                :css('right', '0')
                :css('padding', '0.2em')  -- Optional: Adjust padding for alignment
                :wikitext(navbar{
                    args.name,
                    mini = 1,
                    fontstyle = (args.basestyle or '') .. ';' .. (args.titlestyle or '') .. ';background:none transparent;border:none;'
                })
    end
end
end


--
--
Line 301: Line 276:
                 :wikitext(addNewline(args.above))
                 :wikitext(addNewline(args.above))
end
end




Line 321: Line 297:




local function renderListRow(tbl, path, parentLevel)
    -- Initialize path and parentLevel
    path = path or ""
    parentLevel = parentLevel or 2 -- Start at level 2 for child groups


local function renderListRow(tbl, listnum, listpath, parentLevel)
     -- Keep track of rendered children to avoid duplicates
     listpath = listpath or ''
     local renderedChildren = {}
     parentLevel = parentLevel or 2 -- Default level for main groups


     -- Construct the key prefix based on the current list path
     for i = 1, 10 do
    local keyprefix = listpath ~= '' and 'child' .. listpath .. '_' or 'child' .. listnum .. '_'
        local groupKey = (path ~= "" and "child" .. path .. "_" or "") .. "group" .. i
        local listKey = (path ~= "" and "child" .. path .. "_" or "") .. "list" .. i


    -- Add a row for the group (if it exists)
        -- Skip if this group has already been rendered
    if args['group' .. listnum] then
        if not renderedChildren[listKey] and args[listKey] then
        local groupRow = addTableRow(tbl)
            renderedChildren[listKey] = true -- Track rendered lists
        local groupCell = groupRow:tag('th')
        groupCell
            :attr('scope', 'row')
            :addClass('navboxMobile-group-content')
            :addClass('navboxMobile-group-level' .. parentLevel)
            :css('padding-left', (parentLevel - 1) .. 'em') -- Indentation increases with level
            :css('padding-top', '0.5em')
            :css('padding-bottom', '0.5em')
            :css('border-left', '2px solid #fdfdfd')
            :wikitext(processItem(args['group' .. listnum]))
    end


    -- Add a row for the list
            -- Render the group (heading)
    local listRow = addTableRow(tbl)
            local groupRow = addTableRow(tbl)
    local listCell = listRow:tag('td')
            local groupCell = groupRow:tag('th')
                :attr('scope', 'row')
                :addClass('navboxMobile-group-content')
                :addClass('navboxMobile-group-level' .. parentLevel) -- Correct level
                :attr('data-level', parentLevel) -- Optional attribute for CSS targeting
                :wikitext(processItem(args[groupKey]))


    -- Determine if the current list number is odd or even
            -- Check if the list is non-empty before rendering content
    local isOdd = (listnum % 2) == 1
            if args[listKey] and args[listKey] ~= "" then
    local evenOddClass = isOdd and 'navboxMobile-odd' or 'navboxMobile-even'
                if args[listKey] == "child" then
                    -- Check if the child contains valid groups or lists
                    local childHasContent = false
                    for j = 1, 10 do
                        local childGroupKey = "child" .. (path ~= "" and path .. "_" or "") .. i .. "_group" .. j
                        local childListKey = "child" .. (path ~= "" and path .. "_" or "") .. i .. "_list" .. j
                        if args[childGroupKey] or args[childListKey] then
                            childHasContent = true
                            break
                        end
                    end


    listCell
                    if childHasContent then
        :addClass('hlist')
                        -- Recursively render child lists
        :addClass(evenOddClass)
                        local newPath = (path ~= "" and path .. "_" or "") .. i
        :attr('colspan', 2)
                        renderListRow(tbl, tostring(newPath), parentLevel + 1)
        :addClass('navboxMobile-list-content hlist ' .. evenOddClass)
                    end
        :css('padding', '0 0.25em')
        :css('width', '100%')
        :cssText(args.liststyle)
        :cssText(args['list' .. listnum .. 'style'])
 
    -- Handle nested lists or flat lists
    local currentList = args['list' .. listnum]
    if currentList == 'child' then
        -- Render nested table for child lists within 'navboxMobile-subgroup'
        local nestedTbl = mw.html.create('table')
            :addClass('navboxMobile-subgroup')
            :css('width', '100%')
            :css('border-spacing', '0')
            :css('margin-top', '0.25em') -- Add top margin
            :css('margin-bottom', '0.25em') -- Add bottom margin
 
        for i = 1, 10 do
            local nestedGroup = args[keyprefix .. 'group' .. i]
            local nestedList = args[keyprefix .. 'list' .. i]
 
            if not nestedGroup and not nestedList then break end -- Stop if no more nested items
 
            local nestedRow = addTableRow(nestedTbl)
 
            -- Add the nested group (if it exists)
            if nestedGroup then
                local nestedGroupCell = nestedRow:tag('th')
                nestedGroupCell
                    :attr('scope', 'row')
                    :addClass('navboxMobile-group-content navboxMobile-group-level' .. (parentLevel + 1))
                    :css('padding-left', parentLevel .. 'em') -- Increased indentation
                    :css('padding-top', '0.5em')
                    :css('padding-bottom', '0.5em')
                    :css('border-left', '2px solid #fdfdfd')
                    :wikitext(processItem(nestedGroup))
            end
 
            -- Add the nested list (if it exists)
            if nestedList then
                local nestedListCell = nestedRow:tag('td')
                nestedListCell
                    :attr('colspan', 2)
                    :addClass('navboxMobile-list-content hlist ' .. ((i % 2 == 1) and 'navboxMobile-odd' or 'navboxMobile-even'))
                    :cssText(args[keyprefix .. 'list' .. i .. 'style'])
 
                if nestedList == 'child' then
                    -- Update listpath and parentLevel for deeper nesting
                    local newListpath = listpath ~= '' and listpath .. '_' .. i or tostring(listnum) .. '_' .. i
                    renderListRow(nestedTbl, i, newListpath, parentLevel + 1)
                 else
                 else
                     -- Render a flat list
                     -- Render flat lists
                     nestedListCell
                     local listRow = addTableRow(tbl)
                         :addClass('hlist')
                    local listCell = listRow:tag('td')
                         :tag('div')
                        :attr('colspan', 2)
                            :css('padding', args.listpadding or '0 0.25em')
                         :addClass('navboxMobile-list-content') -- Base content class
                            :wikitext(processItem(args[keyprefix .. 'list' .. i], args.nowrapitems))
                         :addClass('navboxMobile-list-level' .. parentLevel) -- Correct level
                        :addClass((i % 2 == 1) and 'navboxMobile-odd' or 'navboxMobile-even') -- Odd/even class
                        :addClass(args.listclass or '') -- Apply `listclass` if defined in the template
                        :wikitext(processItem(args[listKey], args.nowrapitems))
                 end
                 end
             end
             end
         end
         end
        -- Add the nested table to the main list cell
        listCell:node(nestedTbl)
    else
        -- Render a flat list
        listCell
            :addClass('hlist')
            :tag('div')
                :css('padding', args.listpadding or '0 0.25em')
                :wikitext(processItem(currentList, args.nowrapitems))
     end
     end
end
end




Line 499: Line 424:
     local tbl = mw.html.create('table')
     local tbl = mw.html.create('table')
         :addClass('nowraplinks')
         :addClass('nowraplinks')
         :addClass(cfg.class.navbox_list)
         :addClass(cfg.class.navbox)
         :addClass(args.bodyclass)
         :addClass(args.bodyclass)
        :addClass(args.listclass or '') -- Apply the `listclass` argument globally if applicable
         :cssText(args.bodystyle)
         :cssText(args.bodystyle)
         :cssText(args.style)
         :cssText(args.style)
Line 506: Line 432:
         :css('margin-bottom', '0')
         :css('margin-bottom', '0')


     if border == 'subgroup' or border == 'child' or border == 'none' then
     -- Add the title row
        tbl
     renderTitleRow(tbl)
            :addClass('navboxMobile-subgroup')
            :css('width', '100%')
            :css('border-spacing', '0')
     else
        tbl
            :addClass('navboxMobile-inner')
            :css('background', 'transparent')
            :css('color', 'inherit')
            :css('border-spacing', '0')
    end


     tbl:cssText(args.innerstyle)
     -- Add the above row
    renderAboveRow(tbl)


     renderTitleRow(tbl)
     -- Render all group and list rows
    renderAboveRow(tbl)
     for _, listnum in ipairs(listnums) do
     for _, listnum in ipairs(listnums) do
         renderListRow(tbl, listnum)
         local listKey = "list" .. listnum
        local groupKey = "group" .. listnum
 
        if args[listKey] then
            -- Render group row
            local groupRow = addTableRow(tbl)
            local groupCell = groupRow:tag('th')
                :attr('scope', 'row')
                :addClass('navboxMobile-group-content')
                :addClass('navboxMobile-group-level1')
                :addClass(args.listclass or '') -- Apply `listclass` for group rows
                :wikitext(processItem(args[groupKey]))
 
            -- Render list row
            if args[listKey] == 'child' then
                renderListRow(tbl, tostring(listnum), 2)
            else
                local listRow = addTableRow(tbl)
                listRow:tag('td')
                    :attr('colspan', 2)
                    :addClass('navboxMobile-list-content')
                    :addClass((listnum % 2 == 1) and 'navboxMobile-odd' or 'navboxMobile-even')
                    :addClass(args.listclass or '') -- Apply `listclass` to flat rows
                    :wikitext(processItem(args[listKey]))
            end
        end
     end
     end
    -- Add the below row
     renderBelowRow(tbl)
     renderBelowRow(tbl)


Line 532: Line 475:




--
--  Main NavboxMobile Function
--
-- In the main navboxMobile function
function p._navboxMobile(navboxMobileArgs)
function p._navboxMobile(navboxMobileArgs)
     args = navboxMobileArgs
     args = navboxMobileArgs
Line 542: Line 490:
     local hiding_templatestyles = move_hiding_templatestyles(args)
     local hiding_templatestyles = move_hiding_templatestyles(args)


     -- Collect list numbers
     -- Collect top-level list numbers (list1, list2, etc.)
     for k, v in pairs(args) do
     for k, v in pairs(args) do
         if type(k) == 'string' then
         if type(k) == 'string' then
Line 561: Line 509:
     -- Create the final HTML with styles
     -- Create the final HTML with styles
     local res = mw.html.create()
     local res = mw.html.create()
    -- Inject styles analogous to Module:Navbox
     res:node(add_navbox_mobile_styles(hiding_templatestyles))
     res:node(add_navbox_mobile_styles(hiding_templatestyles))
 
     res:node(tbl)
     -- Handle wrapping based on border parameter
    if border == 'none' then
        -- Wrap the table within a navigation div with ARIA attributes
        local navWrapper = mw.html.create('div')
            :attr('role', 'navigation')
            :addClass('navboxMobile')
        if args.title or args.above or (args.group1 and not args.group2) then
            navWrapper:attr(
                'aria-labelledby',
                mw.uri.anchorEncode(args.title or args.above or args.group1)
            )
        else
            navWrapper:attr('aria-label', cfg.aria_label)
        end
        navWrapper:node(tbl)
        res:node(navWrapper)
    elseif border == 'subgroup' or border == 'child' then
        -- Assume this navboxMobile is inside a parent navboxMobile's list cell
        -- Insert closing and opening divs to manage padding
        local subgroupWrapper = mw.html.create('div')
            :addClass('navboxMobile-container') -- Consistent wrapping container
            :node(tbl) -- Add the table as a child
 
        res:node(subgroupWrapper)
    else
        -- Wrap the table within a navigation div with additional classes and styles
        local navWrapper = mw.html.create('div')
            :addClass('navboxMobile') -- Add consistent container
            :attr('role', 'navigation')
            :cssText(args.bodystyle)
            :cssText(args.style)
            :css('padding', '2px') -- Adjust padding as needed
        if args.title or args.above or (args.group1 and not args.group2) then
            navWrapper:attr(
                'aria-labelledby',
                mw.uri.anchorEncode(args.title or args.above or args.group1)
            )
        else
            navWrapper:attr('aria-label', cfg.aria_label)
        end
        navWrapper:node(tbl)
        res:node(navWrapper)
    end
 
    -- Render tracking categories
    renderTrackingCategories(res)


     return tostring(res)
     return tostring(res)
end
end


--
--  Main NavboxMobile Function
--
function p.navboxMobile(frame)
function p.navboxMobile(frame)
     if not getArgs then
     if not getArgs then
Line 633: Line 537:
     return p._navboxMobile(args)
     return p._navboxMobile(args)
end
end
return p
return p