blob: 2ec1af2f23b8b24806745907fd6da42fc728f7be (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
function create() {
this.ready = false;
fetch('/v1/button', {method: 'POST'}).then(response => {
if (response.ok) {
response.json().then(button => {
this.buttons.push(button);
this.ready = true;
});
}
});
}
function update(index) {
var button = this.buttons[index];
this.ready = false;
var payload = new FormData();
payload.append('id', button.id);
payload.append('status', button.status);
fetch('/v1/button/', {
method: 'PUT',
body: payload
}).then(response => {
this.ready = true;
})
};
function remove(index) {
var button = this.buttons[index];
this.ready = false;
fetch('/v1/button/' + button.id, {method: 'DELETE'}).then(response => {
if (response.ok) {
response.json().then(ok => {
this.buttons.splice(index, 1);
this.ready = true;
});
}
});
}
const $app = new Vue({
el: '#container',
data: {
ready: false,
buttons: []
},
methods: {
create,
remove,
update
}
});
// GET /button
fetch('/v1/button').then(response => {
if (response.ok) {
response.json().then(buttons => {
$app.buttons = buttons;
$app.ready = true;
})
}
});
|