Module:Clade/hidden - Revision history

Jts1882: don't hide interactive elements in mobile (interactivity now available in mobile)

2024-06-11T06:09:22Z

don't hide interactive elements in mobile (interactivity now available in mobile)

← Previous revision		Revision as of 06:09, 11 June 2024
Line 33:		Line 33:

	-- collapsible element containing the EXPAND SYMBOL and/or text		-- collapsible element containing the EXPAND SYMBOL and/or text
	local expandSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">'		--local expandSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">' -- mobile exclusion no longer necessary
			local expandSymbolString = '<td style="padding:0 0 0.0em 0;">'
	.. '<div class="mw-collapsible' .. expandSymbolState .. '" id="mw-customcollapsible-expandSymbol' .. id .. '">'		.. '<div class="mw-collapsible' .. expandSymbolState .. '" id="mw-customcollapsible-expandSymbol' .. id .. '">'
	.. '<div class="mw-collapsible-content mw-customtoggle-expandSymbol' .. id .. '">'		.. '<div class="mw-collapsible-content mw-customtoggle-expandSymbol' .. id .. '">'
Line 52:		Line 53:

	-- collapsible element containing the COLLAPSE SYMBOL and/or text		-- collapsible element containing the COLLAPSE SYMBOL and/or text
	local collapseSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">'		--local collapseSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">' -- mobile exclusion no longer necessary
			local collapseSymbolString = '<td style="padding:0 0 0.0em 0;">'
	.. '<div class="mw-collapsible' .. collapseSymbolState .. '" id="mw-customcollapsible-collapseSymbol' .. id .. '">'		.. '<div class="mw-collapsible' .. collapseSymbolState .. '" id="mw-customcollapsible-collapseSymbol' .. id .. '">'
	.. '<div class="mw-collapsible-content mw-customtoggle-collapseSymbol' .. id .. '" >'		.. '<div class="mw-collapsible-content mw-customtoggle-collapseSymbol' .. id .. '" >'

Jonesey95: Fix Linter errors. https://en.wikipedia.org/w/index.php?title=Module:Clade&curid=52711555&diff=1216029910&oldid=1209720153 change to Module:Clade by User:Jts1882 appears to have caused this span tag to wrap div tags, which is invalid syntax. Changing this to a div should work, but if not, please revert and find a better solution.

2024-04-01T23:33:11Z

Fix Linter errors. https://en.wikipedia.org/w/index.php?title=Module:Clade&curid=52711555&diff=1216029910&oldid=1209720153 change to Module:Clade by User:Jts1882 appears to have caused this span tag to wrap div tags, which is invalid syntax. Changing this to a div should work, but if not, please revert and find a better solution.

← Previous revision		Revision as of 23:33, 1 April 2024
Line 36:		Line 36:
	.. '<div class="mw-collapsible' .. expandSymbolState .. '" id="mw-customcollapsible-expandSymbol' .. id .. '">'		.. '<div class="mw-collapsible' .. expandSymbolState .. '" id="mw-customcollapsible-expandSymbol' .. id .. '">'
	.. '<div class="mw-collapsible-content mw-customtoggle-expandSymbol' .. id .. '">'		.. '<div class="mw-collapsible-content mw-customtoggle-expandSymbol' .. id .. '">'
	.. '<~~span~~ class="mw-customtoggle-myClade' .. id		.. '<div class="mw-customtoggle-myClade' .. id
	.. ' mw-customtoggle-collapseSymbol' .. id		.. ' mw-customtoggle-collapseSymbol' .. id
	.. ' mw-customtoggle-expandSymbol' .. id		.. ' mw-customtoggle-expandSymbol' .. id
	.. '" style="font-size:100%;">' .. expandSymbol .. '</~~span~~>'		.. '" style="font-size:100%;">' .. expandSymbol .. '</div>'
	.. '</div></div></td>'		.. '</div></div></td>'

Jts1882: modify initial state expanded code to accept true/false rather than act as flag (talk page request)

2023-05-22T08:07:22Z

modify initial state expanded code to accept true/false rather than act as flag (talk page request)

← Previous revision		Revision as of 08:07, 22 May 2023
Line 9:		Line 9:
	local expandText = mw.getCurrentFrame():getParent().args['expand-text'] or ""		local expandText = mw.getCurrentFrame():getParent().args['expand-text'] or ""
	local collapseText = mw.getCurrentFrame():getParent().args['collapse-text'] or ""		local collapseText = mw.getCurrentFrame():getParent().args['collapse-text'] or ""
	local ~~initialState~~ = mw.getCurrentFrame():getParent().args['expanded']		local initialStateExpanded = mw.getCurrentFrame():getParent().args['expanded'] or "false"
	if mw.getCurrentFrame():getParent().args['expand-symbol'] == "none" then		if mw.getCurrentFrame():getParent().args['expand-symbol'] == "none" then
	expandSymbol = expandText		expandSymbol = expandText
