garrettmills/eecs448-project-4
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add logic for saving draft picks to team and fetching draft & team from server for frontend

Browse Source
This commit is contained in:
Garrett Mills
2020-11-05 21:53:35 -06:00
parent fc5b90a938
commit a207cd0a11
6 changed files with 102 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/pages/DraftBoard.component.js
View File

@@ -1,6 +1,7 @@
import {Component} from '../../../lib/vues6.js'
import {fake_players} from '../../module/fake_data.js'
import {GridCellRenderType} from '../Grid.component.js'
import {api} from '../../module/api.js'
import {clone} from '../../module/util.js'
const template = `
@@ -45,7 +46,7 @@ class DraftBoardComponent extends Component {
renderer: (_, data) => `
<div class="center">
<img src="${data.image}" alt="${data.name}" height="50" style="border-radius: 50%">
<span>${data.name}</span>
<span>${data.name} (#${data.number})</span>
</div>
`,
}
@@ -61,7 +62,7 @@ class DraftBoardComponent extends Component {
renderer: (_, data) => `
<div class="center">
<img src="${data.image}" alt="${data.name}" height="50" style="border-radius: 50%">
<span>${data.name}</span>
<span>${data.name} (#${data.number})</span>
</div>
`,
},
@@ -111,14 +112,18 @@ class DraftBoardComponent extends Component {
button_hidden: (row, col) => this.top_picks.includes(row),
on_click: (row, col) => {
this.top_picks.push(row);
api.draft_player(row.id).then(() => {
});
},
},
]
data = clone(fake_players)
data = []
async vue_on_create() {
this.top_picks = await api.get_my_team_players()
this.data = await api.get_available_draft_players()
}
}

8
frontend/src/module/api.js
View File

@@ -3,6 +3,14 @@ class API {
this.base_url = APP_BASE_PATH.replace('/app/', '/api/v1/')
}
async get_available_draft_players() {
return this.get_request('draft-board/available')
}
async draft_player(player_id) {
return this.post_request('draft-board/draft-player', { player_id })
}
async save_my_team(team_data) {
return this.post_request('my-team', team_data)
}