Ikwipedia

Module:NavboxMobile: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(127 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




Line 173: Line 176:
local function addTableRow(tbl)
local function addTableRow(tbl)
     -- Check if the spacer rows are necessary based on the listclass or bodyclass
     -- Check if the spacer rows are necessary based on the listclass or bodyclass
     local suppressSpacer = args.listclass and args.listclass:find("hlist") or
     local suppressSpacer = false
                          args.bodyclass and args.bodyclass:find("hlist")
    if args.listclass then
        suppressSpacer = suppressSpacer or args.listclass:find("hlist")
    end
    if args.bodyclass then
        suppressSpacer = suppressSpacer or args.bodyclass:find("hlist")
    end


     -- Only add spacer rows if they are not explicitly suppressed
     -- Only add spacer rows if they are not explicitly suppressed
Line 182: Line 190:
             :tag('td')
             :tag('td')
                 :attr('colspan', 2)
                 :attr('colspan', 2)
                :css('background-color', 'transparent') -- Ensure spacer is invisible
     end
     end


Line 187: 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 223: 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 4em') -- Match desktop's margin alignment
             :css('text-align', 'center')
             :css('padding', '0') -- Reset padding for consistent layout
             :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 290: Line 276:
                 :wikitext(addNewline(args.above))
                 :wikitext(addNewline(args.above))
end
end




Line 310: Line 297:




local function renderListRow(tbl, listnum)
local function renderListRow(tbl, path, parentLevel)
     -- Add a row for the group (if it exists)
     -- Initialize path and parentLevel
     if args['group' .. listnum] then
     path = path or ""
        local groupRow = addTableRow(tbl)
    parentLevel = parentLevel or 2 -- Start at level 2 for child groups
        local groupCell = groupRow:tag('th')
        groupCell
            :attr('scope', 'row')
            :addClass('navboxMobile-group-content')
            :css('text-align', 'left') -- Ensure left alignment like desktop
            :css('padding', args.groupPadding or '0.5em') -- Add padding for groups
            :css('border-left', '2px solid #fdfdfd') -- Similar border as desktop
            :cssText(args.basestyle)
            :cssText(args.groupstyle)
            :cssText(args['group' .. listnum .. 'style'])
            :wikitext(processItem(args['group' .. listnum]))
    end


     -- Add a row for the list
     -- Keep track of rendered children to avoid duplicates
     local listRow = addTableRow(tbl) -- Use a different variable name
     local renderedChildren = {}
    local listCell = listRow:tag('td')
    listCell
        :attr('colspan', 2)
        :addClass('navboxMobile-list-content')
        :addClass('hlist') -- Ensure horizontal list styling
        :css('padding', args.listpadding or '0 0.25em') -- Uniform padding
        :css('width', '100%')
        :cssText(args.liststyle)
        :cssText(args['list' .. listnum .. 'style'])


     -- Handle nested lists (`childX_groupY`, `childX_listY`)
     for i = 1, 10 do
    if args['list' .. listnum] == 'child' then
        local groupKey = (path ~= "" and "child" .. path .. "_" or "") .. "group" .. i
         local nestedTbl = mw.html.create('table')
         local listKey = (path ~= "" and "child" .. path .. "_" or "") .. "list" .. i
        nestedTbl
            :addClass('navboxMobile-subgroup')
            :css('width', '100%')
            :css('border-spacing', '0')
            :css('padding', args.nestedPadding or '0.5em') -- Add consistent padding


         for i = 1, 10 do -- Assume up to 10 nested groups/lists
         -- Skip if this group has already been rendered
            local nestedGroup = args['child' .. listnum .. '_group' .. i]
        if not renderedChildren[listKey] and args[listKey] then
             local nestedList = args['child' .. listnum .. '_list' .. i]
             renderedChildren[listKey] = true -- Track rendered lists


             if not nestedGroup and not nestedList then break end -- Stop if no more nested items
             -- Render the group (heading)
            local groupRow = addTableRow(tbl)
            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]))


             local nestedRow = addTableRow(nestedTbl)
             -- Check if the list is non-empty before rendering content
            if args[listKey] and args[listKey] ~= "" then
                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


            -- Add the nested group (if it exists)
                    if childHasContent then
            if nestedGroup then
                        -- Recursively render child lists
                local nestedGroupCell = nestedRow:tag('th')
                        local newPath = (path ~= "" and path .. "_" or "") .. i
                nestedGroupCell
                        renderListRow(tbl, tostring(newPath), parentLevel + 1)
                    :attr('scope', 'row')
                    end
                    :addClass('navboxMobile-group-content')
                else
                    :cssText(args.basestyle)
                    -- Render flat lists
                    :cssText(args['child' .. listnum .. '_group' .. i .. 'style'])
                    local listRow = addTableRow(tbl)
                    :wikitext(processItem(nestedGroup))
                    local listCell = listRow:tag('td')
            end
                        :attr('colspan', 2)
 
                        :addClass('navboxMobile-list-content') -- Base content class
            -- Add the nested list (if it exists)
                        :addClass('navboxMobile-list-level' .. parentLevel) -- Correct level
            if nestedList then
                        :addClass((i % 2 == 1) and 'navboxMobile-odd' or 'navboxMobile-even') -- Odd/even class
                local nestedListCell = nestedRow:tag('td')
                        :addClass(args.listclass or '') -- Apply `listclass` if defined in the template
                nestedListCell
                        :wikitext(processItem(args[listKey], args.nowrapitems))
                    :attr('colspan', 2)
                end
                    :addClass('navboxMobile-list-content')
                    :addClass('hlist') -- Ensure horizontal list styling
                    :cssText(args['child' .. listnum .. '_list' .. i .. 'style'])
                    :wikitext(processItem(nestedList))
             end
             end
         end
         end
        -- Add the nested table to the main list cell
        listCell:node(nestedTbl)
    else
        -- Render a flat list if no nested lists exist
        listCell
            :addClass('hlist')
            :tag('div')
                :css('padding', args.listpadding or '0 0.25em')
                :wikitext(processItem(args['list' .. listnum], args.nowrapitems))
     end
     end
end
end




Line 461: 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 492: Line 475:




--
--  Main NavboxMobile Function
--
-- In the main navboxMobile function
function p._navboxMobile(navboxMobileArgs)
function p._navboxMobile(navboxMobileArgs)
     args = navboxMobileArgs
     args = navboxMobileArgs
Line 502: 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 521: 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')
            :addClass('navboxMobile-container') -- Add consistent container
            :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
        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-container') -- Add consistent container
            :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
Line 595: Line 537:
     return p._navboxMobile(args)
     return p._navboxMobile(args)
end
end
return p
return p
Retrieved from "https://en.ikwipedia.org/wiki/Module:NavboxMobile"