Template:ItemBox: Difference between revisions

m resize
make parameter name optional
Line 2: Line 2:
<div style="display:inline-block; margin-left: 5px">
<div style="display:inline-block; margin-left: 5px">
{|- style="text-align:center; border-collapse:collapse; border-radius: 5px; width:100px !important; max-width:200px; height:2px; font-size: 12px;{{
{|- style="text-align:center; border-collapse:collapse; border-radius: 5px; width:100px !important; max-width:200px; height:2px; font-size: 12px;{{
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}}
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name|{{{1}}}}}}}}}}
  | Weapon = background-color: #C97A03;
  | Weapon = background-color: #C97A03;
  | Vitality = background-color: #659818;
  | Vitality = background-color: #659818;
  | Spirit = background-color: #8B56B4;
  | Spirit = background-color: #8B56B4;
  | background-color: #C97A03;}}"
  | background-color: #C97A03;}}"
! {{souls|{{#if: {{{item_price|}}}|{{{item_price}}}|{{#invoke:ItemData|get_cost|{{{item_name}}}}}}}}}
! {{souls|{{#if: {{{item_price|}}}|{{{item_price}}}|{{#invoke:ItemData|get_cost|{{{item_name|{{{1}}}}}}}}}}}}
|- style="text-align:center; width:100px; max-width:200px; height:60px; {{  
|- style="text-align:center; width:100px; max-width:200px; height:60px; {{  
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}}
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name|{{{1}}}}}}}}}}
  | Weapon = background-color: #FCAC4D; color: #3A2B08;
  | Weapon = background-color: #FCAC4D; color: #3A2B08;
  | Vitality = background-color: #86C921; color: #233A00;
  | Vitality = background-color: #86C921; color: #233A00;
Line 16: Line 16:
| <span style="filter: brightness(0) saturate(100%); transition: 0.1s transform ease-in-out;"
| <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}}}}}}}
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name|{{{1}}}}}}}}}}
  | 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={{#if:{{{link|}}}|{{{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>}}
  | color: #3A2B08;}}">[[File:{{{item_name|{{{1}}}}}}.png|50px|link={{#if:{{{link|}}}|{{{link}}}|{{{item_name|{{{1}}}}}}}}]]</span>{{#ifeq: {{#invoke:ItemData|is_active|{{{item_name|{{{1}}}}}}}}|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;{{
{{#if:{{#invoke:ItemData|get_component_name|{{{item_name|{{{1}}}}}}}}|<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;{{
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}}
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name|{{{1}}}}}}}}}}
  | 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;}}">{{Icon/Black|[[File:{{#invoke:ItemData|get_component_name|{{{item_name}}}}}.png|20px|link={{#invoke:ItemData|get_component_name|{{{item_name}}}}}]]}}</div></div>
  | background-color: #FFF0D7; color: #151912;}}">{{Icon/Black|[[File:{{#invoke:ItemData|get_component_name|{{{item_name|{{{1}}}}}}}}.png|20px|link={{#invoke:ItemData|get_component_name|{{{item_name|{{{1}}}}}}}}]]}}</div></div>
}}
}}
|- style="text-align: center; height:60px; font-size: 14px; {{
|- style="text-align: center; height:60px; font-size: 14px; {{
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name}}}}}}}
#switch: {{#if: {{{item_type|}}}|{{{item_type}}}|{{#invoke:ItemData|get_type|{{{item_name|{{{1}}}}}}}}}}
  | 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}}}]]}}
! {{#if:{{{link|}}}|[[{{{link}}}|{{{item_name|{{{1}}}}}}]]|[[{{{item_name|{{{1}}}}}}]]}}
|}</div></onlyinclude><noinclude>{{Documentation}}</noinclude>
|}</div></onlyinclude><noinclude>{{Documentation}}</noinclude>