Template:AbilityInteraction: Difference between revisions

Rename the file parameter to iconfile (with help from vergir-bot LLM)
Add partial state: marker class and clipped grayscale overlay copy of the icon (with help from vergir-bot LLM)
Line 1: Line 1:
<includeonly><templatestyles src="AbilityInteraction/styles.css" /><div class="ai-box {{#if:{{{type|}}}|ai-type-{{{type}}}}} {{#ifeq:{{lc:{{{state|}}}}}|disabled|ai-disabled}}" data-ai-icon="{{{iconfile|}}}" data-ai-title="{{{title|}}}">
<includeonly><templatestyles src="AbilityInteraction/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|}}}">
<div class="ai-header plainlinks">{{#if:{{{link|}}}
<div class="ai-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|}}}]
Line 6: Line 6:
<div class="ai-body">
<div class="ai-body">
<div class="ai-icon">{{#if:{{{iconfile|}}}
<div class="ai-icon">{{#if:{{{iconfile|}}}
|[[File:{{{iconfile}}}|48px|link={{#if:{{{link|}}}|{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}}}}|alt={{{title|}}}]]
|[[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>}}
}}</div>
}}</div>
<div class="ai-text">
<div class="ai-text">