kihashi/stardew_community_checklist
1
0
Fork 0
mirror of https://github.com/kihashi/stardew_community_checklist.git synced 2025-10-19 08:03:17 +00:00
Code Issues Releases Activity

Merge branch 'master' into JSON

Browse Source
This commit is contained in:
John Cleaver 2016-03-21 00:17:16 -04:00
commit 0fd2f99a4a
4 changed files with 389 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
bundles.json
View File

@ -4,258 +4,344 @@
"id": 0, "id": 0,
"name": "Wild Horseradish", "name": "Wild Horseradish",
"source": "Foraging during Spring.", "source": "Foraging during Spring.",
"seasons": ["spring"],
"skills": ["foraging"],
"bundles": [0] "bundles": [0]
}, },
{ {
"id": 1, "id": 1,
"name": "Daffodil", "name": "Daffodil",
"source": "Foraging during Spring. Buy from Pierre's Shop at the Flower Dance.", "source": "Foraging during Spring. Buy from Pierre's Shop at the Flower Dance.",
"seasons": ["spring"],
"skills": ["foraging"],
"bundles": [0] "bundles": [0]
}, },
{ {
"id": 2, "id": 2,
"name": "Leek", "name": "Leek",
"source": "Foraging during Spring.", "source": "Foraging during Spring.",
"seasons": ["spring"],
"skills": ["foraging"],
"bundles": [0] "bundles": [0]
}, },
{ {
"id": 3, "id": 3,
"name": "Dandelion", "name": "Dandelion",
"source": "Foraging during Spring. Buy from Pierre's Shop at the Flower Dance.", "source": "Foraging during Spring. Buy from Pierre's Shop at the Flower Dance.",
"seasons": ["spring"],
"skills": ["foraging"],
"bundles": [0] "bundles": [0]
}, },
{ {
"id": 4, "id": 4,
"name": "Grape", "name": "Grape",
"source": "Foraging during Summer.", "source": "Foraging during Summer.",
"seasons": ["summer", "fall"],
"skills": ["foraging", "farming"],
"bundles": [1] "bundles": [1]
}, },
{ {
"id": 5, "id": 5,
"name": "Spice Berry", "name": "Spice Berry",
"source": "Foraging during Summer.", "source": "Foraging during Summer.",
"seasons": ["summer"],
"skills": ["foraging"],
"bundles": [1] "bundles": [1]
}, },
{ {
"id": 6, "id": 6,
"name": "Sweet Pea", "name": "Sweet Pea",
"source": "Foraging during Summer.", "source": "Foraging during Summer.",
"seasons": ["summer"],
"skills": ["foraging"],
"bundles": [1] "bundles": [1]
}, },
{ {
"id": 7, "id": 7,
"name": "Common Mushroom", "name": "Common Mushroom",
"source": "Foraging during Fall Or if you have the mushroom in your cave.", "source": "Foraging during Fall Or if you have the mushroom in your cave.",
"seasons": ["fall"],
"skills": ["foraging"],
"bundles": [2] "bundles": [2]
}, },
{ {
"id": 8, "id": 8,
"name": "Wild Plum", "name": "Wild Plum",
"source": "Foraging during Fall.", "source": "Foraging during Fall.",
"seasons": ["fall"],
"skills": ["foraging"],
"bundles": [2] "bundles": [2]
}, },
{ {
"id": 9, "id": 9,
"name": "Hazelnut", "name": "Hazelnut",
"source": "Foraging during Fall.", "source": "Foraging during Fall.",
"seasons": ["fall"],
"skills": ["foraging"],
"bundles": [2] "bundles": [2]
}, },
{ {
"id": 10, "id": 10,
"name": "Blackberry", "name": "Blackberry",
"source": "Foraging during Fall.", "source": "Foraging during Fall.",
"seasons": ["fall"],
"skills": ["foraging"],
"bundles": [2] "bundles": [2]
}, },
{ {
"id": 11, "id": 11,
"name": "Winter Root", "name": "Winter Root",
"source": "Foraging during Winter or dropped by slimes on 41-79 Mines levels.", "source": "Foraging during Winter or dropped by slimes on 41-79 Mines levels.",
"seasons": ["winter", "spring", "summer", "fall"],
"skills": ["foraging", "combat"],
"bundles": [3] "bundles": [3]
}, },
{ {
"id": 12, "id": 12,
"name": "Crystal Fruit", "name": "Crystal Fruit",
"source": "Foraging during Winter or dropped by coal sprites on 41-79 Mines levels.", "source": "Foraging during Winter or dropped by coal sprites on 41-79 Mines levels.",
"seasons": ["winter", "spring", "summer", "fall"],
"skills": ["foraging", "combat"],
"bundles": [3] "bundles": [3]
}, },
{ {
"id": 13, "id": 13,
"name": "Snow Yam", "name": "Snow Yam",
"source": "Foraging during Winter (Using a Hoe outside the farm).", "source": "Foraging during Winter (Using a Hoe outside the farm).",
"seasons": ["winter"],
"skills": ["foraging"],
"bundles": [3] "bundles": [3]
}, },
{ {
"id": 14, "id": 14,
"name": "Crocus", "name": "Crocus",
"source": "Foraging during Winter.", "source": "Foraging during Winter.",
"seasons": ["winter"],
"skills": ["foraging"],
"bundles": [3] "bundles": [3]
}, },
{ {
"id": 15, "id": 15,
"name": "Wood (99)", "name": "Wood (99)",
"source": "Chopping trees or logs using an axe.", "source": "Chopping trees or logs using an axe.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging"],
"bundles": [4, 4] "bundles": [4, 4]
}, },
{ {
"id": 16, "id": 16,
"name": "Stone (99)", "name": "Stone (99)",
"source": "Smashing stones with a pickaxe.", "source": "Smashing stones with a pickaxe.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["mining"],
"bundles": [4] "bundles": [4]
}, },
{ {
"id": 17, "id": 17,
"name": "Hardwood (10)", "name": "Hardwood (10)",
"source": "Chopping large stumps with an upgraded axe. Also in crates in the Mines", "source": "Chopping large stumps with an upgraded axe. Also in crates in the Mines",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging", "mining"],
"bundles": [4] "bundles": [4]
}, },
{ {
"id": 18, "id": 18,
"name": "Coconut", "name": "Coconut",
"source": "Found in the desert.", "source": "Found in the desert.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 19, "id": 19,
"name": "Cactus Fruit", "name": "Cactus Fruit",
"source": "Found in the desert.", "source": "Found in the desert.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 20, "id": 20,
"name": "Cave Carrot", "name": "Cave Carrot",
"source": "In boxes inside the mines or using the hoe on soil spots in the Mines.", "source": "In boxes inside the mines or using the hoe on soil spots in the Mines.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["mining"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 21, "id": 21,
"name": "Red Mushroom", "name": "Red Mushroom",
"source": "Can be found in the mines or in the farm cave if you selected the mushroom perk.", "source": "Can be found in the mines or in the farm cave if you selected the mushroom perk.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging", "mining"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 22, "id": 22,
"name": "Purple Mushroom", "name": "Purple Mushroom",
"source": "Can be found in the mines or in the farm cave if you selected the mushroom perk.", "source": "Can be found in the mines or in the farm cave if you selected the mushroom perk.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging", "mining"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 23, "id": 23,
"name": "Maple Syrup", "name": "Maple Syrup",
"source": "Harvested from maple trees using a Tapper.", "source": "Harvested from maple trees using a Tapper.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 24, "id": 24,
"name": "Oak Resin", "name": "Oak Resin",
"source": "Harvested from oak trees using a Tapper.", "source": "Harvested from oak trees using a Tapper.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 25, "id": 25,
"name": "Pine Tar", "name": "Pine Tar",
"source": "Harvested from pine trees using a Tapper.", "source": "Harvested from pine trees using a Tapper.",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 26, "id": 26,
"name": "Morel", "name": "Morel",
"source": "In the farm cave if you selected the mushroom perk", "source": "In the farm cave if you selected the mushroom perk",
"seasons": ["spring", "summer", "fall", "winter"],
"skills": ["foraging"],
"bundles": [5] "bundles": [5]
}, },
{ {
"id": 26, "id": 26,
"name": "Parsnip", "name": "Parsnip",
"source": "Crops during Spring.", "source": "Crops during Spring.",
"seasons": ["spring"],
"skills": ["farming"],
"bundles": [6] "bundles": [6]
}, },
{ {
"id": 28, "id": 28,
"name": "Green Bean", "name": "Green Bean",
"source": "Crops during Spring.", "source": "Crops during Spring.",
"seasons": ["spring"],
"skills": ["farming"],
"bundles": [6] "bundles": [6]
}, },
{ {
"id": 29, "id": 29,
"name": "Cauliflower", "name": "Cauliflower",
"source": "Crops during Spring.", "source": "Crops during Spring.",
"seasons": ["spring"],
"skills": ["farming"],
"bundles": [6] "bundles": [6]
}, },
{ {
"id": 30, "id": 30,
"name": "Potato", "name": "Potato",
"source": "Crops during Spring.", "source": "Crops during Spring.",
"seasons": ["spring"],
"skills": ["farming"],
"bundles": [6] "bundles": [6]
}, },
{ {
"id": 31, "id": 31,
"name": "Tomato", "name": "Tomato",
"source": "Crops during Summer.", "source": "Crops during Summer.",
"seasons": ["summer"],
"skills": ["farming"],
"bundles": [7] "bundles": [7]
}, },
{ {
"id": 32, "id": 32,
"name": "Hot Pepper", "name": "Hot Pepper",
"source": "Crops during Summer.", "source": "Crops during Summer.",
"seasons": ["summer"],
"skills": ["farming"],
"bundles": [7] "bundles": [7]
}, },
{ {
"id": 33, "id": 33,
"name": "Blueberry", "name": "Blueberry",
"source": "Crops during Summer.", "source": "Crops during Summer.",
"seasons": ["summer"],
"skills": ["farming"],
"bundles": [7] "bundles": [7]
}, },
{ {
"id": 34, "id": 34,
"name": "Melon", "name": "Melon",
"source": "Crops during Summer.", "source": "Crops during Summer.",
"seasons": ["summer"],
"skills": ["farming"],
"bundles": [7] "bundles": [7]
}, },
{ {
"id": 35, "id": 35,
"name": "Corn", "name": "Corn",
"source": "Crops during Summer and Fall.", "source": "Crops during Summer and Fall.",
"seasons": ["summer", "fall"],
"skills": ["farming"],
"bundles": [8] "bundles": [8]
}, },
{ {
"id": 36, "id": 36,
"name": "Eggplant", "name": "Eggplant",
"source": "Crops during Fall.", "source": "Crops during Fall.",
"seasons": ["fall"],
"skills": ["farming"],
"bundles": [8] "bundles": [8]
}, },
{ {
"id": 37, "id": 37,
"name": "Pumpkin", "name": "Pumpkin",
"source": "Crops during Fall.", "source": "Crops during Fall.",
"seasons": ["fall"],
"skills": ["farming"],
"bundles": [8] "bundles": [8]
}, },
{ {
"id": 38, "id": 38,
"name": "Yam", "name": "Yam",
"source": "Crops during Fall.", "source": "Crops during Fall.",
"seasons": ["fall"],
"skills": ["farming"],
"bundles": [8] "bundles": [8]
}, },
{ {
"id": 39, "id": 39,
"name": "Parsnip (Gold Star) (5)", "name": "Parsnip (Gold Star) (5)",
"source": "Crops during Spring.", "source": "Crops during Spring.",
"seasons": ["spring"],
"skills": ["farming"],
"bundles": [9] "bundles": [9]
}, },
{ {
"id": 40, "id": 40,
"name": "Melon (Gold Star) (5)", "name": "Melon (Gold Star) (5)",
"source": "Crops during Summer.", "source": "Crops during Summer.",
"seasons": ["summer"],
"skills": ["farming"],
"bundles": [9] "bundles": [9]
}, },
{ {
"id": 41, "id": 41,
"name": "Pumpkin (Gold Star) (5)", "name": "Pumpkin (Gold Star) (5)",
"source": "Crops during Fall.", "source": "Crops during Fall.",
"seasons": ["fall"],
"skills": ["farming"],
"bundles": [9] "bundles": [9]
}, },
{ {
"id": 42, "id": 42,
"name": "Corn (Gold Star) (5)", "name": "Corn (Gold Star) (5)",
"source": "Crops during Summer and Fall.", "source": "Crops during Summer and Fall.",
"seasons": ["summer", "fall"],
"skills": ["farming"],
"bundles": [9] "bundles": [9]
} }
], ],

