97 lines
No EOL
3.2 KiB
Handlebars
97 lines
No EOL
3.2 KiB
Handlebars
<link rel="stylesheet" type="text/css" href="{{websiteRoot}}/css/character-quests.css">
|
|
{{> icons }}
|
|
<script type="application/javascript">
|
|
const aowow_tooltips = { "renamelinks": true, };
|
|
</script>
|
|
|
|
{{> character-header }}
|
|
|
|
{{#each data.categories as |quests category|}}
|
|
<div class="quests-table" style="margin-bottom: 20px;">
|
|
{{#if (hasInProgressQuests quests)}}
|
|
<h2 class="is-size-4 category-header collapsible expanded">
|
|
{{else}}
|
|
<h2 class="is-size-4 category-header collapsible">
|
|
{{/if}}
|
|
{{category}}
|
|
<span class="collapse-icon">▼</span>
|
|
</h2>
|
|
|
|
{{#if (hasInProgressQuests quests)}}
|
|
<div class="category-content expanded">
|
|
{{else}}
|
|
<div class="category-content">
|
|
{{/if}}
|
|
<!-- In Progress Quests -->
|
|
<h3 class="is-size-5 collapsible">
|
|
In Progress
|
|
<span class="collapse-icon">▼</span>
|
|
</h3>
|
|
<div class="collapsible-content expanded">
|
|
<table class="table is-striped is-hoverable is-fullwidth">
|
|
<thead>
|
|
<tr>
|
|
<th>Quest</th>
|
|
<th>Level</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#each quests}}
|
|
{{#if (eq this.status "In Progress")}}
|
|
<tr>
|
|
<td class="quest-name">{{this.title}}</td>
|
|
<td class="quest-level">{{this.questLevel}}</td>
|
|
<td class="quest-status {{this.status}}">{{this.status}}</td>
|
|
</tr>
|
|
{{/if}}
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Completed Quests -->
|
|
<h3 class="is-size-5 collapsible">
|
|
Completed
|
|
<span class="collapse-icon">▼</span>
|
|
</h3>
|
|
<div class="collapsible-content">
|
|
<table class="table is-striped is-hoverable is-fullwidth">
|
|
<thead>
|
|
<tr>
|
|
<th>Quest</th>
|
|
<th>Level</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#each quests}}
|
|
{{#if (eq this.status "Completed")}}
|
|
<tr>
|
|
<td class="quest-name">{{this.title}}</td>
|
|
<td class="quest-level">{{this.questLevel}}</td>
|
|
<td class="quest-status {{this.status}}">{{this.status}}</td>
|
|
</tr>
|
|
{{/if}}
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
document.querySelectorAll('.collapsible').forEach(header => {
|
|
header.addEventListener('click', function(e) {
|
|
// Stop event from bubbling to parent collapsible elements
|
|
e.stopPropagation();
|
|
|
|
const content = this.nextElementSibling;
|
|
content.classList.toggle('expanded');
|
|
this.classList.toggle('expanded');
|
|
});
|
|
});
|
|
});
|
|
</script> |