Template:ItemBox: Difference between revisions
Jump to navigation
Jump to search
Copied the smaller box from Infobox Item into its own template. Figured it might be useful for pages to display multiple items at once without the whole infobox. |
cleanup. comment: this is a great template |
||
(15 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<onlyinclude> | <onlyinclude> | ||
<div style="display:inline-block"> | <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;{{ | {|- style="text-align:center; border-collapse:collapse; border-radius: 7px; width:100px !important; max-width:200px; height:2px; font-size: 12px;{{ | ||
#switch: {{{item_type}}} | #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; | | Weapon = background-color: #FCAC4D; color: #3A2B08; | ||
| Vitality = background-color: #86C921; color: #233A00; | | Vitality = background-color: #86C921; color: #233A00; | ||
| Spirit = background-color: #DE9CFF; color: #3C254E; | | Spirit = background-color: #DE9CFF; color: #3C254E; | ||
| background-color: #FCAC4D; color: #3A2B08;}}" | | 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}}}}}}} | |||
| <span style="filter: brightness(0) saturate(100%); transition: 0.1s transform ease-in-out;"{{ | |||
#switch: {{{item_type}}} | |||
| Weapon = color: #3A2B08; | | Weapon = color: #3A2B08; | ||
| Vitality = color: #233A00; | | Vitality = color: #233A00; | ||
| Spirit = color: #3C254E; | | Spirit = color: #3C254E; | ||
| color: #3A2B08;}}">[[File:{{{item_name}}}.png|50px|link={{{item_name}}}]]</span> | | color: #3A2B08;}}">[[File:{{{item_name}}}.png|50px|link={{{item_name}}}]]</span>{{#ifeq: {{#invoke:ItemData|is_active|{{{item_name}}}}}|true|<div style="position: relative; display: flex; justify-content: center; align-items: center;"><div style="background-color: #161A13; color: #FFFFF5; border-radius:5px; padding: 1px 8px 3px 8px; font-size:10px; margin: 0; width: 40px; height: 14px; position: absolute; bottom: -14px">'''ACTIVE'''</div></div>}} | ||
{{#if:{{#invoke:ItemData|get_component_name|{{{item_name}}}}}|<div style="position: relative; display: flex; justify-content: center; align-items: center;"><div style="background-color: #161A13; color: #FFFFF5; border-radius:50%; padding: 5px; font-size:10px; margin: 0; width: 20px; height: 20px; position: absolute; bottom: -7px; right: 3px;{{ | |||
|- style="text-align: center; height: | #switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}} | ||
#switch: {{{item_type}}} | | Weapon = background-color: #FFF0D7; color: #151912; | ||
| Vitality = background-color: #FFFFE7; color: #1C1E18; | |||
| Spirit = background-color: #FFEFD7; color: #131610; | |||
| background-color: #FFF0D7; color: #151912;}}">{{Icon/Black|[[File:{{#invoke:ItemData|get_component_name|{{{item_name}}}}}.png|20px|link={{#invoke:ItemData|get_component_name|{{{item_name}}}}}]]}}</div></div> | |||
}} | |||
|- style="text-align: center; height:60px; font-size: 14px; {{ | |||
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}} | |||
| Weapon = background-color: #FFF0D7; color: #151912; | | Weapon = background-color: #FFF0D7; color: #151912; | ||
| Vitality = background-color: #FFFFE7; color: #1C1E18; | | Vitality = background-color: #FFFFE7; color: #1C1E18; | ||
| Spirit = background-color: #FFEFD7; color: #131610; | | Spirit = background-color: #FFEFD7; color: #131610; | ||
| background-color: #FFF0D7; color: #151912;}}" | | background-color: #FFF0D7; color: #151912;}}" | ||
! {{{ | ! {{#if:{{{link|}}}|[[{{{link}}}|{{{item_name}}}]]|[[{{{item_name}}}]]}} | ||
| | |}</div></onlyinclude><noinclude>{{Documentation}}</noinclude> | ||
{{ |
Latest revision as of 08:41, 14 September 2024
A port of the initial box in Template:Infobox item with links, for use on pages that could use it without the whole infobox.
All data for each item is populated using data from Data:ItemData.json, retrieved by Module:ItemData.
Examples[edit source]
{{ItemBox|item_name = Soul Shredder Bullets|link=Basic Magazine}} {{ItemBox|item_name = Titanic Magazine}} {{ItemBox|item_name = Shadow Weave}} {{ItemBox|item_name = Debuff Remover}} {{ItemBox|item_name = Duration Extender}} {{ItemBox|item_name = Improved Spirit}}
3500 |
---|
Titanic Magazine |
6200 |
---|
ACTIVE |
Shadow Weave |
4250 |
---|
ACTIVE |
Debuff Remover |
1250 |
---|
Duration Extender |
3500 |
---|
Improved Spirit |
No description.
Parameter | Description | Type | Status | |
---|---|---|---|---|
item_name | item_name | Name of the item
| String | required |
link | link | The name of the item's link in cases where item_name is incorrect
| String | optional |
item_type | item_type | Overrides default item type. See Module:ItemData
| String | optional |
item_price | item_price | Overrides default item price. See Module:ItemData
| Number | optional |