X-Git-Url: https://git.auder.net/img/rock_paper_scissors_lizard_spock.gif?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FMyGames.vue;h=3d86636ff3603c9e143eb19a5ee699123a1a2242;hb=a57faf48c575029ecbba41de0f87bfe11d8c4e4b;hp=9e58cfd5cba9708b17155cebd98670d7fd87a22b;hpb=9ddaf8da8743c50b9019888a82d84392913c60c9;p=vchess.git
diff --git a/client/src/views/MyGames.vue b/client/src/views/MyGames.vue
index 9e58cfd5..3d86636f 100644
--- a/client/src/views/MyGames.vue
+++ b/client/src/views/MyGames.vue
@@ -3,57 +3,433 @@ 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'") {{ st.tr["Live games"] }}
- button(@click="display='corr'") {{ st.tr["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["Correspondence games"] }}
+ button.tabbtn#importGames(@click="setDisplay('import',$event)")
+ | {{ st.tr["Imported games"] }}
+ GameList(
+ ref="livegames"
+ v-show="display=='live'"
+ :games="liveGames"
+ @show-game="showGame"
+ @abortgame="abortGame"
+ )
+ GameList(
+ v-show="display=='corr'"
+ ref="corrgames"
+ :games="corrGames"
+ @show-game="showGame"
+ @abortgame="abortGame"
+ )
+ UploadGame(
+ v-show="display=='import'"
+ @game-uploaded="addGameImport"
+ )
+ GameList(
+ v-show="display=='import'"
+ ref="importgames"
+ :games="importGames"
+ :show-both="true"
+ @show-game="showGame"
+ )
+ button#loadMoreBtn(
+ v-show="hasMore[display]"
+ @click="loadMore(display)"
+ )
+ | {{ st.tr["Load more"] }}
+
+
+
+
+