Actions

Template

JourneyMaterials: Difference between revisions

From Dune Awakening DB

← Older editNewer edit →
VisualWikitext
mNo edit summary
mNo edit summary
Line 1: Line 1:
{{#get_external_data:
{{#get_external_data:
  source = externaldb
source       = externaldb
  |from = data_journey_materials
|from         = data_journey_materials
  |data = Level=level, ItemLabel=item_label, TotalQty=total_qty, InternalName=internal_name
|data         = Level=level, ItemLabel=item_label, TotalQty=total_qty, InternalName=internal_name
  |where = journey_id = {{{id|{{{1|}}}}}}
|where       = journey_id = 4
  |order by = level, item_label
|order by     = level, item_label
  |cache = yes
|cache       = yes
}}
}}


<div class="materials-enhanced-container">
<div class="materials-enhanced-container">
  <!-- Progress Header -->
<!-- ▸ Progress Header -------------------------------------------------- -->
  <div class="materials-progress-header">
<div class="materials-progress-header">
    <div class="progress-bar-container">
  <div class="progress-bar-container"><div class="progress-bar" data-progress="0"></div></div>
      <div class="progress-bar" data-progress="0"></div>
  <div class="progress-text"><span class="progress-count">0</span> / <span class="total-count">0</span> Materials Ready</div>
    </div>
</div>
    <div class="progress-text">
 
      <span class="progress-count">0</span> / <span class="total-count">0</span> Materials Ready
<!-- ▸ Materials Grid --------------------------------------------------- -->
     </div>
