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

Add table view if enabled

Browse Source
This commit is contained in:
John Cleaver 2019-12-04 23:30:45 -05:00
parent e7378a5e15
commit 7c7984ecf1
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/bundles/BundleItems.vue
View File

@ -23,12 +23,9 @@
<progress class="progress is-info" :value="GetRoomItemsRedeemed(bundle.room)" :max="bundle.room.items_required" /> <progress class="progress is-info" :value="GetRoomItemsRedeemed(bundle.room)" :max="bundle.room.items_required" />
</div> </div>
</div> </div>
<!-- Room Progress -->
<!-- Bundle Progress -->
<!-- </section>
<section class="section"> -->
<div class="columns is-multiline"> <div class="columns is-multiline">
<div class="column is-3-widescreen is-4-desktop is-12-mobile is-6-tablet is-flex" v-for="bundleitem in bundleItems" :key="bundleitem.id"> <item-table v-if="CompactView" :items="bundleItems.map(i => i.item)" />
<div v-else class="column is-3-widescreen is-4-desktop is-12-mobile is-6-tablet is-flex" v-for="bundleitem in bundleItems" :key="bundleitem.id">
<item-card :item="bundleitem.item"></item-card> <item-card :item="bundleitem.item"></item-card>
</div> </div>
</div> </div>
@ -38,6 +35,7 @@
<script> <script>
import ItemCard from '@/components/item_card/ItemCard' import ItemCard from '@/components/item_card/ItemCard'
import ItemTable from '@/components/item_table/ItemTable.vue'
export default { export default {
name: 'bundle-items', name: 'bundle-items',
computed: { computed: {
@ -49,6 +47,9 @@ export default {
}, },
bundleItems: function () { bundleItems: function () {
return this.bundle.items.filter(item => !(this.$store.state.HideCompleted && this.isItemComplete(item))) return this.bundle.items.filter(item => !(this.$store.state.HideCompleted && this.isItemComplete(item)))
},
CompactView () {
return this.$store.state.CompactView
} }
}, },
methods: { methods: {
@ -59,7 +60,8 @@ export default {
GetRoomItemsRedeemed: function (room) { return this.$store.getters.GetRoomItemsRedeemed(room) } GetRoomItemsRedeemed: function (room) { return this.$store.getters.GetRoomItemsRedeemed(room) }
}, },
components: { components: {
ItemCard ItemCard,
ItemTable
} }
} }
</script> </script>

10
src/components/search/Search.vue
View File

@ -3,7 +3,8 @@
<search-form v-model="search"></search-form> <search-form v-model="search"></search-form>
<section class="container"> <section class="container">
<div class="columns is-multiline"> <div class="columns is-multiline">
<div class="column is-3-widescreen is-4-desktop is-12-mobile is-6-tablet is-flex" v-for="item in filtered_items" :key="item.id"> <item-table v-if="CompactView" :items="filtered_items" />
<div v-else class="column is-3-widescreen is-4-desktop is-12-mobile is-6-tablet is-flex" v-for="item in filtered_items" :key="item.id">
<item-card :item="item"></item-card> <item-card :item="item"></item-card>
</div> </div>
</div> </div>
@ -15,12 +16,14 @@
<script> <script>
import SearchForm from '@/components/search/SearchForm' import SearchForm from '@/components/search/SearchForm'
import ItemCard from '@/components/item_card/ItemCard' import ItemCard from '@/components/item_card/ItemCard'
import ItemTable from '@/components/item_table/ItemTable.vue'
import _ from 'lodash' import _ from 'lodash'
export default { export default {
name: 'search', name: 'search',
components: { components: {
SearchForm, SearchForm,
ItemCard ItemCard,
ItemTable
}, },
data () { data () {
return { return {
@ -49,6 +52,9 @@ export default {
, ,
'name' 'name'
) )
},
CompactView () {
return this.$store.state.CompactView
} }
}, },
methods: { methods: {