47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
function parseDate(date) {
|
|
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
|
|
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
|
|
|
return months[date.getUTCMonth()] + ' ' + date.getUTCDate() + ', ' + date.getUTCFullYear() + ' ' + date.toLocaleTimeString();
|
|
}
|
|
|
|
function parseUser(user) {
|
|
const html = `
|
|
<a class="person" href="/profile?id=${user.id}">
|
|
<div class="profile">
|
|
|
|
</div>
|
|
<div class="info">
|
|
<span class="bold ltext">${user.first + ' ' + user.last}</span>
|
|
<span class="gtext">Joined ${parseDate(new Date(user.date))}</span>
|
|
<span class="gtext">Gender: ${user.gender}</span>
|
|
<span class="gtext">Birthday: ${user.month + ' ' + user.day + ', ' + user.year}</span>
|
|
</div>
|
|
</a>
|
|
`
|
|
return html
|
|
}
|
|
|
|
function render() {
|
|
const html = `
|
|
<div id="users">
|
|
${data.users.map(u => parseUser(u)).join('')}
|
|
</div>
|
|
`
|
|
|
|
add(html, 'usres')
|
|
}
|
|
|
|
var data = {
|
|
users: []
|
|
}
|
|
|
|
async function load() {
|
|
const users = (await loadallusers()).json
|
|
console.log(users)
|
|
data.users = users
|
|
render()
|
|
}
|
|
|
|
header(false, true)
|
|
load() |