Template:Ability card: Difference between revisions

No edit summary
m Added label for ability link
 
(71 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<includeonly>{{anchor|{{{ability_name|}}}}}<!--
<includeonly>{{anchor|{{{ability_name|}}}}}
 
  <div style="display:flex; flex-direction:column;">
<div style="display:flex; flex-direction:column;"><!-- Show video under box
    <div class="ability_details_main" style="display: flex; flex-wrap: wrap; align-items: flex-start;">
--><div class="ability_details_main" style="display: flex; flex-wrap: wrap; align-items: flex-start;"><!-- Allows notes to be on the side of the infobox if there is space.
      <div class="ability_box" style="flex:0 1 650px; margin-right:15px;">
  --><div class="ability_box" style="flex:0 1 450px; margin-right:15px; border-radius: 10px 10px 20px 20px;"><!--
        <div class="abilityHeader"
          style="color: #ffefd7; font-weight:bold; font-size:140%; padding: 10px 10px 10px 10px; background: #121212;">
          <div style="display: flex; align-items: center;"> {{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}}</div>
        </div>
        <div class="summaryInfoAndImage" style="display:inline-flex; background: #353535; width:100%">
          <div style="display:flex; flex-direction:column;  margin:5px 5px;">
            <div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
              <div style="position:absolute;">[[File:Passive ability frame.png|128x128px|link=]]</div>
              <div class="ability-icon"
                style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">
                {{#if:{{{ability icon|}}}|[[File:{{{ability icon}}}|90x90px|middle|center|link=]]|[[File:{{{name}}}.png|link=|90x90px|middle|center]]}}
              </div>
            </div>
          </div>
          <div style="color: #ffefd7; padding:5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;">
{{{description}}}
            {{#if:{{{radius|}}}|{{Ability card/Data row|name=Radius|value={{{radius}}} }} }}<!--
      -->{{#if:{{{range|}}}|{{Ability card/Data row|name=Range|value={{{range}}} }} }}<!--
      -->{{#if:{{{ability_width|}}}|{{Ability card/Data row|name=Ability width|value={{{ability_width}}} }} }}<!--
      -->{{#if:{{{duration|}}}|{{Ability card/Data row|name=Duration|value={{{duration}}} }} }}<!--
      -->{{#if:{{{cooldown|}}}|{{Ability card/Data row|name=Cooldown|value={{{cooldown}}} }} }}<!--
      -->{{#if:{{{effect1|}}}|{{Template:Ability card/Effect row|{{{effect1}}} }} }}<!--
      -->{{#if:{{{effect2|}}}|{{Template:Ability card/Effect row|{{{effect2}}} }} }}<!--
      -->{{#if:{{{effect3|}}}|{{Template:Ability card/Effect row|{{{effect3}}} }} }}<!--
      -->{{#if:{{{effect4|}}}|{{Template:Ability card/Effect row|{{{effect4}}} }} }}<!--
      -->{{#if:{{{effect5|}}}|{{Template:Ability card/Effect row|{{{effect5}}} }} }}<!--
      -->{{#if:{{{effect6|}}}|{{Template:Ability card/Effect row|{{{effect6}}} }} }}<!--
      -->{{#if:{{{effect7|}}}|{{Template:Ability card/Effect row|{{{effect7}}} }} }}<!--
      -->{{#if:{{{effect8|}}}|{{Template:Ability card/Effect row|{{{effect8}}} }} }}<!--
      -->{{#if:{{{effect9|}}}|{{Template:Ability card/Effect row|{{{effect9}}} }} }}<!--
      -->{{#if:{{{upgrade1|}}}|{{Template:Ability card/Upgrade row|ap=1|description={{{upgrade1}}} }} }}<!--
      -->{{#if:{{{upgrade2|}}}|{{Template:Ability card/Upgrade row|ap=2|description={{{upgrade2}}} }} }}<!--
      -->{{#if:{{{upgrade3|}}}|{{Template:Ability card/Upgrade row|ap=5|description={{{upgrade3}}} }} }}</div></div></div></div></div>
</includeonly>
<noinclude>
  {{doc}}
    
    
  --><div class="abilityHeader" style="font-weight:bold; font-size:140%; border-radius: 10px 10px 0px 0px; border:1px solid {{Color|wiki1}}; border-bottom: 1px solid white; padding:3px 5px; background:rgba(0,0,0,0.4);"><!--Begin box header
    -->{{{name}}}<!--
    --><div style="float:right;"><!--
        -->{{#if:{{#var:{{{ability_name}}} key_alternative}}|<div class="abilityIcons" style="display:inline-block; font-size:60%; margin-right:5px; color:#0f0f0f; padding-left:0.59em; padding-right:0.59em; text-align:center; background-color:rgba(255,255,255,1); border-radius: 2px;">{{Tooltip|{{key|{{#var:{{{ability_name}}} key_alternative}}}}|Access Key}}</div>}}<!--Key Alternative, Utilizes the same template of key.
    -->{{#if:{{#var:{{{ability_name}}} key}}|<div class="abilityIcons" style="display:inline-block; margin-left:5px; color:#f06414; padding-left:0.2em; padding-right:0.25em; text-align:center; background-color:rgba(8,27,43,0.3);">{{Tooltip|{{key|{{#var:{{{ability_name}}} key}}}}|Hotkey}}</div>}}<!--Key
    --></div><!--
  --></div><!-- End box header
 
  --><div class="summaryInfoAndImage" style="display:inline-flex; background:rgba(0,0,0,0.15); width:100%"><!--Begin summary info and image
    --><div style="display:flex; flex-direction:column;  margin:5px 5px;"><!--
    --><div class="abilityImage" style="display:inline-block; width:128px; height:128px;"><!--
      --><div style="position:absolute;"><!--
        -->[[File:hero-ability-circle.svg|128x128px|link=]]<!--
      --></div><!--
      --><div style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"><!--
        -->[[File:{{#if:{{{ability_image|}}}|{{{ability_image}}}|Placeholder_ability_icon.png}}|link=|100x100px|middle|center]]<!--
      --></div><!--
    --></div><!--
    --><div style="width:128px; text-align:center;"><!--
      -->{{#if:{{{cooldown|}}}|{{#ifeq:{{{ability_type|Ability}}}|Ability|{{Tooltip|{{{cooldown|?}}}|Ability cooldown}}}}}}<!--
    --></div><!--Show ability cooldown
    --></div><!--
    --><div style="display:flex; flex-direction:column; width:100%;"><!--Begin summary info
    --><div style="display:inline-flex"><!--
      -->|<!--
        --><div style="display:flex; justify-content:center; column-gap:4px; padding-top:5px; padding-bottom:5px;"><!--
          --><div style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; {{#switch: {{lc:{{{ignores_boost|}}}}}|yes|1=opacity:0.3;|#default=}}"><!--
          -->[[File:Ability-ana4.png|link=|25x25px|middle|center|Ignores damage boosts.]]<!--
          --></div><!--
        --></div><!--
        --><div class="abilityImage" style="display:inline-block; width:32px; height:32px;"><!--
          --><div style="position:absolute;"><!--
          -->{{#ifeq: {{lc:{{{ignores_window|}}}}}|partial|<!--
            --><div style="position:absolute; left:26px; top:16px; color:#cccccc; font-family:sans-serif;">'''!'''</div><!--
          -->}}<!--
          -->[[File:hero-ability-circle.svg|32x32px|link=|{{#ifeq: {{lc:{{{ignores_window|}}}}}|partial|Partially affected|Affected}} by Amplification Matrix.]]<!--
          --></div><!--
          --><div style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; {{#switch: {{lc:{{{ignores_window|}}}}}|yes|1=opacity:0.3;|#default=}}"><!--
          -->[[File:Baptiste-ability4.png|link=|25x25px|middle|center|Ignores Amplification Matrix.]]<!--
          --></div><!--
        --></div><!--
        --></div><!-- End interactions
      -->}}<!--
      --></div><!--
    --></div><!--
    --><div style="padding-right: 5px; vertical-align:top; font-size:85%;"><!--
      -->'' {{{official_description|}}} ''<!--
    --></div><!--
    --></div><!--End summary info
  --></div><!--End summary info and icon
 
  --><div style="padding:5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;"><!-- START main content
    -->{{#if:{{{radius|}}}|{{Ability card/Data row|name=Radius|value={{{radius}}} }} }}<!--
    -->{{#if:{{{duration|}}}|{{Ability card/Data row|name=Duration|value={{{duration}}} }} }}<!--
    -->{{#if:{{{cooldown|}}}|{{Ability card/Data row|name=Cooldown|value={{{cooldown}}} }} }}<!--
    -->{{#if:{{{description|}}}|{{Ability card/Data row|name=Description|value={{{description}}} }} }}<!--
    -->{{#if:{{{effect1|}}}|{{Ability card/Data row|name=A|value={{{value1}}} }} }}<!--
    -->{{#if:{{{effect2|}}}|{{Ability card/Data row|name=A|value={{{value2}}} }} }}<!--
    -->{{#if:{{{effect3|}}}|{{Ability card/Data row|name=A|value={{{value3}}} }} }}<!--
    -->{{#if:{{{upgrade1_effect|}}}|{{Ability card/Data row|name={{{upgrade1_effect}}}|value={{{upgrade1_value}}} }} }}<!--
    -->{{#if:{{{upgrade2_effect|}}}|{{Ability card/Data row|name={{{upgrade2_effect}}}|value={{{upgrade2_value}}} }} }}<!--
    -->{{#if:{{{upgrade3_effect|}}}|{{Ability card/Data row|name={{{upgrade3_effect}}}|value={{{upgrade3_value}}} }} }}<!--
    --></div><!--
--></div><!--
    -->}}<!--
  --></div><!--END main content
  --></div><!--
    
    
  --><div style="flex:1 1 450px; word-wrap:break-word; margin-top:7px"><!--
  [[Category:Infobox templates]]
    -->{{#tag: tabber|<!-- details tabber start
<templatedata>
    -->{{#if: {{{ability_details|}}}|{{!}}-{{!}} {{lang|en=Details|zh-hans=详情}}=<!-- closed nowiki tag on next line to prevent line break from being parsed, so the list displays properly
{
      --><div style="margin: 0.5em 0;"><nowiki/>
"params": {
 
"ability_name": {},
<div class="mobileonly">'''Ability details:'''</div>     
"name": {
{{{ability_details}}}<!-- also it is necessary to have an extra line break before the parameters or the second tab ignores the margins for some weird reason
"description": "Name of the ability (must match exactly)",
      --></div><!--
"example": "Siphon Life",
    -->}}<!--
"type": "string"
    -->{{#if: {{{coop_details|}}}|{{!}}-{{!}} Co-op=<!--
},
      --><div style="margin: 0.5em 0;"><nowiki/>
"ability icon": {
</includeonly><noinclude>
"description": "Optional: If the ability uses another icon enter it here. Most likely for unreleased characters",
 
"example": "Siphon Life.png",
{{doc}}
"type": "wiki-file-name"
 
},
[[Category:Infobox templates]]
"description": {},
</noinclude>
"radius": {},
"range": {},
"ability_width": {},
"duration": {},
"cooldown": {},
"effect1": {},
"effect2": {},
"effect3": {},
"effect4": {},
"effect5": {},
"effect6": {},
"effect7": {},
"effect8": {},
"effect9": {},
"upgrade1": {},
"upgrade2": {},
"upgrade3": {}
}
}
</templatedata></noinclude>