Template:KeitaArea: Difference between revisions

From Pokemon Revolution Online Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 6: Line 6:
       </div>
       </div>
       <div class="infobox-content">
       <div class="infobox-content">
        {{#if: {{{Maps|}}} |
      <div class="infobox-content collage">
        <!-- Multiple maps div -->
      <!-- Header for the collage -->
        <div class="multiple-maps">
      <div class="collage-title">Map Overview</div>
          {{#arraydefine:maps|{{{Maps}}}}}
          <table style="text-align: center; width: 100%">
            <tr>
              {{#vardefine:placeholder|1}}
              {{#loop: iterations|1|{{#arraysize:maps}}|
              {{#vardefine:vector|{{#expr:{{#var:iterations}} - 1}}}}
              <td style="width: 33%">
                [[File:{{#arrayindex:maps|{{#var:vector}}}}.png|100px|alt=...|class=map-image]]
                <br />{{#arrayindex:maps|{{#var:vector}}}}
              </td>
              {{#ifexpr: {{#var:iterations}} / 3 = {{#var:placeholder}} |
              {{#vardefine:placeholder|{{#expr:{{#var:placeholder}} + 1}}}}
            </tr>
            <tr>
              }} }}
            </tr>
          </table>
        </div>
        }}
        
        
         {{#if: {{{Map|}}} |
      <!-- Maps grid container -->
        <!-- Single map div -->
      <div class="maps-grid">
        <div class="map-image">
        <!-- Loop through all maps in the array -->
          [[File:{{{Map}}}.png|400px|alt={{{Name|{{PAGENAME}}}}} Map|class=map-image]]
         {{#loop: iterations| 1| {{#arraysize:maps}}|
        </div>
          <!-- Calculate vector index (0-based) from iteration (1-based) -->
          {{#vardefine:vector|{{#expr:{{#var:iterations}} - 1}}}}
         
          <!-- Create a div for each map with styling -->
          <div class="map-item">
            <img src="{{#arrayindex:maps|{{#var:vector}}}}.png" alt="{{#arrayindex:maps|{{#var:vector}}}} Map" class="map-thumbnail" />
            <div class="map-caption">{{#arrayindex:maps|{{#var:vector}}}}</div>
          </div>
         }}
         }}
       </div>
       </div>
    </div>
      </div>
  <!-- END: COLLAGE VIEW -->
|
  <!-- BEGIN: OVERVIEW VIEW - This code runs when Maps parameter is NOT provided -->
  <div class="infobox">
    <div class="infobox-header">{{PAGENAME}} - {{{Region|}}}</div>
    <div class="infobox-content">
      <img src="{{PAGENAME}}.png" alt="{{PAGENAME}} Map" class="map-image" />
    </div>
  </div>
  <!-- END: OVERVIEW VIEW -->
}}
         <div class="minimap-area">
         <div class="minimap-area">
           <p class="MinimapLocation">Minimap Location</p>
           <p class="MinimapLocation">Minimap Location</p>

Revision as of 19:38, 25 February 2025