|
|
| (28 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <noinclude>This is used to tabulate all basic area data.</noinclude> | | <noinclude> |
| <includeonly> | | This template tabulates all basic area data. |
| {{#vardefine:border|#{{{{{Type}}}_color_dark}}}}{{#vardefine:background|#{{{{{Type}}}_color}}}}{{#vardefine:cell|#{{{{{Type}}}_color_light}}}}
| | Usage: {{AreaInfoBox |
| <table class="informational-box" align="right" | | | Type = |
| style="width: 43%; background-color: {{#var:background}}; border: 5px solid {{#var:border}}; border-radius: 25px; padding: 5px; text-align: center;"> | | | Region = |
| | | Maps = |
| | | Location = |
| | | Badge = |
| | | Leader = |
| | | GymType = |
| | | BattleNPCs = |
| | | Items = |
| | | BerryTrees = |
| | | North = |
| | | West = |
| | | South = |
| | | East = |
| | }} |
| | </noinclude><includeonly>{{! |
| | MUTE TEMPLATESTYLES}}{{! |
| | -- Logic and Variable Definitions First -- |
| | }}{{#vardefine:location|{{#ifexist:File:{{PAGENAME}}.gif|{{PAGENAME}}|{{{Location|}}}}}}}{{! |
| | -- Main Container -- |
| | }}{{#tag:div| |
| | |
| | {{#if:{{{Maps|}}} |
| | | <div class="keita-infobox-section"> |
| | <h2 class="keita-infobox-section-title">Overview Collage</h2> |
| | <div class="keita-infobox-gallery"> |
| | {{#loop: map | {{#explode:{{{Maps}}}|,}} | |
| | <div class="keita-infobox-gallery-item"> |
| | [[File:{{#var:map}}.png|100px|link={{#var:map}}]] |
| | <span>{{#var:map}}</span> |
| | </div> |
| | }} |
| | </div> |
| | </div> |
| | | <div class="keita-infobox-section"> |
| | <h2 class="keita-infobox-section-title">Overview</h2> |
| | [[File:{{PAGENAME}}.png|400px]] |
| | </div> |
| | }} |
| | |
| | {{#if:{{#var:location}} | |
| | <div class="keita-infobox-section"> |
| | <h2 class="keita-infobox-section-title">Location</h2> |
| | [[File:{{#var:location}}.gif|200px]] |
| | <p class="keita-infobox-caption">A positional vantage point of {{PAGENAME}} in {{{Region}}}.</p> |
| | </div> |
| | }} |
| | |
| | {{#if:{{{Badge|}}} | |
| | <div class="keita-infobox-section"> |
| | <h2 class="keita-infobox-section-title">[[File:{{{Badge}}}_Badge_Icon.png|30px]] {{PAGENAME}} Gym</h2> |
| | <table class="keita-info-rows"> |
| <tr> | | <tr> |
| <td colspan="3"
| | <th>Gym Leader</th> |
| style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}}; color: {{#var:border}}; font-weight: bold; font-size: 20px;">
| | <td>{{{Leader}}}</td> |
| {{PAGENAME}} - [[{{{Region}}}|<span style="color:{{#var:border}};">{{{Region}}}</span>]]</td>
| |
| </tr> | | </tr> |
| <tr>{{#if:{{{Maps|}}} | | | <tr> |
| {{#arraydefine:maps|{{{Maps}}}}}
| | <th>Type Specialty</th> |
| <td colspan="3">
| | <td>[[{{{GymType}}}_(type)|{{{GymType}}}]]</td> |
| <table style="text-align: center; width: 100%; padding: 6px; color:{{#var:border}};">
| |
| <tr>
| |
| <td colspan="5"
| |
| style="color: {{#var:border}}; margin-bottom: 5px; font-weight: bold; border-radius: 25px; border: 3px solid {{#var:border}}; background-color:{{#var:cell}}; padding: 4px;">
| |
| Overviewing collage</td>
| |
| </tr>
| |
| <tr>{{#vardefine:placeholder|1}}
| |
| {{#loop: iterations|
| |
| 1|
| |
| {{#arraysize:maps}}|
| |
| {{#vardefine:vector|{{#expr:{{#var:iterations}} - 1}}}}
| |
| <td width="33%"
| |
| style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}};">
| |
| <table width="100%" style="text-align: center; padding: 3px;">
| |
| <tr>
| |
| <td>[[File:{{#arrayindex:maps|{{#var:vector}}}}.png|100px]]</td>
| |
| </tr>
| |
| <tr>
| |
| <td>{{#arrayindex:maps|{{#var:vector}}}}</td>
| |
| </tr>
| |
| </table>
| |
| </td>
| |
| {{#ifexpr:{{#var:iterations}} / 3 = {{#var:placeholder}} |
| |
| {{#vardefine:placeholder|{{#expr:{{#var:placeholder}} + 1}}}}
| |
| </tr>
| |
| <tr> }}
| |
| }}
| |
| </tr>
| |
| </table>
| |
| </td>
| |
| |
| |
| <td colspan="3"
| |
| style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}}; padding: 6px;">
| |
| <p style="color: {{#var:border}}; margin-bottom: 5px; font-weight: bold;">Overview</p>
| |
| [[File:{{PAGENAME}}.png|400px]]
| |
| </td>
| |
| }}
| |
| </tr> | | </tr> |
| {{#ifexist:File:{{PAGENAME}}.gif|{{#vardefine:location|{{PAGENAME}}}}|{{#if:{{{Location|}}}|{{#vardefine:location|{{{Location}}}}}}}}} | | <tr> |
| {{#if:{{#var:location}}|<tr>
| | <th>Badge</th> |
| <td colspan="3"
| | <td>{{{Badge}}} Badge</td> |
| style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}};">
| |
| <p style="color: {{#var:border}}; margin-bottom: 5px; font-weight: bold;">Location</p>
| |
| [[File:{{#var:location}}.gif|200px]]<p style="font-color: 10px: margin-top: 4px;>A positional vantage point of {{PAGENAME}} in {{{Region}}}.</p></td></tr>}}
| |
| {{#if:{{{Badge|}}} |
| |
| {{#vardefine:badge|{{{Badge|}}}}}
| |
| {{#vardefine:leader|{{{Leader|}}}}}
| |
| <tr><td colspan=" 3"
| |
| style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};">
| |
| <table style="width: 100%; padding: 7px;">
| |
| <tr>
| |
| <td colspan="3">[[File:{{{Badge}}}_Badge_Icon.png]]<p
| |
| style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">
| |
| {{PAGENAME}} Gym</p>
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td style="border-radius: 25px; padding: 5px;">
| |
| <div
| |
| style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">
| |
| Gym-leader</div>
| |
| <div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{Leader}}}
| |
| </div>
| |
| </td>
| |
| <td style="border-radius: 25px; padding: 5px;">
| |
| <div
| |
| style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">
| |
| Type specialty</div>
| |
| <div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">
| |
| [[{{{GymType}}}_(type)|{{{GymType}}}]]</div>
| |
| </td>
| |
| <td style="border-radius: 25px; padding: 5px;">
| |
| <div
| |
| style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">
| |
| Badge</div>
| |
| <div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{Badge}}} Badge
| |
| </div>
| |
| </td>
| |
| </tr>
| |
| </table>
| |
| </td>
| |
| </tr> | | </tr> |
| | </table> |
| | </div> |
| | }} |
| | |
| | {{#ifexpr: {{{Items|0}}} + {{{BerryTrees|0}}} + {{{BattleNPCs|0}}} > 0 | |
| | <div class="keita-infobox-section"> |
| | <h2 class="keita-infobox-section-title">Resources</h2> |
| | <table class="keita-info-rows"> |
| | {{#if:{{{BattleNPCs|}}}| |
| | <tr> |
| | <th>Battleable NPCs</th> |
| | <td>{{{BattleNPCs}}}</td> |
| | </tr> |
| }} | | }} |
| {{#vardefine:resources|{{#expr:{{#expr:{{{Items|0}}}}}+{{{BerryTrees|0}}}+{{{BattleNPCs|0}}}}}}} | | {{#if:{{{Items|}}}| |
| {{#ifexpr:{{#var:resources}} > 0 |
| | <tr> |
| <tr>
| | <th>Ground Items</th> |
| <td colspan="3" | | <td>{{{Items}}}</td> |
| style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};">
| | </tr> |
| <table style="width: 100%; padding: 6px;">
| |
| <tr>
| |
| <td colspan="4">
| |
| <p
| |
| style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">
| |
| Resources</p>
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td style="border-radius: 25px; padding: 5px;">
| |
| <div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 5px; margin-bottom: 7px;">
| |
| Battleable NPCs
| |
| </div>
| |
| </td>
| |
| <td style="background-color: #FFFFFF; border-radius: 25px; padding: 5px;">
| |
| {{{BattleNPCs|0}}}
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 5px; margin-bottom: 7px;">
| |
| Ground-lootable items
| |
| </td>
| |
| <td style="background-color: #FFFFFF; border-radius: 25px; padding: 5px;">{{{Items|0}}}
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 5px; margin-bottom: 7px;">
| |
| Berry trees
| |
| </td>
| |
| <td style="background-color: #FFFFFF; border-radius: 25px; padding: 5px;">
| |
| {{{BerryTrees|0}}}
| |
| </td>
| |
| | |
| </tr>
| |
| </table>
| |
| </td>
| |
| </tr>
| |
| }} | | }} |
| {{#vardefine:placeholder|{{#iferror: {{#expr:{{{North|0}}}+{{{West|0}}}+{{{South|0}}}+{{{East|0}}}}}| 1 | 0 }}}} | | {{#if:{{{BerryTrees|}}}| |
| {{#ifexpr:{{#var:placeholder}} > 0 |
| | <tr> |
| <tr>
| | <th>Berry Trees</th> |
| <td colspan="3" | | <td>{{{BerryTrees}}}</td> |
| style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};">
| | </tr> |
| <table style="width: 100%; padding: 7px;">
| |
| <tr>
| |
| <td colspan="3">
| |
| <p
| |
| style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">
| |
| Adjacent areas</p>
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td></td>
| |
| <td width="25%"
| |
| style="background-color:#FFFFFF; border-radius: 100px 100px 1px 1px; border: 3px solid {{#var:border}}; margin: auto auto; padding: 5px;">
| |
| ↑{{#if:{{{North|}}} | <br>[[{{{North}}}]]}}</td>
| |
| </tr>
| |
| <td></td>
| |
| <tr>
| |
| <td width="25%"
| |
| style="background-color:#FFFFFF; border-radius: 100px 1px 1px 100px; border: 3px solid {{#var:border}}; padding: 5px;">
| |
| ← {{#if:{{{West|}}} | [[{{{West}}}]]}}</td>
| |
| <td width="25%"
| |
| style="background-color:#FFFFFF; border: 3px solid {{#var:border}}; margin: auto auto; padding: 5px;">
| |
| '''{{PAGENAME}}'''</td>
| |
| <td width="25%"
| |
| style="background-color:#FFFFFF; border-radius: 1px 100px 100px 1px; border: 3px solid {{#var:border}}; padding: 5px;">
| |
| {{#if:{{{East|}}} | [[{{{East}}}]]}} →</td>
| |
| </tr>
| |
| <tr>
| |
| <td></td>
| |
| <td width="25%"
| |
| style="background-color:#FFFFFF; border-radius: 1px 1px 100px 100px; border: 3px solid {{#var:border}}; padding: 8px;">
| |
| {{#if:{{{South|}}} | [[{{{South}}}]]<br>}}↓</td>
| |
| <td></td>
| |
| </tr>
| |
| </table>
| |
| </td>
| |
| </tr>
| |
| }} | | }} |
| </table> | | </table> |
| | </div> |
| | }} |
| | |
| | {{#if: {{{North|}}}{{{West|}}}{{{South|}}}{{{East|}}} | |
| | <div class="keita-infobox-section"> |
| | <h2 class="keita-infobox-section-title">Adjacent Areas</h2> |
| | <div class="keita-infobox-adjacency"> |
| | <div class="keita-adj-north">{{#if:{{{North|}}}|[[{{{North}}}|↑<br />{{{North}}}]]}}</div> |
| | <div class="keita-adj-west">{{#if:{{{West|}}}|[[{{{West}}}|← {{{West}}}]]}}</div> |
| | <div class="keita-adj-center">{{PAGENAME}}</div> |
| | <div class="keita-adj-east">{{#if:{{{East|}}}|[[{{{East}}}|{{{East}}} →]]}}</div> |
| | <div class="keita-adj-south">{{#if:{{{South|}}}|[[{{{South}}}|{{{South}}}<br />↓]]}}</div> |
| | </div> |
| | </div> |
| | }} |
|
| |
|
| | | class=keita-area-infobox, style=--color-border: #${{{Type}}}_color_dark}; --color-background: #${{{Type}}}_color}; --color-cell: #${{{Type}}}_color_light}; , data-type={{{Type}}} }} |
| | <div class="keita-area-infobox-header" style="--color-border: #${{{Type}}}_color_dark}; --color-cell: #${{{Type}}}_color_light};"> |
| | {{PAGENAME}} - [[{{{Region}}}|<span style="color:var(--color-border);">{{{Region}}}</span>]] |
| | </div> |
|
| |
|
| [[Category:Locations]] {{#if:{{{Region}}} | [[Category:{{{Region}}} areas]]}} {{#switch: {{ucfirst:{{{Type}}}}} |
| | [[Category:Locations]] |
| Cave = [[Category:Caves]] | Mountain = [[Category:Mountains]] | Forest = [[Category:Forests]] | Lake =
| | {{#if:{{{Region|}}}|[[Category:{{{Region}}} areas]]}} |
| [[Category:Lakes]] | #default = }} {{#if:{{{Badge|}}} | [[Category:Gyms]]}}
| | {{#switch: {{ucfirst:{{{Type}}}}}|Cave=[[Category:Caves]]|Mountain=[[Category:Mountains]]|Forest=[[Category:Forests]]|Lake=[[Category:Lakes]]|#default=}} |
| | {{#if:{{{Badge|}}}|[[Category:Gyms]]}} |
| | <templatestyles src="Template:AreaInfoBox/styles.css" /> |
| </includeonly> | | </includeonly> |