Actions

Template

BuildingRefinerDisplayV2: Difference between revisions

From Dune Awakening DB

← Older editNewer edit →
VisualWikitext
mNo edit summary
mNo edit summary
Line 1: Line 1:
<!-- Template:BuildingCard -->
<!-- Template:BuildingRefinerDisplayV2 -->
<div class="responsive-container">
<div class="responsive-container">
  <!-- Left Column: Main Building Card -->
   <div class="responsive-col col1">
   <div class="responsive-col col1">
     <div class="skin-pivot">
     <div class="skin-pivot">
Line 11: Line 12:
           </div>
           </div>
           <div class="dune-card-image">
           <div class="dune-card-image">
             [[File:{{{ImageFile}}}|200px|alt={{{Name}}}|style=max-width:100%;max-height:150px;object-fit:contain;border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;]]
             [[File:{{{ImageFile}}}|200px|alt={{{Name}}}|style:max-width:100%;max-height:150px;object-fit:contain;border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;]]
           </div>
           </div>
           <div class="dune-card-description">
           <div class="dune-card-description">
Line 32: Line 33:
               <tr>
               <tr>
                 <th><span class="icon">&#9881;</span> Primary Source</th>
                 <th><span class="icon">&#9881;</span> Primary Source</th>
                 <td>Crafting</td>
                 <td>{{{PrimarySource}}}</td>
               </tr>
               </tr>
               <tr>
               <tr>
Line 40: Line 41:
               <tr>
               <tr>
                 <th><span class="icon">&#9889;</span> Power Cost</th>
                 <th><span class="icon">&#9889;</span> Power Cost</th>
                 <td>{{{PowerCost}}}</td>
                 <td>{{{EnergyConsumption}}}</td>
               </tr>
               </tr>
               <tr>
               <tr>
Line 52: Line 53:
               <tr>
               <tr>
                 <th><span class="icon">&#9883;</span> Components</th>
                 <th><span class="icon">&#9883;</span> Components</th>
                 <td>{{{RecipeToBuild}}}</td>
                 <td>{{{Components}}}</td>
               </tr>
               </tr>
               <tr>
               <tr>
Line 64: Line 65:
     </div>
     </div>
   </div>
   </div>
 
 
   <!-- MIDDLE COLUMN -->
   <!-- Middle Column: Refining Recipes & Additional Information -->
   <div class="responsive-col col2">
   <div class="responsive-col col2">
     <!-- REFINING RECIPES CARD -->
     <!-- Refining Recipes Card -->
     <div class="skin-pivot" style="margin-bottom:20px;">
     <div class="skin-pivot" style="margin-bottom:20px;">
       <div class="dune-card">
       <div class="dune-card">
