Actions

Template

JourneyPage: Difference between revisions

From Dune Awakening DB

mNo edit summary
mNo edit summary
Line 3: Line 3:
   <span id="menuRadialTrigger" class="menu-button-wrapper" style="cursor:pointer;">[[File:MenuButton.png|100px|link=|alt=Menu]]</span><span class="dune-breadcrumb-separator">/</span>[[Main Page|Home]]<span class="dune-breadcrumb-separator">/</span>[[Journeys]]<span class="dune-breadcrumb-separator">/</span><span>Journey Tracker</span>
   <span id="menuRadialTrigger" class="menu-button-wrapper" style="cursor:pointer;">[[File:MenuButton.png|100px|link=|alt=Menu]]</span><span class="dune-breadcrumb-separator">/</span>[[Main Page|Home]]<span class="dune-breadcrumb-separator">/</span>[[Journeys]]<span class="dune-breadcrumb-separator">/</span><span>Journey Tracker</span>
</div>
</div>
<!-- Alternative: Let JavaScript build the data structure from HTML data attributes -->
<!-- This avoids complex JSON generation in templates -->


<!-- Main Journey Container -->
<!-- Main Journey Container -->
Line 11: Line 8:
   <!-- Journey Categories (Left Column - 60%) -->
   <!-- Journey Categories (Left Column - 60%) -->
   <div class="journey-categories">
   <div class="journey-categories">
     <!-- Get unique journey groups -->
     <!-- A New Beginning Section -->
     {{#get_external_data:source=externaldb
     {{#get_external_data:source=externaldb
     |from=data_journeys
     |from=data_journeys
     |data=Group=journey_group
     |data=ID=id,Slug=slug,Name=name,Description=description,Tier=tier,Icon=journey_icon,Category=journey_category,Location=location,Reward=reward_json
     |cache=yes
     |cache=yes
     |group by=journey_group
     |where=journey_group='A New Beginning'
     |order by=journey_group
     |order by=tier, id
     }}
     }}
     {{#for_external_table:|
     {{#if:{{{ID|}}}|
      <div class="journey-section" data-group="{{{Group}}}">
    <div class="journey-section" data-group="A New Beginning">
        <div class="journey-section-header">
      <div class="journey-section-header">
          <span class="section-icon">{{#invoke:JourneySystem|getGroupIcon|{{{Group}}}}}</span>
        <span class="section-icon">🏜️</span>
          <span class="section-title">{{{Group}}}</span>
        <span class="section-title">A NEW BEGINNING</span>
        </div>
        <div class="journey-grid">
          <!-- Get journeys for this group -->
          {{#get_external_data:source=externaldb
          |from=data_journeys
          |data=ID=id,Slug=slug,Name=name,Description=description,Tier=tier,Icon=journey_icon,Category=journey_category,Location=location,Reward=reward_json
          |cache=yes
          |where=journey_group='{{{Group}}}'
          |order by=tier, id
          }}
          {{#for_external_table:|
            <div class="journey-card"
                data-journey-id="{{{ID}}}"
                data-group="{{{Group}}}"
                data-name="{{{Name}}}"
                data-description="{{#invoke:JourneySystem|escapeHtml|{{{Description}}}}}"
                data-tier="{{{Tier}}}"
                data-slug="{{{Slug}}}"
                data-category="{{{Category}}}"
                data-location="{{{Location|}}}"
                data-reward='{{{Reward|}}}'>
              <div class="journey-card-inner">
                <div class="journey-icon">{{#invoke:JourneySystem|getIcon|{{{Icon}}}|{{{Group}}}}}</div>
                <div class="journey-name">{{{Name}}}</div>
                <div class="journey-tier">Tier {{{Tier}}}</div>
              </div>
            </div>
          }}
        </div>
       </div>
       </div>
      <div class="journey-grid">
        {{#for_external_table:|{{JourneyCard|id={{{ID}}}|name={{{Name}}}|slug={{{Slug}}}|description={{{Description}}}|tier={{{Tier}}}|icon={{{Icon|}}}|category={{{Category}}}|location={{{Location|}}}|reward={{{Reward|}}}|group=A New Beginning}}}}
      </div>
    </div>
    |}}
   
    <!-- Vermillius Gap Section -->
    {{#get_external_data:source=externaldb
    |from=data_journeys
    |data=ID=id,Slug=slug,Name=name,Description=description,Tier=tier,Icon=journey_icon,Category=journey_category,Location=location,Reward=reward_json
    |cache=yes
    |where=journey_group='Vermillius Gap'
    |order by=tier, id
    }}
    {{#if:{{{ID|}}}|
    <div class="journey-section" data-group="Vermillius Gap">
      <div class="journey-section-header">
        <span class="section-icon">⛰️</span>
        <span class="section-title">VERMILLIUS GAP</span>
      </div>
      <div class="journey-grid">
        {{#for_external_table:|{{JourneyCard|id={{{ID}}}|name={{{Name}}}|slug={{{Slug}}}|description={{{Description}}}|tier={{{Tier}}}|icon={{{Icon|}}}|category={{{Category}}}|location={{{Location|}}}|reward={{{Reward|}}}|group=Vermillius Gap}}}}
      </div>
    </div>
    |}}
   
    <!-- Jabal Eifrit & Hagga Rift Section -->
    {{#get_external_data:source=externaldb
    |from=data_journeys
    |data=ID=id,Slug=slug,Name=name,Description=description,Tier=tier,Icon=journey_icon,Category=journey_category,Location=location,Reward=reward_json
    |cache=yes
    |where=journey_group='Jabal Eifrit & Hagga Rift'
    |order by=tier, id
    }}
    {{#if:{{{ID|}}}|
    <div class="journey-section" data-group="Jabal Eifrit & Hagga Rift">
      <div class="journey-section-header">
        <span class="section-icon">🗿</span>
        <span class="section-title">JABAL EIFRIT & HAGGA RIFT</span>
      </div>
      <div class="journey-grid">
        {{#for_external_table:|{{JourneyCard|id={{{ID}}}|name={{{Name}}}|slug={{{Slug}}}|description={{{Description}}}|tier={{{Tier}}}|icon={{{Icon|}}}|category={{{Category}}}|location={{{Location|}}}|reward={{{Reward|}}}|group=Jabal Eifrit & Hagga Rift}}}}
      </div>
    </div>
    |}}
   
    <!-- Find The Fremen Section -->
    {{#get_external_data:source=externaldb
    |from=data_journeys
    |data=ID=id,Slug=slug,Name=name,Description=description,Tier=tier,Icon=journey_icon,Category=journey_category,Location=location,Reward=reward_json
    |cache=yes
    |where=journey_group='Find The Fremen'
    |order by=tier, id
    }}
    {{#if:{{{ID|}}}|
    <div class="journey-section" data-group="Find The Fremen">
      <div class="journey-section-header">
        <span class="section-icon">👁️</span>
        <span class="section-title">FIND THE FREMEN</span>
      </div>
      <div class="journey-grid">
        {{#for_external_table:|{{JourneyCard|id={{{ID}}}|name={{{Name}}}|slug={{{Slug}}}|description={{{Description}}}|tier={{{Tier}}}|icon={{{Icon|}}}|category={{{Category}}}|location={{{Location|}}}|reward={{{Reward|}}}|group=Find The Fremen}}}}
      </div>
    </div>
    |}}
   
    <!-- Miscellaneous Section -->
    {{#get_external_data:source=externaldb
    |from=data_journeys
    |data=ID=id,Slug=slug,Name=name,Description=description,Tier=tier,Icon=journey_icon,Category=journey_category,Location=location,Reward=reward_json
    |cache=yes
    |where=journey_group='Miscellaneous'
    |order by=tier, id
     }}
     }}
    {{#if:{{{ID|}}}|
    <div class="journey-section" data-group="Miscellaneous">
      <div class="journey-section-header">
        <span class="section-icon">📜</span>
        <span class="section-title">MISCELLANEOUS</span>
      </div>
      <div class="journey-grid">
        {{#for_external_table:|{{JourneyCard|id={{{ID}}}|name={{{Name}}}|slug={{{Slug}}}|description={{{Description}}}|tier={{{Tier}}}|icon={{{Icon|}}}|category={{{Category}}}|location={{{Location|}}}|reward={{{Reward|}}}|group=Miscellaneous}}}}
      </div>
    </div>
    |}}
   
    <!-- Factions Section -->
    {{#get_external_data:source=externaldb
    |from=data_journeys
    |data=ID=id,Slug=slug,Name=name,Description=description,Tier=tier,Icon=journey_icon,Category=journey_category,Location=location,Reward=reward_json
    |cache=yes
    |where=journey_group='Factions'
    |order by=tier, id
    }}
    {{#if:{{{ID|}}}|
    <div class="journey-section" data-group="Factions">
      <div class="journey-section-header">
        <span class="section-icon">🏛️</span>
        <span class="section-title">FACTIONS</span>
      </div>
      <div class="journey-grid">
        {{#for_external_table:|{{JourneyCard|id={{{ID}}}|name={{{Name}}}|slug={{{Slug}}}|description={{{Description}}}|tier={{{Tier}}}|icon={{{Icon|}}}|category={{{Category}}}|location={{{Location|}}}|reward={{{Reward|}}}|group=Factions}}}}
      </div>
    </div>
    |}}
   </div>
   </div>



Revision as of 00:58, 26 May 2025