Line 25:		Line 25:
	local collapseSymbolState = " mw-collapsed"		local collapseSymbolState = " mw-collapsed"
	local expandSymbolState = ""		local expandSymbolState = ""
			if initialStateExpanded == "true" or initialStateExpanded == "yes" then
	if initialState then
	contentState = ""		contentState = ""
	collapseSymbolState = ""		collapseSymbolState = ""

Jts1882: allow expand/collapse-symbol="none" to hide

2022-09-21T15:24:31Z

allow expand/collapse-symbol="none" to hide

@@ Line 10: / Line 10: @@
     local collapseText = mw.getCurrentFrame():getParent().args['collapse-text'] or ""
     local initialState = mw.getCurrentFrame():getParent().args['expanded']
     -- default is content collapsed

Jts1882: don't use class nomobile on content

2019-11-04T11:48:01Z

don't use class nomobile on content

← Previous revision		Revision as of 11:48, 4 November 2019
Line 36:		Line 36:
	-- collapsible element containing the CLADE CONTENT		-- collapsible element containing the CLADE CONTENT
	local clade = require( 'Module:Clade' )		local clade = require( 'Module:Clade' )
	local contentString = '<td style="padding:0;" class="~~nomobile~~ clade-interactive" >'		local contentString = '<td style="padding:0;" class="clade-interactive" >'
	.. '<div class="mw-collapsible' .. contentState .. '" id="mw-customcollapsible-myClade' .. id .. '>'		.. '<div class="mw-collapsible' .. contentState .. '" id="mw-customcollapsible-myClade' .. id .. '>'
	.. '<div class="mw-collapsible-content mw-customtoggle-NOT_ON_CONTENT" >' -- don't toggle on the content		.. '<div class="mw-collapsible-content mw-customtoggle-NOT_ON_CONTENT" >' -- don't toggle on the content

Jts1882: add classes to content cell (td)

2019-11-04T11:24:56Z

add classes to content cell (td)

← Previous revision		Revision as of 11:24, 4 November 2019
Line 24:		Line 24:


	-- collapsible element containing the ~~expand~~ ~~sympol~~ and/or text		-- collapsible element containing the EXPAND SYMBOL and/or text
	local expandSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">'		local expandSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">'
	.. '<div class="mw-collapsible' .. expandSymbolState .. '" id="mw-customcollapsible-expandSymbol' .. id .. '">'		.. '<div class="mw-collapsible' .. expandSymbolState .. '" id="mw-customcollapsible-expandSymbol' .. id .. '">'
Line 34:		Line 34:
	.. '</div></div></td>'		.. '</div></div></td>'

	-- collapsible element containing the ~~clade~~ ~~content~~		-- collapsible element containing the CLADE CONTENT
	local clade = require( 'Module:Clade' )		local clade = require( 'Module:Clade' )
	local contentString = '<td style="padding:0;">'		local contentString = '<td style="padding:0;" class="nomobile clade-interactive" >'
	.. '<div class="mw-collapsible' .. contentState .. '" id="mw-customcollapsible-myClade' .. id .. '>'		.. '<div class="mw-collapsible' .. contentState .. '" id="mw-customcollapsible-myClade' .. id .. '>'
	.. '<div class="mw-collapsible-content mw-customtoggle-NOT_ON_CONTENT" >' -- don't toggle on the content		.. '<div class="mw-collapsible-content mw-customtoggle-NOT_ON_CONTENT" >' -- don't toggle on the content
Line 43:		Line 43:
	.. '</div></div></td>'		.. '</div></div></td>'

	-- collapsible element containing the ~~collapse~~ ~~sympol~~ and/or text		-- collapsible element containing the COLLAPSE SYMBOL and/or text
	local collapseSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">'		local collapseSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">'
	.. '<div class="mw-collapsible' .. collapseSymbolState .. '" id="mw-customcollapsible-collapseSymbol' .. id .. '">'		.. '<div class="mw-collapsible' .. collapseSymbolState .. '" id="mw-customcollapsible-collapseSymbol' .. id .. '">'

Jts1882: add text for collapse or expand

2019-11-04T11:11:00Z

add text for collapse or expand

