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