mirror of
https://github.com/kihashi/stardew_community_checklist.git
synced 2025-10-19 08:03:17 +00:00
Added if statements to hide spoilers and completed items.
This commit is contained in:
parent
ad537b1435
commit
a4e860db3e
41
index.html
41
index.html
@ -183,7 +183,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="columns is-multiline">
|
<div class="columns is-multiline">
|
||||||
<div class="column is-3 is-flex" v-for="item in static.items | inBundle active_bundle">
|
<template v-for="item in static.items | inBundle active_bundle">
|
||||||
|
<div class="column is-3 is-flex" v-if="!(hideCompleted && isCompleted(item))">
|
||||||
<div class="card is-fullwidth is-flex eq-line">
|
<div class="card is-fullwidth is-flex eq-line">
|
||||||
<header class="card-header">
|
<header class="card-header">
|
||||||
<p class="card-header-title">
|
<p class="card-header-title">
|
||||||
@ -194,7 +195,7 @@
|
|||||||
<div class="content is-flex">
|
<div class="content is-flex">
|
||||||
<div class="columns source">
|
<div class="columns source">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="">{{ item.source }}</div>
|
<div v-if="!hideSpoilers">{{ item.source }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -212,7 +213,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="card-footer">
|
<footer class="card-footer" v-if="!hideSpoilers">
|
||||||
<div class="card-footer-item">
|
<div class="card-footer-item">
|
||||||
<span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
|
<span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
|
||||||
<span class="tag is-primary is-text-centered"
|
<span class="tag is-primary is-text-centered"
|
||||||
@ -221,7 +222,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<footer class="card-footer">
|
<footer class="card-footer" v-if="!hideSpoilers">
|
||||||
<div class="card-footer-item">
|
<div class="card-footer-item">
|
||||||
<span class="icon is-small"><i class="fa fa-tree"></i></span>
|
<span class="icon is-small"><i class="fa fa-tree"></i></span>
|
||||||
<span class="tag is-info is-text-centered"
|
<span class="tag is-info is-text-centered"
|
||||||
@ -232,6 +233,7 @@
|
|||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -256,8 +258,8 @@
|
|||||||
|
|
||||||
|
|
||||||
<div class="columns is-multiline">
|
<div class="columns is-multiline">
|
||||||
<div class="column is-3 is-flex"
|
<template v-for="item in static.items | filterBy search_term in 'name' | orderBy 'name'">
|
||||||
v-for="item in static.items | filterBy search_term in 'name' | orderBy 'name'">
|
<div class="column is-3 is-flex" v-if="!(hideCompleted && isCompleted(item))">
|
||||||
<div class="card is-fullwidth is-flex eq-line">
|
<div class="card is-fullwidth is-flex eq-line">
|
||||||
<header class="card-header">
|
<header class="card-header">
|
||||||
<p class="card-header-title">
|
<p class="card-header-title">
|
||||||
@ -268,7 +270,7 @@
|
|||||||
<div class="content is-flex">
|
<div class="content is-flex">
|
||||||
<div class="columns source">
|
<div class="columns source">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="">{{ item.source }}</div>
|
<div v-if="!hideSpoilers">{{ item.source }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -286,7 +288,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="card-footer">
|
<footer class="card-footer" v-if="!hideSpoilers">
|
||||||
<div class="card-footer-item">
|
<div class="card-footer-item">
|
||||||
<span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
|
<span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
|
||||||
<span class="tag is-primary is-text-centered"
|
<span class="tag is-primary is-text-centered"
|
||||||
@ -295,7 +297,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<footer class="card-footer">
|
<footer class="card-footer" v-if="!hideSpoilers">
|
||||||
<div class="card-footer-item">
|
<div class="card-footer-item">
|
||||||
<span class="icon is-small"><i class="fa fa-tree"></i></span>
|
<span class="icon is-small"><i class="fa fa-tree"></i></span>
|
||||||
<span class="tag is-info is-text-centered"
|
<span class="tag is-info is-text-centered"
|
||||||
@ -306,6 +308,7 @@
|
|||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@ -332,7 +335,8 @@
|
|||||||
<h3 class="title">{{ getSeasonName(active_season) }}</h3>
|
<h3 class="title">{{ getSeasonName(active_season) }}</h3>
|
||||||
<progress class="progress is-info" value="" max=""></progress>
|
<progress class="progress is-info" value="" max=""></progress>
|
||||||
<div class="columns is-multiline">
|
<div class="columns is-multiline">
|
||||||
<div class="column is-3 is-flex" v-for="item in static.items | filterBy active_season in 'seasons'">
|
<template v-for="item in static.items | filterBy active_season in 'seasons'">
|
||||||
|
<div class="column is-3 is-flex" v-if="!(hideCompleted && isCompleted(item))">
|
||||||
<div class="card is-fullwidth is-flex eq-line">
|
<div class="card is-fullwidth is-flex eq-line">
|
||||||
<header class="card-header">
|
<header class="card-header">
|
||||||
<p class="card-header-title">
|
<p class="card-header-title">
|
||||||
@ -343,7 +347,7 @@
|
|||||||
<div class="content is-flex">
|
<div class="content is-flex">
|
||||||
<div class="columns source">
|
<div class="columns source">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="">{{ item.source }}</div>
|
<div v-if="!hideSpoilers">{{ item.source }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -361,7 +365,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="card-footer">
|
<footer class="card-footer" v-if="!hideSpoilers">
|
||||||
<div class="card-footer-item">
|
<div class="card-footer-item">
|
||||||
<span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
|
<span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
|
||||||
<span class="tag is-primary is-text-centered"
|
<span class="tag is-primary is-text-centered"
|
||||||
@ -370,7 +374,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<footer class="card-footer">
|
<footer class="card-footer" v-if="!hideSpoilers">
|
||||||
<div class="card-footer-item">
|
<div class="card-footer-item">
|
||||||
<span class="icon is-small"><i class="fa fa-tree"></i></span>
|
<span class="icon is-small"><i class="fa fa-tree"></i></span>
|
||||||
<span class="tag is-info is-text-centered"
|
<span class="tag is-info is-text-centered"
|
||||||
@ -381,6 +385,7 @@
|
|||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -409,7 +414,8 @@
|
|||||||
<h3 class="title">{{ getSkillName(active_skill) }}</h3>
|
<h3 class="title">{{ getSkillName(active_skill) }}</h3>
|
||||||
<progress class="progress is-info" value="" max=""></progress>
|
<progress class="progress is-info" value="" max=""></progress>
|
||||||
<div class="columns is-multiline">
|
<div class="columns is-multiline">
|
||||||
<div class="column is-3 is-flex" v-for="item in static.items | filterBy active_skill in 'skills'">
|
<template v-for="item in static.items | filterBy active_skill in 'skills'">
|
||||||
|
<div class="column is-3 is-flex" v-if="!(hideCompleted && isCompleted(item))">
|
||||||
<div class="card is-fullwidth is-flex eq-line">
|
<div class="card is-fullwidth is-flex eq-line">
|
||||||
<header class="card-header">
|
<header class="card-header">
|
||||||
<p class="card-header-title">
|
<p class="card-header-title">
|
||||||
@ -420,7 +426,7 @@
|
|||||||
<div class="content is-flex">
|
<div class="content is-flex">
|
||||||
<div class="columns source">
|
<div class="columns source">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="">{{ item.source }}</div>
|
<div v-if="!hideSpoilers">{{ item.source }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -438,7 +444,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="card-footer">
|
<footer class="card-footer" v-if="!hideSpoilers">
|
||||||
<div class="card-footer-item">
|
<div class="card-footer-item">
|
||||||
<span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
|
<span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
|
||||||
<span class="tag is-primary is-text-centered"
|
<span class="tag is-primary is-text-centered"
|
||||||
@ -447,7 +453,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<footer class="card-footer">
|
<footer class="card-footer" v-if="!hideSpoilers">
|
||||||
<div class="card-footer-item">
|
<div class="card-footer-item">
|
||||||
<span class="icon is-small"><i class="fa fa-tree"></i></span>
|
<span class="icon is-small"><i class="fa fa-tree"></i></span>
|
||||||
<span class="tag is-info is-text-centered"
|
<span class="tag is-info is-text-centered"
|
||||||
@ -458,6 +464,7 @@
|
|||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user