Module:NavboxMobile: Difference between revisions

No edit summary
No edit summary
 
(139 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 141: Line 141:
     end
     end
end
end


local function processItem(item, nowrapitems)
local function processItem(item, nowrapitems)
Line 149: Line 150:
         -- 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 165: 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




-- Function to add a new table row with optional gutter
-- Function to add a new table row with optional gutter
local function addTableRow(tbl)
local function addTableRow(tbl)
     if tableRowAdded then
    -- Check if the spacer rows are necessary based on the listclass or bodyclass
         tbl
    local suppressSpacer = false
            :tag('tr')
    if args.listclass then
                :css('height', '2px')
        suppressSpacer = suppressSpacer or args.listclass:find("hlist")
                :tag('td')
    end
                    :attr('colspan', 2)
    if args.bodyclass then
        -- Note: You can add additional gutter styling here if needed
        suppressSpacer = suppressSpacer or args.bodyclass:find("hlist")
    end
 
    -- Only add spacer rows if they are not explicitly suppressed
     if tableRowAdded and not suppressSpacer then
         tbl:tag('tr')
            :css('height', '2px')
            :tag('td')
                :attr('colspan', 2)
                :css('background-color', 'transparent') -- Ensure spacer is invisible
     end
     end
     tableRowAdded = true
     tableRowAdded = true
     return tbl:tag('tr')
     return tbl:tag('tr')
Line 185: Line 198:


-- 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 218: 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%')
             :css('margin', '0 auto')
             :css('padding', args[cfg.arg.list1padding] or args[cfg.arg.listpadding] or '0 0.25em')
             :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 283: Line 276:
                 :wikitext(addNewline(args.above))
                 :wikitext(addNewline(args.above))
end
end




Line 302: Line 296:




--
--  List rows
--
local function renderListRow(tbl, listnum)
    local row = addTableRow(tbl)


    -- Process group
local function renderListRow(tbl, path, parentLevel)
    local group_and_num = format(cfg.arg.group_and_num, listnum)
     -- Initialize path and parentLevel
     local groupstyle_and_num = format(cfg.arg.groupstyle_and_num, listnum)
    path = path or ""
     if args[group_and_num] then
     parentLevel = parentLevel or 2 -- Start at level 2 for child groups
        local groupCell = row:tag('th')


        -- Handle ARIA attributes for accessibility
    -- Keep track of rendered children to avoid duplicates
        if listnum == 1 and not (args[cfg.arg.title] or args[cfg.arg.above] or args[cfg.arg.group2]) then
    local renderedChildren = {}
            groupCell:attr('id', mw.uri.anchorEncode(args[cfg.arg.group1]))
        end


         groupCell
    for i = 1, 10 do
            :attr('scope', 'row')
         local groupKey = (path ~= "" and "child" .. path .. "_" or "") .. "group" .. i
            :addClass('navboxMobile-group-content')
        local listKey = (path ~= "" and "child" .. path .. "_" or "") .. "list" .. i
            :cssText(args.basestyle)
            :cssText(args.groupstyle)
            :cssText(args[groupstyle_and_num])
            :wikitext(processItem(args[group_and_num]))
    end


    -- Add list cell
        -- Skip if this group has already been rendered
    local listCell = row:tag('td')
        if not renderedChildren[listKey] and args[listKey] then
    if args[group_and_num] then
            renderedChildren[listKey] = true -- Track rendered lists
        listCell:addClass('navboxMobile-list-with-group')
    else
        listCell:attr('colspan', 2)
    end


    if not args[cfg.arg.groupwidth] then
            -- Render the group (heading)
        listCell:css('width', '100%')
            local groupRow = addTableRow(tbl)
    end
            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]))


    -- Apply row-specific styles
            -- Check if the list is non-empty before rendering content
    local rowstyle = (listnum % 2 == 1) and args[cfg.arg.oddstyle] or args[cfg.arg.evenstyle]
            if args[listKey] and args[listKey] ~= "" then
    local list_and_num = format(cfg.arg.list_and_num, listnum)
                if args[listKey] == "child" then
    local listText = args[list_and_num]
                    -- 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


    -- Handle nested subgroups
                    if childHasContent then
    if inArray(cfg.keyword.subgroups, listText) then
                        -- Recursively render child lists
        local childArgs = {
                        local newPath = (path ~= "" and path .. "_" or "") .. i
            [cfg.arg.border] = cfg.keyword.border_subgroup,
                        renderListRow(tbl, tostring(newPath), parentLevel + 1)
            [cfg.arg.navbar] = cfg.keyword.navbar_plain,
                    end
        }
                else
        local hasChildArgs = false
                    -- Render flat lists
        for k, v in pairs(args) do
                    local listRow = addTableRow(tbl)
            local prefix = cfg.keyword.subgroups[1] .. listnum .. "_"
                    local listCell = listRow:tag('td')
            if k:sub(1, #prefix) == prefix then
                        :attr('colspan', 2)
                childArgs[k:sub(#prefix + 1)] = v
                        :addClass('navboxMobile-list-content') -- Base content class
                 hasChildArgs = true
                        :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
        listText = hasChildArgs and p._navboxMobile(childArgs) or listText
    end
    -- Handle automatic striping for odd/even rows
    local oddEven = cfg.marker.oddeven
    if listText and listText:sub(1, 12) == '</div><table' then
        oddEven = listText:find(cfg.pattern.navbox_title) and cfg.marker.restart or cfg.class.navbox_odd_part
     end
     end
    -- Render list content
    local liststyle_and_num = format(cfg.arg.liststyle_and_num, listnum)
    listCell
        :cssText(args[cfg.arg.liststyle])
        :cssText(rowstyle)
        :cssText(args[liststyle_and_num])
        :addClass('navboxMobile-list-content')
        :addClass(cfg.class.navbox_part .. oddEven)
        :addClass(args[cfg.arg.listclass])
        :tag('div')
            :css('padding', args[cfg.arg.listpadding] or '0 0.25em')
            :wikitext(processItem(listText or '', args[cfg.arg.nowrapitems]))
end
end


Line 449: 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)
        :css('margin-top', '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 480: Line 475:




--
--  Main NavboxMobile Function
--
-- In the main navboxMobile function
function p._navboxMobile(navboxMobileArgs)
function p._navboxMobile(navboxMobileArgs)
     args = navboxMobileArgs
     args = navboxMobileArgs
Line 490: 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 509: 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')
        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
        res
            :wikitext('</div>') -- Close parent div
            :node(tbl)
            :wikitext('<div>') -- Reopen parent div
    else
        -- Wrap the table within a navigation div with additional classes and styles
        local navWrapper = mw.html.create('div')
            :attr('role', 'navigation')
            :addClass('navboxMobile') -- Add appropriate classes
            :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