Editing User:Saag/ItemBox

<onlyinclude>
<div style="display:inline-block; margin-left: 5px">
{|- style="text-align:center; border-collapse:collapse; border-radius: 7px; width:100px; max-width:200px; height:2px; font-size: 12px;{{
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}}
 | Weapon = background-color: #C97A03;
 | Vitality = background-color: #659818;
 | Spirit = background-color: #8B56B4;
 | background-color: #C97A03;}}"
! {{souls|{{#if: {{{item_price|}}}|{{{item_price}}}|{{#invoke:ItemData|get_cost|{{{item_name}}}}}}}}}
|- style="text-align:center; width:100px; max-width:200px; height:60px; {{ 
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}}
 | Weapon = background-color: #FCAC4D; color: #3A2B08;
 | Vitality = background-color: #86C921; color: #233A00;
 | Spirit = background-color: #DE9CFF; color: #3C254E;
 | background-color: #FCAC4D; color: #3A2B08;}}"
| <span style="filter: brightness(0) saturate(100%); transition: 0.1s transform ease-in-out; "{{
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}}
 | Weapon = color: #3A2B08;
 | Vitality = color: #233A00;
 | Spirit = color: #3C254E;
 | color: #3A2B08;}}">[[File:{{{item_name}}}.png|50px|link={{{item_name}}}]]</span>
 <span class="tag">Active</span>
{{#if:{{{componentOf|}}}
|<tr style="text-align:center; width:100px; max-width:200px; height:6px; font-size:12px;><th>[[{{{componentOf}}}|<span style="color:#FFF0D7"> Component </span>]]</th></tr>}}
|- style="text-align: center; height:50px; font-size: 14px; {{
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}}
 | Weapon = background-color: #FFF0D7; color: #151912;
 | Vitality = background-color: #FFFFE7; color: #1C1E18;
 | Spirit = background-color: #FFEFD7; color: #131610;
 | background-color: #FFF0D7; color: #151912;}}"
! {{#if:{{{display_name|}}}|[[{{{item_name}}}|{{{display_name}}}]]|[[{{{item_name}}}]]}}
|}</div></onlyinclude>


A port of the initial box in [[Template:Infobox item]] with links, for use on pages that could use it without the whole infobox.

{{User:Saag/ItemBox|item_name = Healbane}} 
{{User:Saag/ItemBox|item_name = Alchemical Fire|item_price = 1234}} 
{{User:Saag/ItemBox|item_name = Duration Extender|componentOf = Superior Duration}}
<noinclude>
<templatedata>
{
	"params": {
        "item_name": {
			"description": "Name of the item",
			"example": "Basic Magazine",
			"type": "string",
			"required": true
		},
        "display_name": {
			"description": "The display name of the item (for special cases such as Bullet Lifesteal (item) or Spirit Lifesteal (item))",
			"example": "Bullet Lifesteal",
			"type": "string"
		},
		"componentOf": {
			"description": "The name of the item this is a component of, for linking",
			"example": "Headhunter",
			"type": "string"
		},
		"item_type": {
			"description": "Overrides default item type. See Module:ItemData",
			"example": "Spirit",
			"type": "string",
			"suggestedvalues": [
				"Weapon",
				"Vitality",
				"Spirit"
			]
		},
		"item_price": {
			"description": "Overrides default item price. See Module:ItemData",
			"example": "500",
			"type": "number"
		},
		"active": {
			"description": "Overrides default item active status. See Module:ItemData",
			"example": "true",
			"type": "boolean"
		}
	},
	"paramOrder": [
		"item_name",
        "display_name",
        "componentOf",
		"item_type",
		"item_price",
		"active"
	]
}
</templatedata>
</noinclude>