From 1717272afc8a51a69a443fa8f799547da69f2cf8 Mon Sep 17 00:00:00 2001 From: cynic Date: Thu, 29 Apr 2021 12:47:27 -0400 Subject: [PATCH] chapter list --- index.html | 14 +++++++++++++ main.js | 61 ++++++++++++++++++++++++++++++++++++++++++++---------- 2 files changed, 64 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index c1576db..438821f 100644 --- a/index.html +++ b/index.html @@ -6,11 +6,25 @@ tr:nth-child(odd) { background-color: rgb(240, 240, 240); } +tr +{ + border: 1px; +} +html +{ + text-align: center; +} +#listing +{ + margin-left: auto; + margin-right: auto; +} +

loading...

diff --git a/main.js b/main.js index 32bfe48..b9b86ed 100644 --- a/main.js +++ b/main.js @@ -1,7 +1,6 @@ -function parseinfo(info) +function setheader(header) { - document.getElementById("title").innerHTML = info["name"]; - console.log(info); + document.getElementById("title").innerHTML = header; } function loadmangos(info) { @@ -9,21 +8,61 @@ function loadmangos(info) info.forEach(manga => { let row = listing.insertRow(-1); - let title = row.insertCell(-1); + let title = row.insertCell(-1).appendChild(); + let link = document.createElement("a"); + link.setAttribute("href", "http://www.microsoft.com") title.innerHTML = manga["titles"][0]; + title.link = window.location+"?id="+manga["id"] let author = row.insertCell(-1); - author.innerHTML = manga["author"]; + author.innerHTML = manga["authors"][0]; let time = row.insertCell(-1); time.innerHTML = new Date(manga["last_updated"]).toLocaleDateString("en-US"); }); console.log(info); } +function loadchapters(manga, chapters) +{ + if (manga) + { + setheader(manga["titles"][0]); + } + if (chapters) + { + console.log(chapters); + let listing = document.getElementById("listing"); + chapters.forEach(chapter => + { + let row = listing.insertRow(-1); + let title = row.insertCell(-1); + title.innerHTML = chapter["title"]; + let author = row.insertCell(-1); + author.innerHTML = "abcd"; + let time = row.insertCell(-1); + time.innerHTML = chapter["page_count"]; + }); + } +} function load(url = "https://test.cynic.moe") { - fetch(url+"/info") - .then(response => response.json()) - .then(data => parseinfo(data)); - fetch(url+"/manga/search?sort") - .then(response => response.json()) - .then(data => loadmangos(data)); + let qs = new URLSearchParams(window.location.search); + let id = qs.get("id"); + if (id) + { + let manga, chapters; + fetch(url+"/manga/from_id?id="+id) + .then(response => response.json()) + .then(data => loadchapters(data, null)); + fetch(url+"/manga/get_chapters?id="+id) + .then(response => response.json()) + .then(data => loadchapters(null, data)); + } + else + { + fetch(url+"/info") + .then(response => response.json()) + .then(data => setheader(data["name"]+" v"+data["version"])); + fetch(url+"/manga/search?sort") + .then(response => response.json()) + .then(data => loadmangos(data)); + } } \ No newline at end of file