techwire/bang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

visual info

Browse Source
This commit is contained in:
Alberto Xamin 2020-11-24 19:03:39 +01:00
parent 1275ee9b93
commit 8d95154940
No known key found for this signature in database
GPG Key ID: 4F026F48309500A2
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/Lobby.vue
View File

@ -12,7 +12,7 @@
<span v-for="(n, i) in (p.max_lives-p.lives)" v-bind:key="n" :alt="i">💀</span> <span v-for="(n, i) in (p.max_lives-p.lives)" v-bind:key="n" :alt="i">💀</span>
</transition-group> </transition-group>
<Card :card="p.card" :class="{is_my_turn:p.is_my_turn}"/> <Card :card="p.card" :class="{is_my_turn:p.is_my_turn}"/>
<Card v-if="p.character" :card="p.character" class="character tiny-character"/> <Card v-if="p.character" :card="p.character" class="character tiny-character" @click.native="selectedInfo = p.character"/>
<tiny-hand :ncards="p.ncards" @click.native="drawFromPlayer(p.name)"/> <tiny-hand :ncards="p.ncards" @click.native="drawFromPlayer(p.name)"/>
<span style="position:absolute;top:0;" class="center-stuff">{{getActionEmoji(p)}}</span> <span style="position:absolute;top:0;" class="center-stuff">{{getActionEmoji(p)}}</span>
<div class="tiny-equipment"> <div class="tiny-equipment">
@ -28,6 +28,7 @@
</div> </div>
</div> </div>
<chat/> <chat/>
<Chooser v-if="selectedInfo" text="Dettagli" :cards="[selectedInfo]" cancelText="OK" :cancel="()=>{selectedInfo = null}"/>
<transition name="bounce"> <transition name="bounce">
<Chooser v-if="showChooser" text="Scegli il tuo personaggio" :cards="availableCharacters" :select="setCharacter"/> <Chooser v-if="showChooser" text="Scegli il tuo personaggio" :cards="availableCharacters" :select="setCharacter"/>
<Chooser v-if="hasToChoose" text="Scegli una carta" :cards="chooseCards" :select="chooseCard"/> <Chooser v-if="hasToChoose" text="Scegli una carta" :cards="chooseCards" :select="chooseCard"/>
@ -67,6 +68,7 @@ export default {
hasToChoose: false, hasToChoose: false,
chooseCards: [], chooseCards: [],
wantsToEndTurn: false, wantsToEndTurn: false,
selectedInfo: null,
}), }),
sockets: { sockets: {
room(data) { room(data) {

2
frontend/src/components/Player.vue
View File

@ -8,7 +8,7 @@
<Card v-if="character" :card="character" style="margin-left: -30pt;margin-right: 0pt;" <Card v-if="character" :card="character" style="margin-left: -30pt;margin-right: 0pt;"
@pointerenter.native="desc=character.desc" @pointerleave.native="desc=''"/> @pointerenter.native="desc=character.desc" @pointerleave.native="desc=''"/>
<transition-group name="list" tag="div" style="margin: 0 0 0 10pt; display:flex;"> <transition-group name="list" tag="div" style="margin: 0 0 0 10pt; display:flex;">
<Card v-for="card in equipment" v-bind:key="card.name+card.number" :card="card" /> <Card v-for="card in equipment" v-bind:key="card.name+card.number" :card="card" @pointerenter.native="desc=card.desc" @pointerleave.native="desc=''" />
</transition-group> </transition-group>
</div> </div>
<p v-if="desc">{{desc}}</p> <p v-if="desc">{{desc}}</p>