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 pull request #19 from kihashi/master

Browse Source 
Update GH Pages
This commit is contained in:
John Cleaver 2016-03-30 23:30:27 -04:00
commit 9a7a55932b
2 changed files with 61 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
index.html
View File

@ -163,11 +163,11 @@
<div class="content"> <div class="content">
<p class="control"> <p class="control">
<a class="button is-fullwidth" v-for="bundle_id in item.bundles" <a class="button is-fullwidth" v-for="bundle_id in item.bundles"
v-on:click="toggleItemInBundle(bundle_id, item.id)" v-on:click="toggleItemInBundle(bundle_id, item.id, $index)"
v-bind:class="[isItemInBundle(bundle_id, item.id) ? 'is-success' : 'is-danger']"> v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : 'is-danger']">
<span class="icon"> <span class="icon">
<i class="fa" <i class="fa"
v-bind:class="[isItemInBundle(bundle_id, item.id) ? 'fa-check-square-o' : 'fa-square-o']"></i> v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'fa-check-square-o' : 'fa-square-o']"></i>
</span> </span>
<span>{{ static.bundles[bundle_id].name }}</span> <span>{{ static.bundles[bundle_id].name }}</span>
</a> </a>
@ -236,12 +236,12 @@
</div> </div>
<div class="content"> <div class="content">
<p class="control"> <p class="control">
<a class="button is-danger is-fullwidth" v-for="bundle_id in item.bundles" <a class="button is-fullwidth" v-for="bundle_id in item.bundles"
v-on:click="toggleItemInBundle(bundle_id, item.id)" v-on:click="toggleItemInBundle(bundle_id, item.id, $index)"
v-bind:class="[isItemInBundle(bundle_id, item.id) ? 'is-success' : 'is-danger']"> v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : 'is-danger']">
<span class="icon"> <span class="icon">
<i class="fa" <i class="fa"
v-bind:class="[isItemInBundle(bundle_id, item.id) ? 'fa-check-square-o' : 'fa-square-o']"></i> v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'fa-check-square-o' : 'fa-square-o']"></i>
</span> </span>
<span>{{ static.bundles[bundle_id].name }}</span> <span>{{ static.bundles[bundle_id].name }}</span>
</a> </a>
@ -311,12 +311,12 @@
</div> </div>
<div class="content"> <div class="content">
<p class="control"> <p class="control">
<a class="button is-danger is-fullwidth" v-for="bundle_id in item.bundles" <a class="button is-fullwidth" v-for="bundle_id in item.bundles"
v-on:click="toggleItemInBundle(bundle_id, item.id)" v-on:click="toggleItemInBundle(bundle_id, item.id, $index)"
v-bind:class="[isItemInBundle(bundle_id, item.id) ? 'is-success' : 'is-danger']"> v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : 'is-danger']">
<span class="icon"> <span class="icon">
<i class="fa" <i class="fa"
v-bind:class="[isItemInBundle(bundle_id, item.id) ? 'fa-check-square-o' : 'fa-square-o']"></i> v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'fa-check-square-o' : 'fa-square-o']"></i>
</span> </span>
<span>{{ static.bundles[bundle_id].name }}</span> <span>{{ static.bundles[bundle_id].name }}</span>
</a> </a>
@ -388,12 +388,12 @@
</div> </div>
<div class="content"> <div class="content">
<p class="control"> <p class="control">
<a class="button is-danger is-fullwidth" v-for="bundle_id in item.bundles" <a class="button is-fullwidth" v-for="bundle_id in item.bundles"
v-on:click="toggleItemInBundle(bundle_id, item.id)" v-on:click="toggleItemInBundle(bundle_id, item.id, $index)"
v-bind:class="[isItemInBundle(bundle_id, item.id) ? 'is-success' : 'is-danger']"> v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : 'is-danger']">
<span class="icon"> <span class="icon">
<i class="fa" <i class="fa"
v-bind:class="[isItemInBundle(bundle_id, item.id) ? 'fa-check-square-o' : 'fa-square-o']"></i> v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'fa-check-square-o' : 'fa-square-o']"></i>
</span> </span>
<span>{{ static.bundles[bundle_id].name }}</span> <span>{{ static.bundles[bundle_id].name }}</span>
</a> </a>
@ -426,6 +426,33 @@
</div> </div>
</section> </section>
<footer class="footer">
<div class="container">
<div class="content is-centered is-text-centered">
<p>
<strong>Stardew Community Checklist</strong> by <a href="http://johncleaver.com">John Cleaver</a>. The source code is licensed
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>.
</p>
<p>
Bundle and Item information is from the <a href="http://stardewvalleywiki.com/Stardew_Valley_Wiki">Stardew Valley Wiki</a>
and is used under the <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC BY-NC-SA 3.0 License</a>.
</p>
<p>
<a href="http://stardewvalley.net/">Stardew Valley</a> &copy; <a href="">Chucklefish LTD</a>.
Developed by <a href="https://twitter.com/ConcernedApe">ConcernedApe</a>.
</p>
<p>
<a class="icon" href="https://github.com/kihashi/stardew_community_checklist">
<i class="fa fa-github"></i>
</a>
<a class="icon" href="https://www.reddit.com/r/stardewvalley">
<i class="fa fa-reddit"></i>
</a>
</p>
</div>
</div>
</footer>
<!-- Javascript --> <!-- Javascript -->
<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/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/vue-resource/0.1.16/vue-resource.min.js"></script>

30
main.js
View File

@ -70,23 +70,31 @@ var v = new Vue({
change_skill: function(new_skill){ change_skill: function(new_skill){
this.active_skill = new_skill; this.active_skill = new_skill;
}, },
addItemToBundle: function(bundleId, itemId){ addItemToBundle: function(bundleId, itemId, itemPosition){
this.user_data[bundleId].push(itemId); this.user_data[bundleId].push({item: itemId, position: itemPosition});
}, },
removeItemFromBundle: function(bundleId, itemId){ removeItemFromBundle: function(bundleId, itemId, itemPosition){
i = this.user_data[bundleId].indexOf(itemId); console.log("Removing item from bundle" + bundleId + " | " + itemId + " | " + itemPosition);
this.user_data[bundleId].splice(i, 1); for(i = 0; i < this.user_data[bundleId].length; i++){
if(this.user_data[bundleId][i].item === itemId && this.user_data[bundleId][i].position === itemPosition){
console.log("Found a match with: ");
console.log(this.user_data[bundleId][i]);
this.user_data[bundleId].splice(i, 1);
}
}
}, },
toggleItemInBundle: function(bundleId, itemId){ toggleItemInBundle: function(bundleId, itemId, itemPosition){
if(this.isItemInBundle(bundleId, itemId)){ if(this.isItemInBundle(bundleId, itemId, itemPosition)){
this.removeItemFromBundle(bundleId, itemId); this.removeItemFromBundle(bundleId, itemId, itemPosition);
} }
else{ else{
this.addItemToBundle(bundleId, itemId); this.addItemToBundle(bundleId, itemId, itemPosition);
} }
}, },
isItemInBundle: function(bundleId, itemId){ isItemInBundle: function(bundleId, itemId, itemPosition){
if(this.user_data[bundleId].indexOf(itemId) > -1){ if(this.user_data[bundleId].filter(function(element){
return element.item === itemId && element.position === itemPosition;
}).length > 0){
return true; return true;
} }
else{ else{