240
index.html
View File

@ -10,12 +10,11 @@
<div class="container"> <div class="container">
<h1>Stardew Valley Community Center Checklist</h1> <h1>Stardew Valley Community Center Checklist</h1>
<ul class="nav nav-tabs" role="tablist"> <ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#bundles" aria-controls="bundles" role="tab" data-toggle="tab">Bundles</a> <li role="presentation" class="active"><a href="#bundles" aria-controls="bundles" role="tab" data-toggle="tab">By Bundle</a></li>
</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="#ab-list" aria-controls="ab-list" role="tab" data-toggle="tab">Alphabetical <li role="presentation"><a href="#season-list" aria-controls="season-list" role="tab" data-toggle="tab">By Season</a></li>
List</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> <li role="presentation"><a href="#about" aria-controls="about" role="tab" data-toggle="tab">About</a></li>
</ul> </ul>
<div id="app"> <div id="app">
<div class="just-padding tab-content"> <div class="just-padding tab-content">
@ -32,21 +31,56 @@
<template v-for="bundle in static.bundles | filterBy room.id in 'room'"> <template v-for="bundle in static.bundles | filterBy room.id in 'room'">
<a href="#bundle-{{ bundle.id }}" class="list-group-item" data-toggle="collapse"> <a href="#bundle-{{ bundle.id }}" class="list-group-item" data-toggle="collapse">
<div class="checkbox"><i class="glyphicon glyphicon-chevron-right"></i><label><input <div class="checkbox">
type="checkbox"/>{{ bundle.name }}</label></div> <i class="glyphicon glyphicon-chevron-right"></i>
<label>
<input type="checkbox"/>
{{ bundle.name }}
</label>
</div>
</a> </a>
<div class="list-group collapse" id="bundle-{{ bundle.id }}"> <div class="list-group collapse" id="bundle-{{ bundle.id }}">
<template v-for="item in static.items | filterBy bundle.id in 'bundles'"> <div class="container-fluid">
<a class="list-group-item"> <div class="row row-eq-height">
<div class="checkbox"><label> <template v-for="item in static.items | filterBy bundle.id in 'bundles'">
<template v-for="bundle in item.bundles"><input type="checkbox" <div class="col-md-3">
v-model="user_data" <div class="panel panel-default">
id="{{ item.id }}" <div class="panel-heading">
value="{{ item.id }}"/> <h3 class="panel-title">{{ item.name }}</h3>
</template> </div>
{{ item.name }} — {{ item.source }}</label></div> <div class="panel-body">
</a> <p>{{ item.source }}</p>
</template> <div class="button-area">
<button v-for="bundle_id in item.bundles" class="btn" v-bind:class="[user_data[item.id] ? btnChecked : btnUnchecked]" v-on:click="completeItem(item.id)"><span class="glyphicon" v-bind:class="[user_data[item.id] ? boxChecked : boxUnchecked]" ></span>{{ static.bundles[bundle_id].name }}</button>
</div>
</div>
<div class="panel-footer">
<div class="panel-footer-area">
<span class="glyphicon glyphicon-calendar"></span>
<span class="footer-text-area">
<template v-for="season_id in item.seasons">
<template v-for="season in static.seasons | filterBy season_id in 'id'">
<span class="footer-text">{{ season.name }}</span>
</template>
</template>
</span>
</div>
<div class="panel-footer-area">
<span class="glyphicon glyphicon-grain"></span>
<div class="footer-text-area">
<template v-for="skill_id in item.skills">
<template v-for="skill in static.skills | filterBy skill_id in 'id'">
<div class="footer-text">{{ skill.name }}</div>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div> </div>
</template> </template>
@ -58,14 +92,172 @@
</div> </div>
<div role="tabpanel" class="tab-pane" id="ab-list"> <div role="tabpanel" class="tab-pane" id="ab-list">
<div class="list-group"> <div class="container-fluid">
<template v-for="item in static.items | orderBy 'name'"> <div class="row">
<a class="list-group-item"> <div class="col-md-3">
<div class="checkbox"><label><input type="checkbox" v-model="user_data" id="{{ item.id }}" <form class="form-inline">
value="{{ item.id }}"/>{{ item.name }} — {{ item.source <div class="form-group">
}}</label></div> <label for="search">Filter</label>
<input type="text" class="form-control" id="search" v-model="search_name" />
</div>
</form>
</div>
</div>
<div class="row row-eq-height">
<template v-for="item in static.items | orderBy 'name' | filterBy search_name in 'name'">
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{ item.name }}</h3>
</div>
<div class="panel-body">
<p>{{ item.source }}</p>
<div class="button-area">
<button v-for="bundle_id in item.bundles" class="btn" v-bind:class="[user_data[item.id] ? btnChecked : btnUnchecked]" v-on:click="completeItem(item.id)"><span class="glyphicon" v-bind:class="[user_data[item.id] ? boxChecked : boxUnchecked]" ></span>{{ static.bundles[bundle_id].name }}</button>
</div>
</div>
<div class="panel-footer">
<div class="panel-footer-area">
<span class="glyphicon glyphicon-calendar"></span>
<span class="footer-text-area">
<template v-for="season_id in item.seasons">
<template v-for="season in static.seasons | filterBy season_id in 'id'">
<span class="footer-text">{{ season.name }}</span>
</template>
</template>
</span>
</div>
<div class="panel-footer-area">
<span class="glyphicon glyphicon-grain"></span>
<div class="footer-text-area">
<template v-for="skill_id in item.skills">
<template v-for="skill in static.skills | filterBy skill_id in 'id'">
<div class="footer-text">{{ skill.name }}</div>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</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> </a>
<div class="list-group collapse" id="season-{{ season.id }}">
<div class="container-fluid">
<div class="row row-eq-height">
<template v-for="item in static.items | filterBy season.id in 'seasons'">
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{ item.name }}</h3>
</div>
<div class="panel-body">
<p>{{ item.source }}</p>
<div class="button-area">
<button v-for="bundle_id in item.bundles" class="btn" v-bind:class="[user_data[item.id] ? btnChecked : btnUnchecked]" v-on:click="completeItem(item.id)"><span class="glyphicon" v-bind:class="[user_data[item.id] ? boxChecked : boxUnchecked]" ></span>{{ static.bundles[bundle_id].name }}</button>
</div>
</div>
<div class="panel-footer">
<div class="panel-footer-area">
<span class="glyphicon glyphicon-calendar"></span>
<span class="footer-text-area">
<template v-for="season_id in item.seasons">
<template v-for="season in static.seasons | filterBy season_id in 'id'">
<span class="footer-text">{{ season.name }}</span>
</template>
</template>
</span>
</div>
<div class="panel-footer-area">
<span class="glyphicon glyphicon-grain"></span>
<div class="footer-text-area">
<template v-for="skill_id in item.skills">
<template v-for="skill in static.skills | filterBy skill_id in 'id'">
<div class="footer-text">{{ skill.name }}</div>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</template> </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 }}">
<div class="container-fluid">
<div class="row row-eq-height">
<template v-for="item in static.items | filterBy skill.id in 'skills'">
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{ item.name }}</h3>
</div>
<div class="panel-body">
<p>{{ item.source }}</p>
<div class="button-area">
<button v-for="bundle_id in item.bundles" class="btn" v-bind:class="[user_data[item.id] ? btnChecked : btnUnchecked]" v-on:click="completeItem(item.id)"><span class="glyphicon" v-bind:class="[user_data[item.id] ? boxChecked : boxUnchecked]" ></span>{{ static.bundles[bundle_id].name }}</button>
</div>
</div>
<div class="panel-footer">
<div class="panel-footer-area">
<span class="glyphicon glyphicon-calendar"></span>
<span class="footer-text-area">
<template v-for="season_id in item.seasons">
<template v-for="season in static.seasons | filterBy season_id in 'id'">
<span class="footer-text">{{ season.name }}</span>
</template>
</template>
</span>
</div>
<div class="panel-footer-area">
<span class="glyphicon glyphicon-grain"></span>
<div class="footer-text-area">
<template v-for="skill_id in item.skills">
<template v-for="skill in static.skills | filterBy skill_id in 'id'">
<div class="footer-text">{{ skill.name }}</div>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</template>
</div> </div>
</div> </div>