← Previous revision		Revision as of 11:11, 4 November 2019
Line 7:		Line 7:
	local expandSymbol = mw.getCurrentFrame():getParent().args['expand-symbol'] or "⊞"		local expandSymbol = mw.getCurrentFrame():getParent().args['expand-symbol'] or "⊞"
	local collapseSymbol = mw.getCurrentFrame():getParent().args['collapse-symbol'] or "⊟"		local collapseSymbol = mw.getCurrentFrame():getParent().args['collapse-symbol'] or "⊟"
			local expandText = mw.getCurrentFrame():getParent().args['expand-text'] or ""
			local collapseText = mw.getCurrentFrame():getParent().args['collapse-text'] or ""
	local initialState = mw.getCurrentFrame():getParent().args['expanded']		local initialState = mw.getCurrentFrame():getParent().args['expanded']
			expandSymbol = expandSymbol .. expandText
			collapseSymbol = collapseSymbol .. collapseText

	-- default is content collapsed		-- default is content collapsed

Jts1882: move toggle function here (for template clade toggle)

2019-11-04T10:24:34Z

move toggle function here (for template clade toggle)

@@ Line 67: / Line 67: @@
 return p.templateStyle( frame, "Clade hidden/styles.css" ) .. cladeString
 end
 -- <templatestyles src="Clade hidden/styles.css"></templatestyles>
 function p.templateStyle( frame, src )

Jts1882: add templatestyles to hide when collapsible elements disable (no javascript)

2019-11-02T17:34:28Z

add templatestyles to hide when collapsible elements disable (no javascript)

← Previous revision		Revision as of 17:34, 2 November 2019
Line 65:		Line 65:


	return cladeString		return p.templateStyle( frame, "Clade hidden/styles.css" ) .. cladeString
			end
			-- <templatestyles src="Clade hidden/styles.css"></templatestyles>
			function p.templateStyle( frame, src )
			return frame:extensionTag( 'templatestyles', '', { src = src } );
	end		end

Jts1882: fix main call and remove offsets

2019-09-20T10:34:29Z

fix main call and remove offsets

← Previous revision		Revision as of 10:34, 20 September 2019
Line 21:		Line 21:

	-- collapsible element containing the expand sympol and/or text		-- collapsible element containing the expand sympol and/or text
	local expandSymbolString = '<td style="padding:0 0 0.~~25em~~ 0;">'		local expandSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">'
	.. '<div class="mw-collapsible' .. expandSymbolState .. '" id="mw-customcollapsible-expandSymbol' .. id .. '">'		.. '<div class="mw-collapsible' .. expandSymbolState .. '" id="mw-customcollapsible-expandSymbol' .. id .. '">'
	.. '<div class="mw-collapsible-content mw-customtoggle-expandSymbol' .. id .. '">'		.. '<div class="mw-collapsible-content mw-customtoggle-expandSymbol' .. id .. '">'
Line 31:		Line 31:

	-- collapsible element containing the clade content		-- collapsible element containing the clade content
			local clade = require( 'Module:Clade' )
	local contentString = '<td style="padding:0;">'		local contentString = '<td style="padding:0;">'
	.. '<div class="mw-collapsible' .. contentState .. '" id="mw-customcollapsible-myClade' .. id .. '>'		.. '<div class="mw-collapsible' .. contentState .. '" id="mw-customcollapsible-myClade' .. id .. '>'
	.. '<div class="mw-collapsible-content mw-customtoggle-NOT_ON_CONTENT" >' -- don't toggle on the content		.. '<div class="mw-collapsible-content mw-customtoggle-NOT_ON_CONTENT" >' -- don't toggle on the content

	.. '\n' .. p.main(frame) -- important to start wikitext tables on new line		.. '\n' .. clade.main(frame) -- important to start wikitext tables on new line
	.. '</div></div></td>'		.. '</div></div></td>'

	-- collapsible element containing the collapse sympol and/or text		-- collapsible element containing the collapse sympol and/or text
	local collapseSymbolString = '<td style="padding:0 0 0.~~4em~~ 0;">'		local collapseSymbolString = '<td class="nomobile" style="padding:0 0 0.0em 0;">'
	.. '<div class="mw-collapsible' .. collapseSymbolState .. '" id="mw-customcollapsible-collapseSymbol' .. id .. '">'		.. '<div class="mw-collapsible' .. collapseSymbolState .. '" id="mw-customcollapsible-collapseSymbol' .. id .. '">'
	.. '<div class="mw-collapsible-content mw-customtoggle-collapseSymbol' .. id .. '" >'		.. '<div class="mw-collapsible-content mw-customtoggle-collapseSymbol' .. id .. '" >'