Line 80: Line 81:
             Times or power usage might vary based on external modifiers (e.g., upgrades).
             Times or power usage might vary based on external modifiers (e.g., upgrades).
           </div>
           </div>
           <div class="dune-card-infobox-left">
           <div class="dune-card-infobox-left">
            <!-- =========================
                4) GET REFINING RECIPES
                ========================= -->
            {{#get_external_data:
            |source=externaldb
            |from=data_refining_recipes
            |data=Refiner=Refiner,Output=Output,Ingredients=Ingredients,Time=Time,Recipe=Recipe
            |cache=yes
            |filter=Refiner={{#var: buildingName }}
            }}
            <!-- We'll output an HTML table of recipes -->
             <table class="infobox-dune">
             <table class="infobox-dune">
              <tr>
               {{{RefiningRecipes}}}
                <th style="text-align:left;">Output</th>
                <th style="text-align:left;">Ingredients</th>
                <th style="text-align:left;">Craft Time</th>
              </tr>
 
               {{#for_external_table:
              |format=plain
              |intro=
              |outro=
              |separator=
              |{{!}}-
                <tr>
                  <td style="text-align:left;">{{{Output}}}</td>
                  <td style="text-align:left;">{{{Ingredients}}}</td>
                  <td style="text-align:left;">{{{Time}}}</td>
                </tr>
              }}
             </table>
             </table>
           </div>
           </div>
Line 118: Line 89:
       </div>
       </div>
     </div>
     </div>
 
   
     <!-- ADDITIONAL INFO CARD -->
     <!-- Additional Information Card -->
     <div class="skin-pivot" style="margin-bottom:20px;">
     <div class="skin-pivot" style="margin-bottom:20px;">
       <div class="dune-card">
       <div class="dune-card">
Line 129: Line 100:
           </div>
           </div>
           <div class="dune-card-description">
           <div class="dune-card-description">
             {{#var: buildingAdditionalNotes }}
             {{{AdditionalNotes}}}
           </div>
           </div>
         </div>
         </div>
Line 135: Line 106:
     </div>
     </div>
   </div>
   </div>
 
 
   <!-- RIGHT COLUMN -->
   <!-- Right Column: Video Tutorials & Related Buildings -->
   <div class="responsive-col col3">
   <div class="responsive-col col3">
     <!-- VIDEO TUTORIALS -->
     <!-- Video Tutorials Card -->
     <div class="skin-pivot" style="margin-bottom:20px;">
     <div class="skin-pivot" style="margin-bottom:20px;">
       <div class="dune-card">
       <div class="dune-card">
Line 148: Line 119:
           </div>
           </div>
           <div class="dune-card-video" style="border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;">
           <div class="dune-card-video" style="border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;">
             {{#if: {{#var: buildingYoutubeURL }} |
             {{{YoutubeEmbed}}}
              <youtube>{{#var: buildingYoutubeURL }}</youtube>
              | Coming Soon
            }}
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
 
   
     <!-- RELATED BUILDINGS -->
     <!-- Related Buildings Card -->
     <div class="skin-pivot">
     <div class="skin-pivot">
       <div class="dune-card">
       <div class="dune-card">
Line 164: Line 132:
           <div class="dune-card-label">RELATED BUILDINGS</div>
           <div class="dune-card-label">RELATED BUILDINGS</div>
           <div class="dune-card-title">
           <div class="dune-card-title">
             <span class="icon">&#x1F3D7;</span> Other {{#var: buildingCategory3 }}
             <span class="icon">&#x1F3D7;</span> Other {{{Category3}}}
           </div>
           </div>
           <div class="dune-card-description">
           <div class="dune-card-description">
             {{{RelatedBuildingsDescription|Explore similar building types to expand your base capabilities.}}}
             {{{RelatedBuildingsDescription|Explore similar building types to expand your base capabilities.}}}
           </div>
           </div>
           <div class="dune-card-infobox">
           <div class="dune-card-infobox">
            <!-- ============================
             {{{RelatedBuildings}}}
                5) GET RELATED BUILDINGS
                ============================ -->
             {{#get_external_data:
            |source=externaldb
            |from=data_buildings
            |data=
              Name=name,
              Tier=building_type,
              Description=description,
              ImageFile=image_file,
              Category3=category_3
            |cache=yes
            |filter=Category3={{#var: buildingCategory3 }}
            }}
 
            <!-- We can display them as a mini-list -->
            <table class="infobox-dune" style="width:100%;">
              <tr>
                <th style="text-align:left;">Name</th>
                <th style="text-align:left;">Tier</th>
                <th style="text-align:left;">Description</th>
              </tr>
              {{#for_external_table:
              |format=plain
              |intro=
              |outro=
              |separator=
              |{{!}}-
                <tr>
                  <td>[[{{{Name}}}]] ({{{Tier}}})</td>
                  <td>{{{Tier}}}</td>
                  <td>{{{Description}}}</td>
                </tr>
              }}
            </table>
           </div>
           </div>
         </div>
         </div>
Line 212: Line 144:
     </div>
     </div>
   </div>
   </div>
 
 
   <div style="clear:both;"></div>
   <div style="clear:both;"></div>
</div>
</div>

Revision as of 14:11, 26 March 2025

SCHEMATIC – BUILDABLE
           🛈 {{{Name}}}

           [[File:{{{ImageFile}}}|200px|alt={{{Name}}}|style:max-width:100%;max-height:150px;object-fit:contain;border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;]]

           {{{Description}}}

             🔒Locked Behind

             {{{JourneyRequirement}}}
🏅 Tier {{{Tier}}}
⚙ Primary Source {{{PrimarySource}}}
♥ Health {{{Health}}}
⚡ Power Cost {{{EnergyConsumption}}}
📦 Inventory Slots {{{StorageSlots}}}
🗃 Volume Capacity {{{StorageVolume}}}
⚛ Components {{{Components}}}
🔨 Placed With {{{PlacedWith}}}
CRAFTING
           ⚛ Refining Recipes

           Below is a list of possible outputs, required inputs, and the time to refine.
           Times or power usage might vary based on external modifiers (e.g., upgrades).
{{{RefiningRecipes}}}
Additional Information
           ≡ Notes

           {{{AdditionalNotes}}}
VIDEO TUTORIALS
           ▶ Building Guide

           {{{YoutubeEmbed}}}
RELATED BUILDINGS
           🏗 Other {{{Category3}}}

           Explore similar building types to expand your base capabilities.

           {{{RelatedBuildings}}}
Retrieved from "https://dunedb.com/index.php?title=Template:BuildingRefinerDisplayV2&oldid=256"