cynic
/
mlFE
mirror of https://github.com/kurisufriend/mlFE
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chapter list

Browse Source
main
cynic 4 years ago committed by GitHub
parent 3a67f2f60a
commit 1717272afc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 64 additions and 11 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 14
      index.html
  2. 51
      main.js

14
index.html
Unescape View File

@ -6,11 +6,25 @@ tr:nth-child(odd)
{ {
background-color: rgb(240, 240, 240); background-color: rgb(240, 240, 240);
} }
tr
{
border: 1px;
}
html
{
text-align: center;
}
#listing
{
margin-left: auto;
margin-right: auto;
}
</style> </style>
<script type="text/javascript" src="main.js"></script> <script type="text/javascript" src="main.js"></script>
<script> <script>
load(); load();
</script> </script>
<title id="pagetitle"></title>
</head> </head>
<body> <body>
<h1 id="title">loading...</h1> <h1 id="title">loading...</h1>

51
main.js
Unescape View File

@ -1,7 +1,6 @@
function parseinfo(info) function setheader(header)
{ {
document.getElementById("title").innerHTML = info["name"]; document.getElementById("title").innerHTML = header;
console.log(info);
} }
function loadmangos(info) function loadmangos(info)
{ {
@ -9,21 +8,61 @@ function loadmangos(info)
info.forEach(manga => info.forEach(manga =>
{ {
let row = listing.insertRow(-1); 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.innerHTML = manga["titles"][0];
title.link = window.location+"?id="+manga["id"]
let author = row.insertCell(-1); let author = row.insertCell(-1);
author.innerHTML = manga["author"]; author.innerHTML = manga["authors"][0];
let time = row.insertCell(-1); let time = row.insertCell(-1);
time.innerHTML = new Date(manga["last_updated"]).toLocaleDateString("en-US"); time.innerHTML = new Date(manga["last_updated"]).toLocaleDateString("en-US");
}); });
console.log(info); 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") function load(url = "https://test.cynic.moe")
{
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") fetch(url+"/info")
.then(response => response.json()) .then(response => response.json())
.then(data => parseinfo(data)); .then(data => setheader(data["name"]+" v"+data["version"]));
fetch(url+"/manga/search?sort") fetch(url+"/manga/search?sort")
.then(response => response.json()) .then(response => response.json())
.then(data => loadmangos(data)); .then(data => loadmangos(data));
} }
}
Write Preview
Loading…
Cancel
Save