mirror of https://github.com/kurisufriend/frontend
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
3.2 KiB
98 lines
3.2 KiB
// ----------------------------------------------------------------
|
|
// Fetch metadata and create a table
|
|
// ----------------------------------------------------------------
|
|
|
|
function load_titles(remote) {
|
|
base = remote;
|
|
remote = remote+"/manga/search?sort";
|
|
fetch(remote)
|
|
.then(res => res.json())
|
|
.then(function (res) {
|
|
var table = document.querySelector("#title_list #table tbody");
|
|
res.forEach(manga => {
|
|
//row 1
|
|
var first_row = table.insertRow(-1);
|
|
first_row.className = "first_row";
|
|
table.appendChild(first_row);
|
|
|
|
//thumbnail
|
|
let thumb = first_row.insertCell(-1);
|
|
thumb.rowSpan = "2";
|
|
thumb.className = "thumbnail"
|
|
thumb.appendChild(Object.assign(
|
|
document.createElement("a"),
|
|
{href: "/title.html?id="+manga["id"]}
|
|
))
|
|
.appendChild(Object.assign(
|
|
document.createElement("img"),
|
|
{className: "thumbnail", src: base+"/thumbnail/"+manga["id"]+".webp"}
|
|
));
|
|
//title
|
|
let title = first_row.insertCell(-1);
|
|
title.className = "stretch";
|
|
title.appendChild(Object.assign(
|
|
document.createElement("a"),
|
|
{href: "/title.html?id="+manga["id"]}
|
|
))
|
|
.appendChild(Object.assign(
|
|
document.createElement("b"),
|
|
{textContent: manga["titles"][0]}
|
|
));
|
|
|
|
//artist
|
|
first_row.insertCell(-1)
|
|
.textContent = manga["artists"][0];
|
|
//status
|
|
first_row.insertCell(-1)
|
|
.textContent = manga["publication_status"];
|
|
|
|
//chapters
|
|
first_row.insertCell(-1)
|
|
.textContent = "";
|
|
|
|
//timestamp
|
|
first_row.insertCell(-1)
|
|
.textContent = "";
|
|
|
|
//row 2
|
|
var second_row = table.insertRow(-1);
|
|
second_row.className = "second_row";
|
|
|
|
//tags
|
|
var tag_cell = second_row.insertCell(-1);
|
|
manga["genres"].forEach(tag => {
|
|
tag_cell.appendChild(Object.assign(
|
|
document.createElement("span"),
|
|
{className: "tag", textContent: tag}
|
|
));
|
|
});
|
|
|
|
//author
|
|
second_row.insertCell(-1)
|
|
.textContent = manga["authors"][0];
|
|
|
|
//filler
|
|
let filler = second_row.insertCell(-1);
|
|
filler.colSpan = "2"
|
|
filler.appendChild(Object.assign(
|
|
document.createElement("a"),
|
|
{href: "https://mangaupdates.com/series.html?id=" + manga["mangaupdates_id"]}
|
|
))
|
|
.appendChild(Object.assign(
|
|
document.createElement("img"),
|
|
{src: "img/mangaupdates.ico"}
|
|
));
|
|
|
|
//time since last update
|
|
second_row.insertCell(-1)
|
|
.textContent = Math.floor(((Date.now()/1000) - manga["last_updated"])/3600).toString() + " hours ago";
|
|
});
|
|
});
|
|
}
|
|
|
|
function rm_titles() {
|
|
var par = document.querySelector("#title_list #table tbody");
|
|
while(par.firstChild()){
|
|
par.removeChild(par.firstChild());
|
|
}
|
|
}
|
|
|