-
Notifications
You must be signed in to change notification settings - Fork 0
/
scripts.js
67 lines (61 loc) · 1.95 KB
/
scripts.js
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
65
66
67
const addCards = (items) => {
items.forEach(item => {
let itemToAppend = '<div class="col s4 center-align">' +
'<div class="card medium"><div class="card-image waves-effect waves-block waves-light"><img class="activator" src="' + item.path + '">' +
'</div><div class="card-content">' +
'<span class="card-title activator grey-text text-darken-4">' + item.title + '<i class="material-icons right">more_vert</i></span><p><a href="#">' + item.link + '</a></p></div>' +
'<div class="card-reveal">' +
'<span class="card-title grey-text text-darken-4">' + item.subTitle + '<i class="material-icons right">close</i></span>' +
'<p class="card-text">' + item.description + '</p>' +
'</div></div></div>';
$("#card-section").append(itemToAppend)
});
}
const formSumitted = () => {
let formData = {};
formData.title = $('#title').val();
formData.path = $('#path').val();
formData.subTitle = $('#subTitle').val();
formData.description = $('#description').val();
console.log(formData);
postCat(formData);
}
function postCat(cat) {
$.ajax({
url: '/api/cat',
type: 'POST',
data: cat,
success: (result) => {
if (result.statusCode === 201) {
alert('cat posted');
}
}
});
}
function getAllCats() {
$.get('/api/cat', (result) => {
if (result.statusCode === 200) {
addCards(result.data);
}
});
}
$(document).ready(function () {
$('.materialboxed').materialbox();
$('#formSubmit').click(() => {
formSumitted();
});
$('.modal').modal();
getAllCats();
});
function deleteCat(id) {
$.ajax({
url: '/api/cat/' + id,
type: 'DELETE',
success: (result) => {
if (result.statusCode === 200) {
alert('cat deleted');
getAllCats();
}
}
})
}