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" />
</div>
</div>
<!-- Room Progress -->
<!-- Bundle Progress -->
<!-- </section>
<section class="section"> -->
<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>
</div>
</div>
@ -38,6 +35,7 @@
<script>
import ItemCard from '@/components/item_card/ItemCard'
import ItemTable from '@/components/item_table/ItemTable.vue'
export default {
name: 'bundle-items',
computed: {
@ -49,6 +47,9 @@ export default {
},
bundleItems: function () {
return this.bundle.items.filter(item => !(this.$store.state.HideCompleted && this.isItemComplete(item)))
},
CompactView () {
return this.$store.state.CompactView
}
},
methods: {
@ -59,7 +60,8 @@ export default {
GetRoomItemsRedeemed: function (room) { return this.$store.getters.GetRoomItemsRedeemed(room) }
},
components: {
ItemCard
ItemCard,
ItemTable
}
}
</script>

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

@ -3,7 +3,8 @@
<search-form v-model="search"></search-form>
<section class="container">
<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>
</div>
</div>
@ -15,12 +16,14 @@
<script>
import SearchForm from '@/components/search/SearchForm'
import ItemCard from '@/components/item_card/ItemCard'
import ItemTable from '@/components/item_table/ItemTable.vue'
import _ from 'lodash'
export default {
name: 'search',
components: {
SearchForm,
ItemCard
ItemCard,
ItemTable
},
data () {
return {
@ -49,6 +52,9 @@ export default {
,
'name'
)
},
CompactView () {
return this.$store.state.CompactView
}
},
methods: {