Template:IconBox: Difference between revisionsGive feedback
Emit data-ai-state so consumers can read box state from data attributes instead of CSS class names (with help from vergir-bot LLM) |
Temporarily emit both the ai- and iconbox- class and data attribute names so consumers can migrate one at a time (with help from vergir-bot LLM) |
||
| Line 1: | Line 1: | ||
<includeonly><templatestyles src="IconBox/styles.css" /><div class="ai-box {{#if:{{{type|}}}|ai-type-{{{type}}}}} {{#switch:{{lc:{{{state|}}}}}|disabled=ai-disabled|partial=ai-partial}}" data-ai-icon="{{{iconfile|}}}" data-ai-title="{{{title|}}}" data-ai-state="{{#switch:{{lc:{{{state|}}}}}|disabled=disabled|partial=partial|#default=normal}}"> | <includeonly><templatestyles src="IconBox/styles.css" /><div class="ai-box iconbox {{#if:{{{type|}}}|ai-type-{{{type}}} iconbox-type-{{{type}}}}} {{#switch:{{lc:{{{state|}}}}}|disabled=ai-disabled iconbox-disabled|partial=ai-partial iconbox-partial}}" data-ai-icon="{{{iconfile|}}}" data-ai-title="{{{title|}}}" data-ai-state="{{#switch:{{lc:{{{state|}}}}}|disabled=disabled|partial=partial|#default=normal}}" data-iconbox-icon="{{{iconfile|}}}" data-iconbox-title="{{{title|}}}" data-iconbox-state="{{#switch:{{lc:{{{state|}}}}}|disabled=disabled|partial=partial|#default=normal}}"> | ||
<div class="ai-header plainlinks">{{#if:{{{link|}}} | <div class="ai-header iconbox-header plainlinks">{{#if:{{{link|}}} | ||
|[{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}} {{{title|}}}] | |[{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}} {{{title|}}}] | ||
|{{{title|}}} | |{{{title|}}} | ||
}}</div> | }}</div> | ||
<div class="ai-body"> | <div class="ai-body iconbox-body"> | ||
<div class="ai-icon">{{#if:{{{iconfile|}}} | <div class="ai-icon iconbox-icon">{{#if:{{{iconfile|}}} | ||
|[[File:{{{iconfile}}}|48px|link={{#if:{{{link|}}}|{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}}}}|alt={{{title|}}}]]{{#ifeq:{{lc:{{{state|}}}}}|partial|<span class="ai-icon-partial">[[File:{{{iconfile}}}|48px|link=]]</span>}} | |[[File:{{{iconfile}}}|48px|link={{#if:{{{link|}}}|{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}}}}|alt={{{title|}}}]]{{#ifeq:{{lc:{{{state|}}}}}|partial|<span class="ai-icon-partial iconbox-icon-partial">[[File:{{{iconfile}}}|48px|link=]]</span>}} | ||
}}</div> | }}</div> | ||
<div class="ai-text"> | <div class="ai-text iconbox-text"> | ||
{{{text|}}} | {{{text|}}} | ||
</div> | </div> | ||
</div> | </div> | ||
</div></includeonly><noinclude>{{Documentation}}</noinclude> | </div></includeonly><noinclude>{{Documentation}}</noinclude> | ||