The Deadlock Wiki

Editing Template:ItemBox

Warning: You are not logged in. Once you make an edit, a temporary account will be created for you. Learn more. Log in or create an account to continue receiving notifications after this account expires, and to access other features.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision Your text
Line 1: Line 1:
<templatestyles src="Template:ItemBox/styles.css" /><includeonly>
<onlyinclude>
<div style="display:inline-block; margin-left: 5px">
{|- style="text-align:center; border-collapse:collapse; border-radius: 7px; width:100px !important; 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>{{#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;{{
#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;}}">{{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;
| Vitality = background-color: #FFFFE7; color: #1C1E18;
| Spirit = background-color: #FFEFD7; color: #131610;
| background-color: #FFF0D7; color: #151912;}}"
! {{#if:{{{link|}}}|[[{{{link}}}|{{{item_name}}}]]|[[{{{item_name}}}]]}}
|}</div></onlyinclude>


{{#vardefine:itemName|{{{itemName|{{{1}}}}}}}}<!--


    Display name: Lang string for the codename, else the raw name, then override.
A port of the initial box in [[Template:Infobox item]] with links, for use on pages that could use it without the whole infobox.
-->{{#vardefine:displayName|{{#invoke:Lang|get_string|{{#invoke:ItemData|get_codename|{{#var:itemName}}}}}}}}<!--
-->{{#vardefine:displayName|{{#if:{{#var:displayName}}|{{#var:displayName}}|{{#var:itemName}}}}}}<!--
-->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:displayName}}}}}}}<!--


    Measured name size (cqw) and stable per-item texture variety.
All data for each item is populated using data from [[Data:ItemData.json]]
-->{{#vardefine:fontSize|{{#invoke:ItemBox|getFontSize|{{#var:displayName}}}}}}<!--
-->{{#vardefine:variants|{{#invoke:ItemBox|variants|{{#var:itemName}}}}}}<!--


    Modifier classes: slot (Weapon/Armor/Tech from data, or Weapon/Vitality/Spirit override -> weapon/vitality/spirit), tier, tags.
{{ItemBox|item_name = Soul Shredder Bullets|link=Basic Magazine}}  
-->{{#vardefine:slot|{{#switch:{{{overrideSlot|{{#invoke:ItemData|get_prop|{{#var:itemName}}|Slot}}}}}|Weapon=itembox-weapon|Armor|Vitality=itembox-vitality|Tech|Spirit=itembox-spirit}}}}<!--
{{ItemBox|item_name = Titanic Magazine}}  
-->{{#vardefine:tier|itembox-tier-{{{overrideTier|{{#invoke:ItemData|get_prop|{{#var:itemName}}|Tier}}}}}}}<!--
{{ItemBox|item_name = Shadow Weave}}
-->{{#vardefine:showTierTag|{{#ifeq:{{{showTierTag|}}}|true|itembox-show-tier}}}}<!--
{{ItemBox|item_name = Debuff Remover}}
-->{{#vardefine:isActive|{{{overrideIsActive|{{#invoke:ItemData|is_active|{{#var:itemName}}}}}}}}}<!--
{{ItemBox|item_name = Duration Extender}}
-->{{#vardefine:isActive|{{#ifeq:{{#var:isActive}}|true|itembox-active}}}}<!--
{{ItemBox|item_name = Improved Spirit}}
-->{{#vardefine:isImbue|{{{overrideIsImbue|{{#invoke:ItemData|get_prop|{{#var:itemName}}|IsImbue}}}}}}}<!--
-->{{#vardefine:isImbue|{{#ifeq:{{#var:isImbue}}|true|itembox-imbue}}}}<!--


    lowGraphics=true is for callers that place dozens of cards on one page (the
<noinclude>
    card navboxes). It swaps the paper texture from the normal-mode multiply,
<templatedata>
    which blends two images and so is re-rasterised every scrolled frame, to a
{
    transparent-paper overlay that is a single cacheable image. On the profiled
"params": {
    navbox this took the render thread's OpenGL work from ~230 ms/s to ~10 and
        "item_name": {
    roughly doubled the frame rate. The wear and icon masks are clips of a
"description": "Name of the item",
    single image, not blends, so they cache once rasterised and stay at full
"example": "Basic Magazine",
    detail. The overlay itself is defined in [[Template:ItemBox/styles.css]] and
"type": "string",
    keyed off the same per-item texture-vN class, so a card keeps its paper
"required": true
    across both modes.
},
-->{{#vardefine:lowGraphics|{{#ifeq:{{{lowGraphics|}}}|true|itembox-lowgfx}}}}<!--
        "link": {
 
"description": "The name of the item's link in cases where item_name is incorrect",
    Links.
"example": "Bullet Lifesteal (item)",
-->{{#vardefine:linkTooltip|{{{overrideLinkTooltip|{{#var:itemName}}}}}}}<!--
"type": "string"
-->{{#vardefine:linkImage|{{{overrideLinkImage|{{#var:itemName}}}}}}}<!--
},
-->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:itemName}}{{If lang}}}}}}}<!--
"item_type": {
 
"description": "Overrides default item type. See Module:ItemData",
--><div class="itembox {{#var:showTierTag}} {{#var:tier}} {{#var:slot}} {{#var:isActive}} {{#var:isImbue}} {{#var:variants}} {{#var:lowGraphics}}" style="font-size:{{#expr: 10 * {{#if:{{{size|}}}|{{{size}}}|1}} }}px;">
"example": "Spirit",
<div class="itembox-background">
"type": "string",
<div class="itembox-card">
"suggestedvalues": [
<div class="itembox-icon-area">
"Weapon",
<div class="itembox-icon">[[File:{{#var:linkImage}}.png|160px|link=]]</div>
"Vitality",
<div class="itembox-tier-badge">
"Spirit"
<div class="itembox-tier-badge-shadow"></div>
]
<div class="itembox-tier-badge-fill"></div>
},
<div class="itembox-tier-badge-number"></div>
"item_price": {
</div>
"description": "Overrides default item price. See Module:ItemData",
<div class="itembox-imbue-tag">{{#invoke:Lang|get_string|item_info_imbue}}</div>
"example": "500",
</div>
"type": "number"
<!-- container-type is inline because TemplateStyles strips it; the name's cqw size measures against this box. -->
}
<div class="itembox-name-area" style="container-type: inline-size;">
},
<p class="itembox-name" style="font-size:{{#var:fontSize}};text-wrap:balance;">{{#var:displayName}}</p>
"paramOrder": [
</div>
"item_name",
<div class="itembox-wear"></div>
        "link",
<div class="itembox-texture"></div>
"item_type",
<div class="itembox-bevel"></div>
"item_price"
<div class="itembox-active-tag">{{#invoke:Lang|get_string|item_info_active}}</div>
]
<div class="itembox-outline"></div>
}
</div>
</templatedata>
</div>
</noinclude>
<div class="item-link-wrapper" data-item-name="{{#var:linkTooltip}}">[[{{#var:linkClick}}|<span></span>]]</div>
</div></includeonly><noinclude>{{Documentation}}</noinclude>
Please note that all contributions to The Deadlock Wiki are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see Deadlock:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
Cancel Editing help (opens in new window)
Preview page with this template

Pages included on this page:

Retrieved from "https://deadlock.wiki/Template:ItemBox"