-
Notifications
You must be signed in to change notification settings - Fork 35
/
clans.js
41 lines (38 loc) · 1.34 KB
/
clans.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
import { DataTable } from 'simple-datatables'
import axios from 'axios'
import 'simple-datatables/dist/style.css'
axios
.get('/data/clans.json')
.then((response) => {
document.querySelector('.spinner').remove()
const dataTable = new DataTable('#clan-table', {
perPageSelect: null,
data: {
headings: ['TAG', 'NAME', 'LEADER', 'POPULATION'],
data: response.data.map((item) => {
return [
item.tag,
item.name,
item.leaderName,
item.population,
]
}),
},
})
dataTable.on('datatable.selectrow', (rowIndex, event) => {
if (typeof rowIndex === 'number') {
event.preventDefault()
window.location.href =
'/clans/view/' + response.data[rowIndex].id
}
})
})
.catch((error) => {
document.querySelector('.spinner').remove()
const header = document.querySelector('h1')
const errorElement = document.createElement('h2')
errorElement.textContent =
'Failed to load clans. Please try again later'
console.error(error)
header.insertAdjacentElement('afterend', errorElement)
})