Commit | Line | Data |
---|---|---|
8d61fc4a BA |
1 | <template> |
2 | <div class="about"> | |
3 | <h1>This is an about page</h1> | |
4 | </div> | |
5 | </template> | |
60d9063f BA |
6 | // "My" games: tabs my archived local games, my correspondance games |
7 | // + my imported games (of any type). | |
8 | // TODO: later, also add possibility to upload a game (parse PGN). | |
9 | Vue.component("my-tab-games", { | |
10 | props: ["settings"], | |
11 | data: function() { | |
12 | return { | |
13 | display: "", | |
14 | imported: [], | |
15 | local: [], | |
16 | corr: [] | |
17 | }; | |
18 | }, | |
19 | template: ` | |
20 | <div> | |
21 | <div class="button-group"> | |
22 | <button @click="display='local'">Local games</button> | |
23 | <button @click="display='corr'">Correspondance games</button> | |
24 | <button @click="display='imported'">Imported games</button> | |
25 | </div> | |
26 | <my-game-list v-show="display=='local'" :games="local"> | |
27 | </my-game-list> | |
28 | <my-game-list v-show="display=='corr'" :games="corr"> | |
29 | </my-game-list> | |
30 | <my-game-list v-show="display=='imported'" :games="imported"> | |
31 | </my-game-list> | |
badeb466 | 32 | <button @click="update">Refresh</button> |
60d9063f BA |
33 | </div> |
34 | `, | |
35 | created: function() { | |
36 | // TODO: fetch corr games, local and corr | |
37 | // if any corr game where it's my turn, set display = "corr", | |
38 | // else set display = "local" (if any) or imported (if any and no local) | |
39 | }, | |
40 | methods: { | |
41 | update: function() { | |
42 | // TODO: scan local + imported games, if any new then add it | |
43 | }, | |
44 | }, | |
45 | }); |