projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Will remove Welcome div, finally
[vchess.git]
/
client
/
src
/
components
/
GameList.vue
diff --git
a/client/src/components/GameList.vue
b/client/src/components/GameList.vue
index
2435930
..
1e31e73
100644
(file)
--- a/
client/src/components/GameList.vue
+++ b/
client/src/components/GameList.vue
@@
-15,12
+15,13
@@
div
td(data-label="White") {{ g.players[0].name || "@nonymous" }}
td(data-label="Black") {{ g.players[1].name || "@nonymous" }}
td(data-label="Time control") {{ g.cadence }}
td(data-label="White") {{ g.players[0].name || "@nonymous" }}
td(data-label="Black") {{ g.players[1].name || "@nonymous" }}
td(data-label="Time control") {{ g.cadence }}
- td(data-label="Result") {{ g.score }}
+ td(data-label="Result" :class="{finished: g.score!='*'}" @click="deleteGame(g,$event)")
+ | {{ g.score }}
</template>
<script>
import { store } from "@/store";
</template>
<script>
import { store } from "@/store";
-
+import { GameStorage } from "@/utils/gameStorage";
export default {
name: "my-game-list",
props: ["games"],
export default {
name: "my-game-list",
props: ["games"],
@@
-55,6
+56,16
@@
export default {
return augmentedGames.sort((g1,g2) => { return g2.priority - g1.priority; });
},
},
return augmentedGames.sort((g1,g2) => { return g2.priority - g1.priority; });
},
},
+ methods: {
+ deleteGame: function(game, e) {
+ if (game.score != "*")
+ {
+ if (confirm(this.st.tr["Remove game?"]))
+ GameStorage.remove(game.id);
+ e.stopPropagation();
+ }
+ },
+ },
};
</script>
};
</script>
@@
-62,4
+73,6
@@
export default {
// TODO: understand why the style applied to <tr> element doesn't work
tr.my-turn > td
background-color: #fcd785
// TODO: understand why the style applied to <tr> element doesn't work
tr.my-turn > td
background-color: #fcd785
+tr td.finished
+ background-color: #f5b7b1
</style>
</style>