Module:List/sandbox
Appearance
![]() | This is the module sandbox page for Module:List (diff). See also the companion subpage for test cases (run). |
![]() | This Lua module is used in MediaWiki:Citethispage-content, and on approximately 1,970,000 pages, or roughly 3% of all pages. Changes to it can cause immediate changes to the Wikipedia user interface. To avoid major disruption and server load, any changes should be tested in the module's /sandbox or /testcases subpages, or in your own module sandbox. The tested changes can be added to this page in a single edit. Please discuss changes on the talk page before implementing them. |
![]() | This module is rated as ready for general use. It has reached a mature form and is thought to be relatively bug-free and ready for use wherever appropriate. It is ready to mention on help pages and other Wikipedia resources as an option for new users to learn. To reduce server load and bad output, it should be improved by sandbox testing rather than repeated trial-and-error editing. |
![]() | This module is subject to page protection. It is a highly visible module in use by a very large number of pages, or is substituted very frequently. Because vandalism or mistakes would affect many pages, and even trivial editing might cause substantial load on the servers, it is protected from editing. |
![]() | This module can only be edited by administrators because it is transcluded onto one or more cascade-protected pages. |
![]() | This module depends on the following other modules: |
![]() | This module uses TemplateStyles: |
This module outputs various kinds of lists. At present, it supports bulleted lists, unbulleted lists, horizontal lists, ordered lists (numbered or alphabetical), and horizontal ordered lists. It allows for easy css styling of the list or of the individual list items.
Usage
[edit]Quick usage
[edit]{{#invoke:list|function|first item|second item|third item|...}}
All parameters
[edit]{{#invoke:list|function |first item|second item|third item|... |start = start number for ordered lists |type = type of numbering for ordered lists |list_style_type = type of marker for ordered lists (uses CSS) |class = class |style = style |list_style = style for the list |item_style = style for all list items |item1_style = style for the first list item |item2_style = style for the second list item |... |item1_value = value for the first list item |item2_value = value for the second list item |... |indent = indent for horizontal lists }}
Arguments passed from parent template
[edit]{{#invoke:list|function}}
Functions
[edit]Function name | Produces | Example output | Template using the function |
---|---|---|---|
bulleted | Bulleted lists |
| {{bulleted list}} |
unbulleted | Unbulleted lists |
| {{unbulleted list}} |
horizontal | Horizontal bulleted lists |
| {{hlist}} |
ordered | Ordered lists (numbered lists and alphabetical lists) |
| {{ordered list}} |
horizontal_ordered | Horizontal ordered lists |
| {{horizontal ordered list}} |
Parameters
[edit]- Positional parameters (
1
,2
,3
...) - these are the list items. If no list items are present, the module will output nothing. start
- sets the start item for ordered lists. This can be a start number for numbered lists, or a start letter for alphabetical lists. Horizontal ordered lists only support numbers.type
- the type of marker used in ordered lists. Possible values are "1" for numbers (the default), "A" for uppercase letters, "a" for lowercase letters, "I" for uppercase Roman numerals, and "i" for lowercase Roman numerals. Not supported in horizontal ordered lists. See also thelist_style_type
parameter.list_style_type
- the type of marker used in ordered lists. This uses CSS styling, and has more types available than thetype
parameter, which uses an html attribute. Possible values are listed at MDN's list-style-type page. Support may vary by browser.list-style-type
is an alias for this parameter.class
- a custom class for the<div>...</div>
tags surrounding the list, e.g.plainlinks
.style
- a custom css style for the<div>...</div>
tags surrounding the list, e.g.font-size: 90%;
.list_style
- a custom css style for the list itself. The format is the same as for the|style=
parameter.item_style
- a custom css style for all of the list items (the<li>...</li>
tags). The format is the same as for the|style=
parameter.item1_style
,item2_style
,item3_style
... - custom css styles for each of the list items. The format is the same as for the|style=
parameter.item1_value
,item2_value
,item3_value
... - custom value for the given list item. List items following the one given will increment from the specified value. The value should be a positive integer. (Note that this option only has an effect on ordered lists.)indent
- this parameter indents the list, for horizontal and horizontal ordered lists only. The value must be a number, e.g.2
. The indent is calculated in em, and is 1.6 times the value specified. If no indent is specified, the default is zero.
Examples
[edit]Bulleted lists
[edit]Code | Result |
---|---|
{{#invoke:list|bulleted|First item|Second item|Third item}} |
|
{{#invoke:list|bulleted|First item|Second item|Third item|item_style=color:blue;}} |
|
{{#invoke:list|bulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}} |
|
Unbulleted lists
[edit]Code | Result |
---|---|
{{#invoke:list|unbulleted|First item|Second item|Third item}} |
|
{{#invoke:list|unbulleted|First item|Second item|Third item|item_style=color:blue;}} |
|
{{#invoke:list|unbulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}} |
|
Horizontal lists
[edit]Code | Result |
---|---|
{{#invoke:list|horizontal|First item|Second item|Third item}} |
|
{{#invoke:list|horizontal|First item|Second item|Third item|indent=2}} |
|
Ordered lists
[edit]Code | Result |
---|---|
{{#invoke:list|ordered|First item|Second item|Third item}} |
|
{{#invoke:list|ordered|First item|Second item|Third item|start=3}} |
|
Lowercase Roman numerals: {{#invoke:list|ordered|First item|Second item|Third item|type=i}} |
|
Lowercase Greek alphabet: {{#invoke:list|ordered|First item|Second item|Third item|list_style_type=lower-greek}} |
|
Horizontal ordered lists
[edit]Code | Result |
---|---|
{{#invoke:list|horizontal_ordered|First item|Second item|Third item}} |
|
{{#invoke:list|horizontal_ordered|First item|Second item|Third item|start=3}} |
|
{{#invoke:list|horizontal_ordered|First item|Second item|Third item|indent=2}} |
|
Tracking/maintenance category
[edit]See also
[edit]locallibUtil=require('libraryUtil')localcheckType=libUtil.checkTypelocalmTableTools=require('Module:TableTools')localp={}locallistTypes={['bulleted']=true,['unbulleted']=true,['horizontal']=true,['ordered']=true,['horizontal_ordered']=true}functionp.makeListData(listType,args)-- Constructs a data table to be passed to p.renderList.localdata={}-- Classes and TemplateStylesdata.classes={}data.templatestyles=''iflistType=='horizontal'orlistType=='horizontal_ordered'thentable.insert(data.classes,'hlist')data.templatestyles=mw.getCurrentFrame():extensionTag{name='templatestyles',args={src='Hlist/styles.css'}}elseiflistType=='unbulleted'thentable.insert(data.classes,'plainlist')data.templatestyles=mw.getCurrentFrame():extensionTag{name='templatestyles',args={src='Plainlist/styles.css'}}endtable.insert(data.classes,args.class)-- Main div styledata.style=args.style-- Indent for horizontal listsiflistType=='horizontal'orlistType=='horizontal_ordered'thenlocalindent=tonumber(args.indent)indent=indentandindent*1.6or0ifindent>0thendata.marginLeft=indent..'em'endend-- List style types for ordered lists-- This could be "1, 2, 3", "a, b, c", or a number of others. The list style-- type is either set by the "type" attribute or the "list-style-type" CSS-- property.iflistType=='ordered'orlistType=='horizontal_ordered'thendata.listStyleType=args.list_style_typeorargs['list-style-type']data.type=args['type']-- Detect invalid type attributes and attempt to convert them to-- list-style-type CSS properties.ifdata.typeandnotdata.listStyleTypeandnottostring(data.type):find('^%s*[1AaIi]%s*$')thendata.listStyleType=data.typedata.type=nilendend-- List tag typeiflistType=='ordered'orlistType=='horizontal_ordered'thendata.listTag='ol'elsedata.listTag='ul'end-- Start number for ordered listsdata.start=args.startiflistType=='horizontal_ordered'then-- Apply fix to get start numbers working with horizontal ordered lists.localstartNum=tonumber(data.start)ifstartNumthendata.counterReset='listitem '..tostring(startNum-1)endend-- List style-- ul_style and ol_style are included for backwards compatibility. No-- distinction is made for ordered or unordered lists.data.listStyle=args.list_style-- List items-- li_style is included for backwards compatibility. item_style was included-- to be easier to understand for non-coders.data.itemStyle=args.item_styleorargs.li_styledata.items={}for_,numinipairs(mTableTools.numKeys(args))dolocalitem={}item.content=args[num]item.style=args['item'..tostring(num)..'_style']orargs['item_style'..tostring(num)]item.value=args['item'..tostring(num)..'_value']orargs['item_value'..tostring(num)]table.insert(data.items,item)endreturndataendfunctionp.renderList(data)-- Renders the list HTML.-- Return the blank string if there are no list items.iftype(data.items)~='table'or#data.items<1thenreturn''end-- Render the main div tag.localroot=mw.html.create('div')for_,classinipairs(data.classesor{})doroot:addClass(class)endroot:css{['margin-left']=data.marginLeft}ifdata.stylethenroot:cssText(data.style)end-- Render the list tag.locallist=root:tag(data.listTagor'ul')list:attr{start=data.start,type=data.type}:css{['counter-reset']=data.counterReset,['list-style-type']=data.listStyleType}ifdata.listStylethenlist:cssText(data.listStyle)end-- Render the list itemsfor_,tinipairs(data.itemsor{})dolocalitem=list:tag('li')ifdata.itemStylethenitem:cssText(data.itemStyle)endift.stylethenitem:cssText(t.style)enditem:attr{value=t.value}:wikitext(t.content)endreturndata.templatestyles..tostring(root)endfunctionp.renderTrackingCategories(args)localisDeprecated=false-- Tracks deprecated parameters.fork,vinpairs(args)dok=tostring(k)ifk:find('^item_style%d+$')ork:find('^item_value%d+$')thenisDeprecated=truebreakendendlocalret=''ifisDeprecatedthenret=ret..'[[Category:List templates with deprecated parameters]]'endreturnretendfunctionp.makeList(listType,args)ifnotlistTypeornotlistTypes[listType]thenerror(string.format("bad argument #1 to 'makeList' ('%s' is not a valid list type)",tostring(listType)),2)endcheckType('makeList',2,args,'table')localdata=p.makeListData(listType,args)locallist=p.renderList(data)localtrackingCategories=p.renderTrackingCategories(args)returnlist..trackingCategoriesendforlistTypeinpairs(listTypes)dop[listType]=function(frame)localmArguments=require('Module:Arguments')localorigArgs=mArguments.getArgs(frame,{frameOnly=((frameandframe.argsandframe.args.frameonlyor'')~=''),valueFunc=function(key,value)ifnotvalueornotmw.ustring.find(value,'%S')thenreturnnilendifmw.ustring.find(value,'^%s*[%*#;:]')thenreturnvalueelsereturnvalue:match('^%s*(.-)%s*$')endreturnnilend})-- Copy all the arguments to a new table, for faster indexing.localargs={}fork,vinpairs(origArgs)doargs[k]=vendreturnp.makeList(listType,args)endendreturnp