67 lines
3.0 KiB
Vue
67 lines
3.0 KiB
Vue
<script setup lang="ts">
|
|
import goStore, { buy, useEffect } from '@/netcode';
|
|
import { CardEffects } from '@/netcode/Effect'
|
|
import { CardType } from '@/netcode/Card'
|
|
|
|
const isTurn = computed(() => goStore.self && goStore.game?.started && (goStore.self.team == goStore.game.current_turn))
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div id="market">
|
|
<CardPreview :data="null"></CardPreview>
|
|
<div class="separator"></div>
|
|
<CardPreview :data="c" v-for="c in goStore.game?.market" @click="c && buy(c)">
|
|
<template v-if="isTurn && c && c.cost && (goStore.self?.turn.gold_reserve ?? 0) >= c.cost">
|
|
<button @click.stop="buy(c)">BUY</button>
|
|
<button
|
|
@click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value!, c)"
|
|
v-if="goStore.self?.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value">
|
|
BUY IN HAND</button>
|
|
<button
|
|
@click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value!, c)"
|
|
v-if="goStore.self?.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value">
|
|
BUY IN STACK (generic)</button>
|
|
|
|
<button
|
|
@click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_ACTION_BOUGHT).value!, c)"
|
|
v-if="c.card_type == CardType.ACTION && goStore.self?.turn.find_effect(CardEffects.STACK_NEXT_ACTION_BOUGHT).value">
|
|
BUY IN STACK (actions)</button>
|
|
</template>
|
|
</CardPreview>
|
|
<div class="separator"></div>
|
|
<CardPreview :data="goStore.game?.gem_stack.at(-1)" @click="buy(goStore.game?.gem_stack.at(-1)!)">
|
|
<template
|
|
v-if="isTurn && goStore.game?.gem_stack.length && goStore.game?.gem_stack.length > 0 && (goStore.self?.turn.gold_reserve ?? 0) >= (goStore.game?.gem_stack.at(-1)?.cost ?? Infinity)">
|
|
<button @click.stop="buy(goStore.game.gem_stack.at(-1)!)">
|
|
BUY
|
|
</button>
|
|
<button
|
|
@click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value!, goStore.game.gem_stack.at(-1))"
|
|
v-if="goStore.self?.turn.find_effect(CardEffects.PLAY_NEXT_CARD_BOUGHT).value">
|
|
BUY IN HAND</button>
|
|
<button
|
|
@click.stop="useEffect(goStore.self!.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value!, goStore.game.gem_stack.at(-1))"
|
|
v-if="goStore.self?.turn.find_effect(CardEffects.STACK_NEXT_CARD_BOUGHT).value">
|
|
BUY IN STACK(generic)
|
|
</button>
|
|
</template>
|
|
</CardPreview>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
#market {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 2;
|
|
position: relative;
|
|
}
|
|
|
|
.separator {
|
|
width: 50px;
|
|
}
|
|
</style> |