<div class="materials-grid">
 
  <!-- LEVEL 1 – Direct Requirements -->
  <div class="material-column level-1-column">
  <h3 class="column-header"><span class="column-icon">🎯</span>Direct Requirements</h3>
  <div class="material-items" data-level="1">
     {{#for_external_table:|
      {{#ifeq:{{{Level}}}|1|
<div class="material-card" data-item="{{{InternalName}}}" data-level="1"><div class="material-checkbox-wrapper"><span class="material-checkbox" data-qty="{{{TotalQty}}}"></span></div><div class="material-content"><span class="material-icon">{{#ifexist:File:{{#replace:{{{ItemLabel}}}{{!}} {{!}}_}}_-_Icon.png|[[File:{{#replace:{{{ItemLabel}}}{{!}} {{!}}_}}_-_Icon.png|20px|link=]]|}}</span><span class="material-name">{{{ItemLabel}}}</span><span class="material-qty">{{{TotalQty}}}</span></div><div class="material-children-indicator"></div></div>
      |}}
    }}
  </div>
   </div>
   </div>
 
 
   <!-- Materials Grid -->
   <!-- LEVEL 2 – Components -->
   <div class="materials-grid">
   <div class="material-column level-2-column">
    <!-- Level 1 Column -->
  <h3 class="column-header"><span class="column-icon">⚙️</span>Components</h3>
    <div class="material-column level-1-column">
  <div class="material-items" data-level="2">
      <h3 class="column-header">
    {{#for_external_table:|
        <span class="column-icon">🎯</span>
      {{#ifeq:{{{Level}}}|2|
        Direct Requirements
<div class="material-card" data-item="{{{InternalName}}}" data-level="2"><div class="material-checkbox-wrapper"><span class="material-checkbox" data-qty="{{{TotalQty}}}"></span></div><div class="material-content"><span class="material-icon">{{#ifexist:File:{{#replace:{{{ItemLabel}}}{{!}} {{!}}_}}_-_Icon.png|[[File:{{#replace:{{{ItemLabel}}}{{!}} {{!}}_}}_-_Icon.png|20px|link=]]|}}</span><span class="material-name">{{{ItemLabel}}}</span><span class="material-qty">{{{TotalQty}}}</span></div><div class="material-children-indicator"></div></div>
      </h3>
      |}}
      <div class="material-items" data-level="1">
     }}
        {{#for_external_table:|
  </div>
          {{#ifeq:{{{Level}}}|1|
            <div class="material-card" data-item="{{{InternalName}}}" data-level="1">
              <div class="material-checkbox-wrapper">
                <input type="checkbox" class="material-checkbox" id="mat-{{{InternalName}}}" data-qty="{{{TotalQty}}}">
                <label for="mat-{{{InternalName}}}"></label>
              </div>
              <div class="material-content">
                <div class="material-icon">
                  {{#ifexist:File:{{#replace:{{{ItemLabel}}}| |_}}_-_Icon.png
                    |[[File:{{#replace:{{{ItemLabel}}}| |_}}_-_Icon.png|32px|link=]]
                    |<span class="icon-placeholder">📦</span>
                  }}
                </div>
                <div class="material-info">
                  <span class="material-name">{{{ItemLabel}}}</span>
                  <span class="material-qty">{{{TotalQty}}}</span>
                </div>
              </div>
              <div class="material-children-indicator"></div>
            </div>
          |}}
        }}
      </div>
    </div>
   
    <!-- Level 2 Column -->
    <div class="material-column level-2-column">
      <h3 class="column-header">
        <span class="column-icon">⚙️</span>
        Components
      </h3>
      <div class="material-items" data-level="2">
        {{#for_external_table:|
          {{#ifeq:{{{Level}}}|2|
            <div class="material-card" data-item="{{{InternalName}}}" data-level="2">
              <div class="material-checkbox-wrapper">
                <input type="checkbox" class="material-checkbox" id="mat-{{{InternalName}}}" data-qty="{{{TotalQty}}}">
                <label for="mat-{{{InternalName}}}"></label>
              </div>
              <div class="material-content">
                <div class="material-icon">
                  {{#ifexist:File:{{#replace:{{{ItemLabel}}}| |_}}_-_Icon.png
                    |[[File:{{#replace:{{{ItemLabel}}}| |_}}_-_Icon.png|32px|link=]]
                    |<span class="icon-placeholder">🔧</span>
                  }}
                </div>
                <div class="material-info">
                  <span class="material-name">{{{ItemLabel}}}</span>
                  <span class="material-qty">{{{TotalQty}}}</span>
                </div>
              </div>
              <div class="material-children-indicator"></div>
            </div>
          |}}
        }}
      </div>
    </div>
      
    <!-- Level 3 Column -->
    <div class="material-column level-3-column">
      <h3 class="column-header">
        <span class="column-icon">⛏️</span>
        Base Resources
      </h3>
      <div class="material-items" data-level="3">
        {{#for_external_table:|
          {{#ifeq:{{{Level}}}|3|
            <div class="material-card" data-item="{{{InternalName}}}" data-level="3">
              <div class="material-checkbox-wrapper">
                <input type="checkbox" class="material-checkbox" id="mat-{{{InternalName}}}" data-qty="{{{TotalQty}}}">
                <label for="mat-{{{InternalName}}}"></label>
              </div>
              <div class="material-content">
                <div class="material-icon">
                  {{#ifexist:File:{{#replace:{{{ItemLabel}}}| |_}}_-_Icon.png
                    |[[File:{{#replace:{{{ItemLabel}}}| |_}}_-_Icon.png|32px|link=]]
                    |<span class="icon-placeholder">💎</span>
                  }}
                </div>
                <div class="material-info">
                  <span class="material-name">{{{ItemLabel}}}</span>
                  <span class="material-qty">{{{TotalQty}}}</span>
                </div>
              </div>
            </div>
          |}}
        }}
      </div>
    </div>
   </div>
   </div>
 
 
   <!-- Quick Actions Footer -->
   <!-- LEVEL 3 – Base Resources -->
   <div class="materials-footer">
   <div class="material-column level-3-column">
    <button class="check-all-btn">Check All</button>
  <h3 class="column-header"><span class="column-icon">⛏️</span>Base Resources</h3>
     <button class="uncheck-all-btn">Uncheck All</button>
  <div class="material-items" data-level="3">
    <button class="toggle-view-btn" data-view="grid">
     {{#for_external_table:|
      <span class="icon">📋</span>
      {{#ifeq:{{{Level}}}|3|
       List View
<div class="material-card" data-item="{{{InternalName}}}" data-level="3"><div class="material-checkbox-wrapper"><span class="material-checkbox" data-qty="{{{TotalQty}}}"></span></div><div class="material-content"><span class="material-icon">{{#ifexist:File:{{#replace:{{{ItemLabel}}}{{!}} {{!}}_}}_-_Icon.png|[[File:{{#replace:{{{ItemLabel}}}{{!}} {{!}}_}}_-_Icon.png|20px|link=]]|}}</span><span class="material-name">{{{ItemLabel}}}</span><span class="material-qty">{{{TotalQty}}}</span></div></div>
     </button>
       |}}
     }}
  </div>
   </div>
   </div>
</div>
<!-- ▸ Quick Actions Footer -------------------------------------------- -->
<div class="materials-footer"><button class="check-all-btn">Check All</button><button class="uncheck-all-btn">Uncheck All</button><button class="toggle-view-btn" data-view="grid"><span class="icon">📋</span> List View</button></div>
</div>
</div>

Revision as of 00:19, 2 June 2025


0 / 0 Materials Ready

🎯Direct Requirements

Construction Tool1
Fuel Cell24
Fuel-Powered Generator1
Granite Stone166
Salvaged Metal250
Small Storage Container1
Sub-Fief Console1

⚙️Components








⛏️Base Resources








<button class="check-all-btn">Check All</button><button class="uncheck-all-btn">Uncheck All</button><button class="toggle-view-btn" data-view="grid">📋 List View</button>
Retrieved from "https://dunedb.com/index.php?title=Template:JourneyMaterials&oldid=830"