summaryrefslogtreecommitdiff
path: root/src/web/app/common/views/components/othello.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/web/app/common/views/components/othello.vue')
-rw-r--r--src/web/app/common/views/components/othello.vue10
1 files changed, 8 insertions, 2 deletions
diff --git a/src/web/app/common/views/components/othello.vue b/src/web/app/common/views/components/othello.vue
index f409f162f6..326a8d80cc 100644
--- a/src/web/app/common/views/components/othello.vue
+++ b/src/web/app/common/views/components/othello.vue
@@ -43,11 +43,17 @@
<img :src="`${g.black_user.avatar_url}?thumbnail&size=32`" alt="">
<img :src="`${g.white_user.avatar_url}?thumbnail&size=32`" alt="">
<span><b>{{ g.black_user.name }}</b> vs <b>{{ g.white_user.name }}</b></span>
- <span class="state">{{ g.winner ? '終了' : '進行中' }}</span>
+ <span class="state">{{ g.is_ended ? '終了' : '進行中' }}</span>
</div>
</section>
- <section>
+ <section v-if="games.length > 0">
<h2>みんなの対局</h2>
+ <div class="game" v-for="g in games" tabindex="-1" @click="game = g">
+ <img :src="`${g.black_user.avatar_url}?thumbnail&size=32`" alt="">
+ <img :src="`${g.white_user.avatar_url}?thumbnail&size=32`" alt="">
+ <span><b>{{ g.black_user.name }}</b> vs <b>{{ g.white_user.name }}</b></span>
+ <span class="state">{{ g.is_ended ? '終了' : '進行中' }}</span>
+ </div>
</section>
</div>
</div>