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 a button to link to the bundle.

Browse Source 
Closes #63.
This commit is contained in:
John Cleaver 2018-04-27 23:36:06 -04:00
parent a5b2112712
commit d7af68a5c5
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/item_card/BundleButton.vue
View File

@ -1,21 +1,34 @@
<template> <template>
<div class="field has-addons">
<div class="control is-expanded">
<a class="button is-rounded is-fullwidth" :class="ItemInBundle ? 'is-success' : 'is-danger'" <a class="button is-rounded is-fullwidth" :class="ItemInBundle ? 'is-success' : 'is-danger'"
@click="ToggleItemInBundle"> @click="ToggleItemInBundle">
<span class="icon"> <span class="icon">
<font-awesome-icon :icon="ItemInBundle ? InBundleIcon : NotInBundleIcon"/> <font-awesome-icon :icon="ItemInBundle ? InBundleIcon : NotInBundleIcon"/>
</span> </span>
<span>{{bundleItem.bundle.name}}{{numberInBundle}}</span> <span class="is-size-7-mobile">{{bundleItem.bundle.name}}{{numberInBundle}}</span>
</a> </a>
</div>
<div class="control">
<router-link class="button is-rounded is-light" :to="{ name: 'bundle-items', params: { id: bundleItem.bundle.id } }">
<span class="icon">
<external-link/>
</span>
</router-link>
</div>
</div>
</template> </template>
<script> <script>
import FontAwesomeIcon from '@fortawesome/vue-fontawesome' import FontAwesomeIcon from '@fortawesome/vue-fontawesome'
import faCheckSquare from '@fortawesome/fontawesome-free-regular/faCheckSquare' import faCheckSquare from '@fortawesome/fontawesome-free-regular/faCheckSquare'
import faSquare from '@fortawesome/fontawesome-free-regular/faSquare' import faSquare from '@fortawesome/fontawesome-free-regular/faSquare'
import ExternalLink from 'mdi-vue/OpenInNewIcon'
export default { export default {
name: 'bundle-button', name: 'bundle-button',
components: { components: {
'font-awesome-icon': FontAwesomeIcon 'font-awesome-icon': FontAwesomeIcon,
ExternalLink
}, },
props: { props: {
bundleItem: { bundleItem: {