mirror of
https://github.com/kihashi/stardew_community_checklist.git
synced 2025-10-19 08:03:17 +00:00
154 lines
8.0 KiB
HTML
154 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Stardew Valley Community Checklist</title>
|
|
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
|
|
<link type="text/css" rel="stylesheet" href="main.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Stardew Valley Community Center Checklist</h1>
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation" class="active"><a href="#bundles" aria-controls="bundles" role="tab" data-toggle="tab">By Bundle</a></li>
|
|
<li role="presentation"><a href="#ab-list" aria-controls="ab-list" role="tab" data-toggle="tab">Alphabetical List</a></li>
|
|
<li role="presentation"><a href="#season-list" aria-controls="season-list" role="tab" data-toggle="tab">By Season</a></li>
|
|
<li role="presentation"><a href="#skill-list" aria-controls="skill-list" role="tab" data-toggle="tab">By Skill</a></li>
|
|
<li role="presentation"><a href="#about" aria-controls="about" role="tab" data-toggle="tab">About</a></li>
|
|
</ul>
|
|
<div id="app">
|
|
<div class="just-padding tab-content">
|
|
|
|
<div role="tabpanel" class="tab-pane active" id="bundles">
|
|
<div class="list-group list-group-root well">
|
|
|
|
<template v-for="room in static.rooms">
|
|
<a href="#room-{{ room.id }}" class="list-group-item" data-toggle="collapse">
|
|
<div class="checkbox"><i class="glyphicon glyphicon-chevron-right"></i><label><input
|
|
type="checkbox"/>{{ room.name }}</label></div>
|
|
</a>
|
|
<div class="list-group collapse" id="room-{{ room.id }}">
|
|
|
|
<template v-for="bundle in static.bundles | filterBy room.id in 'room'">
|
|
<a href="#bundle-{{ bundle.id }}" class="list-group-item" data-toggle="collapse">
|
|
<div class="checkbox">
|
|
<i class="glyphicon glyphicon-chevron-right"></i>
|
|
<label>
|
|
<input type="checkbox"/>
|
|
{{ bundle.name }}
|
|
</label>
|
|
</div>
|
|
</a>
|
|
<div class="list-group collapse" id="bundle-{{ bundle.id }}">
|
|
<template v-for="item in static.items | filterBy bundle.id in 'bundles'">
|
|
<a class="list-group-item">
|
|
<div class="checkbox">
|
|
<label>
|
|
<template v-for="bundle in item.bundles">
|
|
<input type="checkbox" v-model="user_data" id="{{ item.id }}" value="{{ item.id }}"/>
|
|
</template>
|
|
{{ item.name }} — {{ item.source }}
|
|
</label>
|
|
</div>
|
|
</a>
|
|
</template>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div role="tabpanel" class="tab-pane" id="ab-list">
|
|
<div class="list-group">
|
|
<template v-for="item in static.items | orderBy 'name'">
|
|
<a class="list-group-item">
|
|
<div class="checkbox">
|
|
<label>
|
|
<input type="checkbox" v-model="user_data" id="{{ item.id }}" value="{{ item.id }}"/>
|
|
{{ item.name }} — {{ item.source }}
|
|
</label>
|
|
</div>
|
|
</a>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
|
|
<div role="tabpanel" class="tab-pane" id="season-list">
|
|
<div class="list-group list-group-root well">
|
|
|
|
<template v-for="season in static.seasons">
|
|
<a href="#season-{{ season.id }}" class="list-group-item" data-toggle="collapse">
|
|
<div class="checkbox">
|
|
<i class="glyphicon glyphicon-chevron-right"></i>
|
|
<label><input type="checkbox"/>{{ season.name }}</label>
|
|
</div>
|
|
</a>
|
|
<div class="list-group collapse" id="season-{{ season.id }}">
|
|
<template v-for="item in static.items | filterBy season.id in 'seasons'">
|
|
<a class="list-group-item">
|
|
<div class="checkbox">
|
|
<label>
|
|
<input type="checkbox" v-model="user_data" id="{{ item.id }}" value="{{ item.id }}"/>
|
|
{{ item.name }} — {{ item.source }}
|
|
</label>
|
|
</div>
|
|
</a>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div role="tabpanel" class="tab-pane" id="skill-list">
|
|
<div class="list-group list-group-root well">
|
|
|
|
<template v-for="skill in static.skills">
|
|
<a href="#skill-{{ skill.id }}" class="list-group-item" data-toggle="collapse">
|
|
<div class="checkbox">
|
|
<i class="glyphicon glyphicon-chevron-right"></i>
|
|
<label><input type="checkbox"/>{{ skill.name }}</label>
|
|
</div>
|
|
</a>
|
|
<div class="list-group collapse" id="skill-{{ skill.id }}">
|
|
<template v-for="item in static.items | filterBy skill.id in 'skills'">
|
|
<a class="list-group-item">
|
|
<div class="checkbox">
|
|
<label>
|
|
<input type="checkbox" v-model="user_data" id="{{ item.id }}" value="{{ item.id }}"/>
|
|
{{ item.name }} — {{ item.source }}
|
|
</label>
|
|
</div>
|
|
</a>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div role="tabpanel" class="tab-pane" id="about">
|
|
<div class="well">
|
|
<p>I wanted to have an easy way to keep track of my community center bundles since it is a pain to
|
|
do it in game. Here it is. This will be a better explanation when I actually write it.</p>
|
|
<p>{{ user_data | json }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.17/vue.min.js"></script>
|
|
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/vue-resource/0.1.16/vue-resource.min.js"></script>
|
|
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
|
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="main.js"></script>
|
|
</html>
|
|
|