Everything implemented. A lot still untested

[vchess.git] / client / src / views / MyGames.vue

diff --git a/client/src/views/MyGames.vue b/client/src/views/MyGames.vue
index d601bf0..1ca9411 100644 (file)
--- a/client/src/views/MyGames.vue
+++ b/client/src/views/MyGames.vue
@@ -3,8 +3,8 @@ 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
+        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')"
@@ -12,14 +12,11 @@ main
 </template>
 
 <script>
-// TODO: background orange si à moi de jouer
-// (helper: static fonction "GetNextCol()" dans base_rules.js)
-// use GameStorage.getAll()
-
 import { store } from "@/store";
 import { GameStorage } from "@/utils/gameStorage";
 import { ajax } from "@/utils/ajax";
 import GameList from "@/components/GameList.vue";
+
 export default {
   name: "my-games",
   components: {
@@ -28,14 +25,15 @@ export default {
   data: function() {
     return {
       st: store.state,
-                       display: "live",
+      display: "live",
       games: [],
     };
   },
   created: function() {
     GameStorage.getAll((localGames) => {
       localGames.forEach((g) => g.type = this.classifyObject(g));
-      Array.prototype.push.apply(this.games, localGames);
+      //Array.prototype.push.apply(this.games, localGames); //TODO: Vue 3
+      this.games = this.games.concat(localGames);
     });
     if (this.st.user.id > 0)
     {
@@ -55,14 +53,8 @@ export default {
       return this.games.filter(g => g.type == type);
     },
     showGame: function(g) {
-      // NOTE: we play in this game, since this is "MyGames" page
       this.$router.push("/game/" + g.id);
     },
   },
 };
 </script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="sass">
-/* TODO */
-</style>