Actions

Template

ResourcePage: Difference between revisions

From Dune Awakening DB

mNo edit summary
mNo edit summary
Line 15: Line 15:
</div>
</div>
<div class="responsive-container">
<div class="responsive-container">
  <div class="responsive-col col1">
<div class="responsive-col col1">
    <div class="skin-pivot">
<div class="skin-pivot">
      <div class="dune-card">
<div class="dune-card">
        <div class="dune-card-decoration"></div>
<div class="dune-card-decoration"></div>
        <div class="dune-card-inner">
<div class="dune-card-inner">
          <div class="dune-card-label">{{#var:ItemClass}} - {{#var:ItemSubclass}}</div>
<div class="dune-card-label">{{#var:ItemClass}} - {{#var:ItemSubclass}}</div>
          <div class="dune-card-title"><span class="icon">◆</span> Resource Information</div>
<div class="dune-card-title"><span class="icon">◆</span> Resource Information</div>
          <div style="padding:3px;"></div>
<div style="padding:3px;"></div>
          <div class="dune-card-image" style="text-align:center;"><div class="has-border">{{#if:{{#var:ImageLink}}|[[File:{{#var:ImageLink}}|200px|alt={{#var:Name}}]]|[[File:Placeholder.png|200px|alt=No image available]]}}</div></div>
<div class="dune-card-image" style="text-align:center;"><div class="has-border">{{#if:{{#var:ImageLink}}|[[File:{{#var:ImageLink}}|200px|alt={{#var:Name}}]]|[[File:Placeholder.png|200px|alt=No image available]]}}</div></div>
          <div style="padding:3px;"></div>
<div style="padding:3px;"></div>
          <div class="dune-card-description">{{#invoke:DataTableParserV2|iconize|{{#var:Description}}}}</div>
<div class="dune-card-description">{{#invoke:DataTableParserV2|iconize|{{#var:Description}}}}</div>
          {{#if:{{#var:HowToObtain}}|<div class="dune-card-locked"><div class="dune-card-locked-label"><span class="dune-card-locked-icon">📍</span>How to Obtain</div><div class="dune-card-locked-value">{{#var:HowToObtain}}</div></div>}}
<div class="dune-table-wrapper">
          <div class="dune-table-wrapper">
<table class="infobox-dune-two-column">
            <table class="infobox-dune-two-column">
<tr><th><span class="icon">{{#if:{{#var:IconLink}}|[[File:{{#var:IconLink}}|16px]]|}}</span> Tier</th><td>{{#var:Tier}}</td></tr>
              <tr><th><span class="icon">{{#if:{{#var:IconLink}}|[[File:{{#var:IconLink}}|16px]]|}}</span> Tier</th><td>{{#var:Tier}}</td></tr>
<tr><th><span class="icon">✦</span> Rarity</th><td>{{#var:Rarity}}</td></tr>
              <tr><th><span class="icon">✦</span> Rarity</th><td>{{#var:Rarity}}</td></tr>
<tr><th><span class="icon">🏛</span> Faction</th><td>{{#var:Faction}}</td></tr>
              <tr><th><span class="icon">🏛</span> Faction</th><td>{{#var:Faction}}</td></tr>
<tr><th><span class="icon">⚖</span> Weight</th><td>{{#var:Weight}} kg</td></tr>
              <tr><th><span class="icon">⚖</span> Weight</th><td>{{#var:Weight}} kg</td></tr>
<tr><th><span class="icon">📦</span> Max Stacks</th><td>{{#var:MaxStacks}}</td></tr>
              <tr><th><span class="icon">📦</span> Max Stacks</th><td>{{#var:MaxStacks}}</td></tr>
<tr><th><span class="icon">💰</span> Base Vendor Price</th><td>{{#var:BaseVendorPrice}} Solaris</td></tr>
              <tr><th><span class="icon">💰</span> Base Vendor Price</th><td>{{#var:BaseVendorPrice}} Solaris</td></tr>
<tr><th><span class="icon">⭐</span> XP per Harvest</th><td>{{#var:XPPerHarvest}}</td></tr>
              <tr><th><span class="icon">⭐</span> XP per Harvest</th><td>{{#var:XPPerHarvest}}</td></tr>
</table>
            </table>
</div>
          </div>
{{#get_external_data:
          {{#get_external_data:
source=externaldb
            source=externaldb
|from=data_item_locations
            |from=data_item_locations
|data=LocationName=location_name,Note=note
            |data=LocationName=location_name,Note=note
|cache=yes
            |cache=yes
|where=internal_name='{{PAGENAME}}'
            |where=internal_name='{{PAGENAME}}'
}}
          }}
{{#if:{{{LocationName|}}}|<div style="clear:both; padding:10px;"></div><div class="dune-card-title"><span class="icon">🗺</span> Harvest Locations</div><div style="padding:3px;"></div><div class="dune-card-description"><ul class="location-list">{{#for_external_table:|<li>'''{{{LocationName}}}'''{{#if:{{{Note|}}}|: {{{Note}}}}}</li>}}</ul></div>}}
          {{#if:{{{LocationName|}}}|<div style="clear:both; padding:10px;"></div><div class="dune-card-title"><span class="icon">🗺</span> Harvest Locations</div><div style="padding:3px;"></div><div class="dune-card-description"><ul class="location-list">{{#for_external_table:|<li>'''{{{LocationName}}}'''{{#if:{{{Note|}}}|: {{{Note}}}}}</li>}}</ul></div>}}
</div>
        </div>
</div>
      </div>
</div>
    </div>
</div>
  </div>
<div class="responsive-col col2">
  <div class="responsive-col col2">
<div class="skin-pivot">
    <div class="skin-pivot">
<div class="dune-card">
      <div class="dune-card">
<div class="dune-card-decoration"></div>
        <div class="dune-card-decoration"></div>
<div class="dune-card-inner">
        <div class="dune-card-inner">
<div class="dune-card-label">CRAFTING</div>
          <div class="dune-card-label">CRAFTING</div>
<div class="dune-card-title"><span class="icon">⚒</span> Crafting Recipes</div>
          <div class="dune-card-title"><span class="icon">⚒</span> Crafting Recipes</div>
<div style="padding:3px;"></div>
          <div style="padding:3px;"></div>
<div class="crafting-section">
          <div class="crafting-section">
<h3 class="dune-section-header">Crafted With</h3>
            <h3 class="dune-section-header">Crafted With</h3>
<div class="dune-card-description">Items that require {{#var:Name}} as an ingredient</div>
            <div class="dune-card-description">Items that require {{#var:Name}} as an ingredient</div>
<div class="recipe-search-container"><input type="text" id="craftedWithSearch" class="recipe-search-input" placeholder="Search recipes..."></div>
            <div class="recipe-search-container"><input type="text" id="craftedWithSearch" class="recipe-search-input" placeholder="Search recipes..."></div>
<div id="craftedWithPreview" class="recipe-table-preview">
            <div id="craftedWithPreview" class="recipe-table-preview">
{{#get_external_data:
              {{#get_external_data:
source=externaldb
                source=externaldb
|from=vw_recipe_by_ingredient
                |from=vw_recipe_by_ingredient
|data=OutputItem=output_item,Resources=resources,Stations=stations
                |data=OutputItem=output_item,Resources=resources,Stations=stations
|cache=yes
                |cache=yes
|where=ingredient='{{PAGENAME}}'
                |where=ingredient='{{PAGENAME}}'
|order by=Stations
                |order by=Stations
|limit=5
                |limit=5
}}
              }}
<!-- For Crafted With section, after the table -->
<!-- For Crafted With section, after the table -->
<div class="crafted-with-full-data" style="display:none;">
<div class="crafted-with-full-data" style="display:none;">
{{#get_external_data:
{{#get_external_data:
  source=externaldb
source=externaldb
  |from=vw_recipe_by_ingredient
|from=vw_recipe_by_ingredient
  |data=OutputItem=output_item,Resources=resources,Stations=stations,WaterML=water_ml,CraftTime=craft_time,Schematic=schematic
|data=OutputItem=output_item,Resources=resources,Stations=stations,WaterML=water_ml,CraftTime=craft_time,Schematic=schematic
  |format=json
|format=json
  |cache=yes
|cache=yes
  |where=ingredient='{{PAGENAME}}'
|where=ingredient='{{PAGENAME}}'
  |order by=Stations
|order by=Stations
}}
}}
</div>
</div>
              <div class="dune-table-wrapper">
<div class="dune-table-wrapper">
                <table class="infobox-dune-standard-table recipe-table" id="craftedWithTable">
<table class="infobox-dune-standard-table recipe-table" id="craftedWithTable">
                  <thead><tr class="tr-dark"><th style="width:35%;">Item Created</th><th style="width:40%;">Resources Needed</th><th style="width:25%;">Stations</th></tr></thead>
<thead><tr class="tr-dark"><th style="width:35%;">Item Created</th><th style="width:40%;">Resources Needed</th><th style="width:25%;">Stations</th></tr></thead>
                  <tbody>{{#for_external_table:|<tr class="recipe-row"><td>{{#invoke:DataTableParserV2|iconize|{{{OutputItem}}}}}</td><td>{{#invoke:DataTableParserV2|formatRecipeList|{{{Resources}}}}}</td><td>{{{Stations}}}</td></tr>}}</tbody>
<tbody>{{#for_external_table:|<tr class="recipe-row"><td>{{#invoke:DataTableParserV2|iconize|{{{OutputItem}}}}}</td><td>{{#invoke:DataTableParserV2|formatRecipeList|{{{Resources}}}}}</td><td>{{{Stations}}}</td></tr>}}</tbody>
                </table>
</table>
              </div>
</div>
            </div>
</div>
            <div class="recipe-actions"><button class="dune-action-button view-all-crafted-with" data-resource="{{PAGENAME}}"><span class="icon">📋</span> View All Recipes</button></div>
<div class="recipe-actions"><button class="dune-action-button view-all-crafted-with" data-resource="{{PAGENAME}}"><span class="icon">📋</span> View All Recipes</button></div>
          </div>
</div>
          <div style="clear:both; padding:10px;"></div>
<div style="clear:both; padding:10px;"></div>
          <div class="crafting-section">
<div class="crafting-section">
            <h3 class="dune-section-header">Crafted From</h3>
<h3 class="dune-section-header">Crafted From</h3>
            <div class="dune-card-description">Recipes that produce {{#var:Name}}</div>
<div class="dune-card-description">Recipes that produce {{#var:Name}}</div>
            <div class="recipe-search-container"><input type="text" id="craftedFromSearch" class="recipe-search-input" placeholder="Search recipes..."></div>
<div class="recipe-search-container"><input type="text" id="craftedFromSearch" class="recipe-search-input" placeholder="Search recipes..."></div>
            <div id="craftedFromPreview" class="recipe-table-preview">
<div id="craftedFromPreview" class="recipe-table-preview">
              {{#get_external_data:
{{#get_external_data:
                source=externaldb
source=externaldb
                |from=vw_recipe_summary
|from=vw_recipe_summary
                |data=OutputItem=output_item,Resources=resources,Stations=station,WaterML=water_ml,CraftTime=craft_time,Schematic=schematic
|data=OutputItem=output_item,Resources=resources,Stations=station,WaterML=water_ml,CraftTime=craft_time,Schematic=schematic
                |cache=yes
|cache=yes
                |where=output_item='{{PAGENAME}}'
|where=output_item='{{PAGENAME}}'
                |order by=station
|order by=station
                |limit=5
|limit=5
              }}
}}
<!-- For Crafted From section, after the table -->
<!-- For Crafted From section, after the table -->
<div class="crafted-from-full-data" style="display:none;">
<div class="crafted-from-full-data" style="display:none;">
{{#get_external_data:
{{#get_external_data:
  source=externaldb
source=externaldb
  |from=vw_recipe_summary
|from=vw_recipe_summary
  |data=OutputItem=output_item,Resources=resources,Stations=station,WaterML=water_ml,CraftTime=craft_time,Schematic=schematic
|data=OutputItem=output_item,Resources=resources,Stations=station,WaterML=water_ml,CraftTime=craft_time,Schematic=schematic
  |format=json
|format=json
  |cache=yes
|cache=yes
  |where=output_item='{{PAGENAME}}'
|where=output_item='{{PAGENAME}}'
  |order by=station
|order by=station
}}
}}
</div>
</div>
              <div class="dune-table-wrapper">
<div class="dune-table-wrapper">
                <table class="infobox-dune-standard-table recipe-table" id="craftedFromTable">
<table class="infobox-dune-standard-table recipe-table" id="craftedFromTable">
                  <thead><tr class="tr-dark"><th style="width:35%;">Item Created</th><th style="width:40%;">Resources Needed</th><th style="width:25%;">Stations</th></tr></thead>
<thead><tr class="tr-dark"><th style="width:35%;">Item Created</th><th style="width:40%;">Resources Needed</th><th style="width:25%;">Stations</th></tr></thead>
                  <tbody>{{#for_external_table:|<tr class="recipe-row"><td>{{#invoke:DataTableParserV2|iconize|{{{OutputItem}}}}}</td><td>{{#invoke:DataTableParserV2|formatRecipeList|{{{Resources}}}}}</td><td>{{{Stations}}}</td></tr>}}</tbody>
<tbody>{{#for_external_table:|<tr class="recipe-row"><td>{{#invoke:DataTableParserV2|iconize|{{{OutputItem}}}}}</td><td>{{#invoke:DataTableParserV2|formatRecipeList|{{{Resources}}}}}</td><td>{{{Stations}}}</td></tr>}}</tbody>
                </table>
</table>
              </div>
</div>
            </div>
</div>
            <div class="recipe-actions"><button class="dune-action-button view-all-crafted-from" data-resource="{{PAGENAME}}"><span class="icon">📋</span> View All Recipes</button></div>
<div class="recipe-actions"><button class="dune-action-button view-all-crafted-from" data-resource="{{PAGENAME}}"><span class="icon">📋</span> View All Recipes</button></div>
          </div>
</div>
        </div>
</div>
      </div>
</div>
    </div>
</div>
  </div>
</div>
  <div class="responsive-col col3">
<div class="responsive-col col3">
    <div class="skin-pivot">
<div class="skin-pivot">
      <div class="dune-card">
<div class="dune-card">
        <div class="dune-card-decoration"></div>
<div class="dune-card-decoration"></div>
        <div class="dune-card-inner">
<div class="dune-card-inner">
          {{#get_external_data:
{{#get_external_data:
            source=externaldb
source=externaldb
            |from=data_item_videos
|from=data_item_videos
            |data=VideoID=video_id,Context=context,Featured=featured
|data=VideoID=video_id,Context=context,Featured=featured
            |cache=yes
|cache=yes
            |where=internal_name='{{PAGENAME}}'
|where=internal_name='{{PAGENAME}}'
            |limit=1
|limit=1
          }}
}}
          <div class="dune-card-label">VIDEO TUTORIALS</div>
<div class="dune-card-label">VIDEO TUTORIALS</div>
          <div class="dune-card-title"><span class="icon">▶</span> Resource Guide</div>
<div class="dune-card-title"><span class="icon">▶</span> Resource Guide</div>
          {{#if:{{{VideoID|}}}|<div class="dune-card-video" style="border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;"><youtube>{{#var:VideoID}}</youtube></div>|{{#if:{{#var:GuideLink}}|<div class="dune-card-video" style="border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;"><youtube>{{#var:GuideLink}}</youtube></div>|<div class="dune-card-video" style="border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;"><youtube>r8lxVDqoHLQ</youtube></div>}}
{{#if:{{{VideoID|}}}|<div class="dune-card-video" style="border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;"><youtube>{{#var:VideoID}}</youtube></div>|{{#if:{{#var:GuideLink}}|<div class="dune-card-video" style="border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;"><youtube>{{#var:GuideLink}}</youtube></div>|<div class="dune-card-video" style="border:2px solid #e2d3ae;border-radius:4px;padding:2px;background-color:#262626;"><youtube>r8lxVDqoHLQ</youtube></div>}}
          <div style="clear:both; padding:10px;"></div>
<div style="clear:both; padding:10px;"></div>
          {{#get_external_data:
{{#get_external_data:
            source=externaldb
source=externaldb
            |from=data_item_gallery
|from=data_item_gallery
            |data=ImageURL=image_url,Caption=caption
|data=ImageURL=image_url,Caption=caption
            |cache=yes
|cache=yes
            |where=internal_name='{{PAGENAME}}'
|where=internal_name='{{PAGENAME}}'
            |order by=position
|order by=position
            |limit=4
|limit=4
          }}
}}
          {{#if:{{{ImageURL|}}}|<div class="dune-card-label">IMAGE GALLERY</div><div style="padding:3px;"></div><div class="gallery-container">{{#for_external_table:|<div class="gallery-item">[[File:{{{ImageURL}}}|120px|alt={{{Caption}}}]]{{#if:{{{Caption|}}}|<div class="caption">{{{Caption}}}</div>|}}</div>}}</div>}
{{#if:{{{ImageURL|}}}|<div class="dune-card-label">IMAGE GALLERY</div><div style="padding:3px;"></div><div class="gallery-container">{{#for_external_table:|<div class="gallery-item">[[File:{{{ImageURL}}}|120px|alt={{{Caption}}}]]{{#if:{{{Caption|}}}|<div class="caption">{{{Caption}}}</div>|}}</div>}}</div>}
          <div style="clear:both; padding:10px;"></div>
<div style="clear:both; padding:10px;"></div>
          <div class="dune-card-title"><span class="icon">≡</span> Notes</div>
<div class="dune-card-title"><span class="icon">≡</span> Notes</div>
          <div style="padding:3px;"></div>
<div style="padding:3px;"></div>
          <div class="dune-card-description">{{#invoke:DataTableParserV2|iconize|{{#var:AdditionalNotes}}}}</div>
<div class="dune-card-description">{{#invoke:DataTableParserV2|iconize|{{#var:AdditionalNotes}}}}</div>
        </div>
</div>
      </div>
</div>
    </div>
</div>
  </div>
</div>
</div>
</div>
<script id="recipePopupTemplate" type="text/template">
<script id="recipePopupTemplate" type="text/template">
  <div class="recipe-popup-overlay"><div class="recipe-popup"><div class="popup-header"><h3 class="popup-title">{{title}}</h3><button class="popup-close">×</button></div><div class="popup-content"><div class="popup-search-container"><input type="text" class="popup-search-input" placeholder="Search recipes..."></div><div class="popup-table-wrapper"><table class="infobox-dune-standard-table recipe-popup-table"><thead><tr class="tr-dark"><th>Item Created</th><th>Resources Needed</th><th>Stations</th><th>Water (mL)</th><th>Craft Time</th><th>Schematic</th></tr></thead><tbody>{{tableRows}}</tbody></table></div></div></div></div>
<div class="recipe-popup-overlay"><div class="recipe-popup"><div class="popup-header"><h3 class="popup-title">{{title}}</h3><button class="popup-close">×</button></div><div class="popup-content"><div class="popup-search-container"><input type="text" class="popup-search-input" placeholder="Search recipes..."></div><div class="popup-table-wrapper"><table class="infobox-dune-standard-table recipe-popup-table"><thead><tr class="tr-dark"><th>Item Created</th><th>Resources Needed</th><th>Stations</th><th>Water (mL)</th><th>Craft Time</th><th>Schematic</th></tr></thead><tbody>{{tableRows}}</tbody></table></div></div></div></div>
</script>
</script>

Revision as of 16:55, 3 June 2025

 
 
 
 Menu/[[{{{Category1}}}|{{{Category1}}}]]/[[{{{Category2}}}|{{{Category2}}}]]/[[{{{Category3}}}|{{{Category3}}}]]/ResourcePage
{{{ItemClass}}} - {{{ItemSubclass}}}
Resource Information
[[File:{{{ImageLink}}}|200px|alt={{{Name}}}]]
{{{Description}}}
[[File:{{{IconLink}}}|16px]] Tier{{{Tier}}}
Rarity{{{Rarity}}}
🏛 Faction{{{Faction}}}
Weight{{{Weight}}} kg
📦 Max Stacks{{{MaxStacks}}}
💰 Base Vendor Price{{{BaseVendorPrice}}} Solaris
XP per Harvest{{{XPPerHarvest}}}


CRAFTING
Crafting Recipes

Crafted With

Items that require {{{Name}}} as an ingredient
<input type="text" id="craftedWithSearch" class="recipe-search-input" placeholder="Search recipes...">
<thead></thead>

<tbody></tbody>

Item CreatedResources NeededStations
<button class="dune-action-button view-all-crafted-with" data-resource="ResourcePage">📋 View All Recipes</button>

Crafted From

Recipes that produce {{{Name}}}
<input type="text" id="craftedFromSearch" class="recipe-search-input" placeholder="Search recipes...">
<thead></thead>

<tbody></tbody>

Item CreatedResources NeededStations
<button class="dune-action-button view-all-crafted-from" data-resource="ResourcePage">📋 View All Recipes</button>
VIDEO TUTORIALS
Resource Guide
{{#if:|
Provided ID could not be validated.
|
Provided ID could not be validated.
{{#if:|
IMAGE GALLERY
}
Notes
{{{AdditionalNotes}}}

<script id="recipePopupTemplate" type="text/template">

</script>