mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-17 22:57:21 +01:00
f72f71fd32
* initial market - routing - store - load market data * move drawer/drawerSlider / count/star badge to components/ui * filter market categories * shopItem with gem / gold * show count of purchable items * show count of purchable itemsshow drawer with currently owned items + DrawerHeaderTabs-Component * show featured gear * show Gear - filter by class - sort by (type, price, stats) - sort market items * Component: ItemRows - shows only the max items in one row (depending on the available width) * Sell Dialog + Balance Component * generic buy-dialog / attributes grid with highlight * buyItem - hide already owned gear * filter: hide locked/pinned - lock items if not enough gold * API: Sell multiple items * show avatar in buy-equipment-dialog with changed gear * market banner * misc fixes * filter by text * pin/unpin gear store actions * Sell API: amount as query-parameter * Update user.js * fixes * fix sell api amount test * add back stroke/fill currentColor * use scss variables
65 lines
1.3 KiB
Vue
65 lines
1.3 KiB
Vue
<template lang="pug">
|
|
b-popover(
|
|
:triggers="['hover']",
|
|
:placement="'top'",
|
|
)
|
|
span(slot="content")
|
|
h4.popover-content-title {{ item.text() }}
|
|
div.popover-content-text(v-html="item.notes()")
|
|
|
|
.item-wrapper(@click="click($event)")
|
|
.item(:class="{'item-active': active }")
|
|
countBadge(
|
|
:show="true",
|
|
:count="itemCount"
|
|
)
|
|
span.item-content(
|
|
:class="'Pet_Food_'+item.key",
|
|
v-drag.food="item.key",
|
|
@itemDragEnd="dragend($event)",
|
|
@itemDragStart="dragstart($event)"
|
|
)
|
|
</template>
|
|
|
|
<script>
|
|
import bPopover from 'bootstrap-vue/lib/components/popover';
|
|
import DragDropDirective from 'client/directives/dragdrop.directive';
|
|
|
|
import CountBadge from 'client/components/ui/countBadge';
|
|
|
|
export default {
|
|
components: {
|
|
bPopover,
|
|
CountBadge,
|
|
},
|
|
directives: {
|
|
drag: DragDropDirective,
|
|
},
|
|
props: {
|
|
item: {
|
|
type: Object,
|
|
},
|
|
itemCount: {
|
|
type: Number,
|
|
},
|
|
itemContentClass: {
|
|
type: String,
|
|
},
|
|
active: {
|
|
type: Boolean,
|
|
},
|
|
},
|
|
methods: {
|
|
dragend ($event) {
|
|
this.$emit('itemDragEnd', $event);
|
|
},
|
|
dragstart ($event) {
|
|
this.$emit('itemDragStart', $event);
|
|
},
|
|
click ($event) {
|
|
this.$emit('itemClick', $event);
|
|
},
|
|
},
|
|
};
|
|
</script>
|