Template:Icon: Difference between revisions

Revision as of 18:09, 31 May 2023

Wrapper for icons. Display cost and colorize depending on type.

Template parameters
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
File Name	`file`	no description	File	required
Type	`type`	Type of the icon. Allows type specific styling. Suggested values `Tech` `Equipment` `Upgrade` `Skill`	String	required
Cost	`cost`	Hidden when not set	Number	suggested
Border	`border`	Enable border. Empty or "no" is no border all other values show a border. Default no Auto value `no`	Boolean	optional
Size	`size`	Image size (xs = 24px, sm = 32px, md = 48px, lg = 64px, xl = 96px) Default lg=64px Suggested values `xs` `sm` `md` `lg` `xl` Default 64px Auto value `lg`	String	optional

@@ Line 1: / Line 1: @@
-<div class="icon icon-{{{type}}}"><!--
+<div class="icon icon-{{{type|}}} {{#ifeq:{{{border|no}}}|no||icon-border}}"><!--
 -->[[Image:{{{file|Redeployment.png}}}|frameless|{{#switch: {{{size|lg}}} | xs = 24px | sm = 32px | md = 48px | lg = 64px | xl = 96px }}]]<!--
--->{{#if:{{{cost|}}}|<span class="cost">{{{cost}}}</span>}}
+-->{{#if:{{{cost|}}}|<span class="cost">{{{cost}}}</span>}}<!--
-</div>
+--></div>
 <noinclude>
 <templatedata>
@@ Line 43: / Line 43: @@
 			"default": "64px",
 			"autovalue": "lg"
+		},
+		"border": {
+			"label": "Border",
+			"description": "Enable border. Empty or \"no\" is no border all other values show a border.",
+			"type": "boolean",
+			"default": "no",
+			"autovalue": "no"
 		}
 	},
 	"description": "Wrapper for icons. Display cost and colorize depending on type.",
-	"format": "inline"
+	"format": "inline",
+	"paramOrder": [
+		"file",
+		"type",
+		"cost",
+		"border",
+		"size"
+	]
 }
 </templatedata>
 </noinclude>