Difference between revisions of "Template:Stories"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>@DeletedUser41383047
m
>@DeletedUser41383047
Line 1: Line 1:
<noinclude><!--
+
<includeonly><script>
// Cargo Declare
+
const adventurers = <!--{$adventurers}-->;
-->{{#cargo_declare:_table=SummonShowcase
 
|Title=String
 
|StartDate=DateTime
 
|EndDate=DateTime
 
|Adventurer=List (,) of String
 
|Dragon=List (,) of String
 
|Wyrmprint=List (,) of String
 
|DropRewards=List (,) of String
 
}}</noinclude><includeonly><!--
 
// Cargo Store
 
-->{{#cargo_store:_table=SummonShowcase
 
|Title={{{Title|}}}
 
|StartDate={{{StartDate|}}}
 
|EndDate={{{EndDate|}}}
 
|Adventurer={{{Adventurer|}}}
 
|Dragon={{{Dragon|}}}
 
|Wyrmprint={{{Wyrmprint|}}}
 
|DropRewards={{{Drop|}}}
 
}}</includeonly>
 
<!--
 
Declaring what kind of unit is each one of them
 
--><includeonly><!--
 
--><div class="panel" style="display:inline-block;width:100%;max-width:1000px;">
 
<div class="panel-heading">Summoner Showcase</div>
 
<div class="panel-body" style="display:flex;flex-wrap:wrap;align-items:center;justify-content:center;">
 
  
<div style="margin:15px">
+
RLQ.push( function() {
{{#ifexist: File:Banner Summon Showcase {{{Title|}}}.png | [[File: Banner Summon Showcase {{{Title|}}}.png|400px|link=]] | [[File:Unknown.png|300px|link=]] }}
+
$(document).ready(function() {
</div>
+
initializeAdvList();
 +
});
 +
});
  
<div style="display:flex;flex-direction:column;flex-basis:350px;flex-grow:1">
+
function initializeAdvList() {
<div style="text-align:center">
+
if (!adventurers) {
'''Rate Up Units'''
+
    return;
{{#switch:
+
}
|{{#explode:{{{Adventurer|}}}|,|0}}=
+
|{{#explode:{{{Adventurer|}}}|,|1}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|0}}]]</div>
+
let advSelect = document.getElementById("advSelect");
|{{#explode:{{{Adventurer|}}}|,|2}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|0}}]]</div>
+
let advList = [];
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|1}}]]</div>
+
|{{#explode:{{{Adventurer|}}}|,|3}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|0}}]]</div>
+
for (const adv of adventurers) {
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|1}}]]</div>
+
    advList.push(adv);
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|2}}]]</div>
+
}
|{{#explode:{{{Adventurer|}}}|,|4}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|0}}]]</div>
+
_populateSelectBox(advSelect, advList);
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|1}}]]</div>
+
}
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|2}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|3}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|3}}]]</div>
 
|{{#explode:{{{Adventurer|}}}|,|5}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|1}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|2}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|3}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|3}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Adventurer|{{#sub:{{#explode:{{{Adventurer|}}}|,|4}}}}}}<br/>[[{{#explode:{{{Adventurer|}}}|,|4}}]]</div>
 
|Didn't work
 
}}
 
{{#switch:
 
|{{#explode:{{{Dragon|}}}|,|0}}=
 
|{{#explode:{{{Dragon|}}}|,|1}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|0}}]]</div>
 
|{{#explode:{{{Dragon|}}}|,|2}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|1}}]]</div>
 
|{{#explode:{{{Dragon|}}}|,|3}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|1}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|2}}]]</div>
 
|{{#explode:{{{Dragon|}}}|,|4}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|1}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|2}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|3}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|3}}]]</div>
 
|{{#explode:{{{Dragon|}}}|,|5}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|1}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|2}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|3}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|3}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Dragon|{{#sub:{{#explode:{{{Dragon|}}}|,|4}}}}}}<br/>[[{{#explode:{{{Dragon|}}}|,|4}}]]</div>
 
|Didn't work
 
}}
 
{{#switch:
 
|{{#explode:{{{Wyrmprint|}}}|,|0}}=
 
|{{#explode:{{{Wyrmprint|}}}|,|1}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|0}}]]</div>
 
|{{#explode:{{{Wyrmprint|}}}|,|2}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|1}}]]</div>
 
|{{#explode:{{{Wyrmprint|}}}|,|3}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|1}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|2}}]]</div>
 
|{{#explode:{{{Wyrmprint|}}}|,|4}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|1}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|2}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|3}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|3}}]]</div>
 
|{{#explode:{{{Wyrmprint|}}}|,|5}}= <div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|0}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|0}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|1}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|1}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|2}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|2}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|3}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|3}}]]</div>
 
<div style="display:inline-block; vertical-align:top; width:90px; text-align:center; padding:4px;">{{Icon|Wyrmprint|{{#sub:{{#explode:{{{Wyrmprint|}}}|,|4}}}}}}<br/>[[{{#explode:{{{Wyrmprint|}}}|,|4}}]]</div>
 
|Didn't work
 
}}
 
</div>
 
  
<hr style="margin:1em;">
+
function _populateSelectBox(ele, list, defaultIndex = 0) {
 +
    ele.options.length = 0;
 +
    for (let i = 0; i < list.length; i++) {
 +
        let opt = document.createElement('option');
 +
        opt.innerHTML = list[i];
 +
        opt.value = list[i];
 +
        ele.appendChild(opt);
 +
    }
 +
    ele.selectedIndex = defaultIndex;
 +
}
  
<div style="text-align:center">
+
function changeModel() {
 +
statCalculator = document.getElementById("statCalculator");
 +
statCalculator.innerHTML = {'{#cargo_query:tables=Adventurers|fields=MinHp3,MinHp4,MinHp5,MinAtk3,MinAtk4,MinAtk5,MaxHp,MaxAtk,Rarity|where=_pageName="' + advSelect +'"|format=template|template=Test2|no html}}'
 +
}
 +
}
  
<div>
+
</script>
'''Start Date''': {{{StartDate|}}}
+
<select id="advSelect" name="advSelect" onChange="changeModel()"></select>
</div>
+
<div id="statCalculator">{{#cargo_query:tables=Adventurers|fields=MinHp3,MinHp4,MinHp5,MinAtk3,MinAtk4,MinAtk5,MaxHp,MaxAtk,Rarity|where=_pageName="Aeleen"|format=template|template=Test2|no html}}</div>
<div>
+
</includeonly>
'''End Date''': {{{EndDate|}}}
 
</div>
 
 
 
</div>
 
 
 
</div>
 
 
 
</div>
 
</div></includeonly><noinclude>{{doc}}[[Category:Templates]]</noinclude>
 

Revision as of 18:33, 19 November 2018