68
main.css
View File

@ -31,3 +31,71 @@
.list-group-item .glyphicon { .list-group-item .glyphicon {
margin-right: 5px; margin-right: 5px;
} }
.row-eq-height, .row-eq-height > div[class*='col-']{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex: 1 0 auto;
flex-wrap: wrap;
}
.panel {
display: flex;
flex-direction:column;
align-content:stretch;
flex-grow: 1;
}
.panel-body{
display: flex;
flex-direction: column;
flex-grow: 1;
}
.panel-body > p{
flex-grow: 1;
}
.panel-body > .button-area{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.button-area > .btn{
flex: 1 0 auto;
margin-top: 1rem;
}
.panel-footer{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.panel-footer-area{
display: flex;
flex-direction: row;
flex: 1 0 auto;
justify-content: space-around;
}
.footer-text-area{
margin-left: 1rem;
flex: 1 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.footer-text{
flex-grow: 1;
}
form{
margin-bottom: 1rem;
}

31
main.js
View File

@ -3,28 +3,35 @@ var v = new Vue({
data:{ data:{
debug: true, debug: true,
static: null, static: null,
user_data: [] user_data: [],
btnChecked: 'btn-success',
btnUnchecked: 'btn-warning',
boxChecked: 'glyphicon-check',
boxUnchecked: 'glyphicon-unchecked'
},
created: function(){
this.fetchData();
}, },
ready: function(){ ready: function(){
this.fetchData(); $('.list-group-item').on('click', function() {
$('.glyphicon', this)
.toggleClass('glyphicon-chevron-right')
.toggleClass('glyphicon-chevron-down');
});
}, },
methods: { methods: {
fetchData: function(){ fetchData: function(){
this.$http.get('bundles.json', function(data, status, response){ this.$http.get('bundles.json', function(data, status, response){
if(status == 200){ if(status == 200){
this.static = data; this.static = data;
for(var i = 0; i < this.static.items.length; i++){
this.user_data.push(false);
}
} }
}); });
},
completeItem: function(itemId){
this.user_data.$set(itemId, !this.user_data[itemId]);
} }
} }
}); });
$(function() {
$('.list-group-item').on('click', function() {
$('.glyphicon', this)
.toggleClass('glyphicon-chevron-right')
.toggleClass('glyphicon-chevron-down');
});
});