X-Git-Url: https://git.auder.net/variants/%24%7Bobj.vname%7D/style.css?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FMyGames.vue;h=1f1da59e26875abbd12ba4bedc8b7a0e35a9c161;hb=f14572c4a22425033735253eabbaa2d8dbb53d05;hp=0973d32c25ae0a68ab5e48ea9a1f692f5714e0fd;hpb=dac395887d96e2d642b209c6db6aaacc3ffacb34;p=vchess.git
diff --git a/client/src/views/MyGames.vue b/client/src/views/MyGames.vue
index 0973d32c..1f1da59e 100644
--- a/client/src/views/MyGames.vue
+++ b/client/src/views/MyGames.vue
@@ -3,58 +3,328 @@ main
.row
.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
.button-group
- button(@click="display='live'") Live games
- button(@click="display='corr'") Correspondance games
- GameList(v-show="display=='live'" :games="filterGames('live')"
- @show-game="showGame")
- GameList(v-show="display=='corr'" :games="filterGames('corr')"
- @show-game="showGame")
+ button.tabbtn#liveGames(@click="setDisplay('live',$event)")
+ | {{ st.tr["Live games"] }}
+ button.tabbtn#corrGames(@click="setDisplay('corr',$event)")
+ | {{ st.tr["Correspondance games"] }}
+ GameList(
+ ref="livegames"
+ v-show="display=='live'"
+ :games="liveGames"
+ @show-game="showGame"
+ @abortgame="abortGame"
+ )
+ div(v-show="display=='corr'")
+ GameList(
+ ref="corrgames"
+ :games="corrGames"
+ @show-game="showGame"
+ @abortgame="abortGame"
+ )
+ button#loadMoreBtn(
+ v-if="hasMore"
+ @click="loadMore()"
+ )
+ | {{ st.tr["Load more"] }}
+
+