sorting by 'number' @ TIMELINE page

This commit is contained in:
Dooho Yi 2021-11-23 12:33:21 +00:00
parent 2afcdb5e3e
commit 27e21be5a3

View file

@ -13,26 +13,56 @@ ed_resquest.onload = function() {
event_list = ed_resquest.response;
console.log(event_list)
for (let key in event_list){
console.log(key);
// for (let key in event_list){
// console.log(key);
// convert date format( `.` -> `/` )
let event = event_list[key];
let date = event.date.split('.');
date.pop();
let date_str = date.join(' /');
let row = document.createElement('div');
row.classList.add("event_row")
row.innerHTML = `${date_str}    #${key} ${event.title}`
let link = document.createElement('a');
link.href = `${key}/`
link.appendChild(row)
document.getElementById("about_wrapper").appendChild(link);
// TODO: add hover effect
// TODO: add
}
// // convert date format( `.` -> `/` )
// let event = event_list[key];
// let date = event.date.split('.');
// date.pop();
// let date_str = date.join(' /');
// let row = document.createElement('div');
// row.classList.add("event_row")
// row.innerHTML = `${date_str}    #${key} ${event.title}`
// let link = document.createElement('a');
// link.href = `${key}/`
// link.appendChild(row)
// document.getElementById("about_wrapper").appendChild(link);
// // TODO: add hover effect
// // TODO: add
// }
Object.entries(event_list)
.sort(function(a, b) {
return a[1].number > b[1].number
})
.forEach(function(item) {
console.log(item);
//
let key = item[0];
let event = item[1];
// convert date format( `.` -> `/` )
let date = event.date.split('.');
date.pop();
let date_str = date.join(' /');
let row = document.createElement('div');
row.classList.add("event_row")
row.innerHTML = `${date_str}    #${key} ${event.title}`
let link = document.createElement('a');
link.href = `${key}/`
link.appendChild(row)
document.getElementById("about_wrapper").appendChild(link);
// TODO: add hover effect
// TODO: add
})
}