From cf7c147b694fad3af1205a8973750ee134350413 Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Fri, 21 May 2021 16:37:02 +0200
Subject: [PATCH] titles

---
 .gitignore                                 |  1 +
 src/pages/[manga]/[chapter]/_layout.svelte | 20 +++++++++++++++++
 src/pages/[manga]/index.svelte             | 25 ++++++++++++++++------
 src/pages/index.svelte                     |  4 ++++
 4 files changed, 44 insertions(+), 6 deletions(-)
 create mode 100644 src/pages/[manga]/[chapter]/_layout.svelte

diff --git a/.gitignore b/.gitignore
index da93220..068df95 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 /public/build/
 
 .DS_Store
+.routify
\ No newline at end of file
diff --git a/src/pages/[manga]/[chapter]/_layout.svelte b/src/pages/[manga]/[chapter]/_layout.svelte
new file mode 100644
index 0000000..257c174
--- /dev/null
+++ b/src/pages/[manga]/[chapter]/_layout.svelte
@@ -0,0 +1,20 @@
+<script>
+    export var scoped;
+    export var chapter;
+
+    var mangaId = scoped.id;
+    $: mangaId = scoped.id;
+    var manga = scoped.manga;
+    $: manga = scoped.manga;
+
+    function getChapter(id) {
+        const data = request("chapter/" + id);
+        console.log(data);
+        return data;
+    }
+
+    var chapterData = getchapter(chapter);
+    $: chapterData = getChapter(chapter);
+</script>
+
+<slot scoped={({ manga, mangaId, id: chapter, chapter: chapterData })} />
\ No newline at end of file
diff --git a/src/pages/[manga]/index.svelte b/src/pages/[manga]/index.svelte
index f8e57d9..c657fff 100644
--- a/src/pages/[manga]/index.svelte
+++ b/src/pages/[manga]/index.svelte
@@ -1,5 +1,6 @@
 <script>
-    import request from "../../util/request";
+    import { title } from "process";
+import request from "../../util/request";
 
     export var scoped;
 
@@ -8,8 +9,10 @@
     var manga = scoped.manga;
     $: manga = scoped.manga;
 
-    function getMangaChapters(id) {
-        return request("manga/" + id + "/feed");
+    async function getMangaChapters(id) {
+        const data = await request("manga/" + id + "/feed");
+        data.results.sort((a, b) => a.data.attributes.chapter - b.data.attributes.chapter);
+        return data;
     }
 
     var chapters = getMangaChapters(mangaId);
@@ -19,16 +22,26 @@
     console.log(chapters);
 </script>
 
+<svelte:head>
+    <title>Chapters of {manga.title.en}</title>
+</svelte:head>
+
 <main>
     <h1>{manga.title.en}</h1>
 
     {#await chapters}
         Loading chapters...
     {:then chapters}
-        <ol>
+        <ol class="hide-nums">
            {#each chapters.results as chapter} 
-                <li>{chapter.data.attributes.title}</li>
+                <li>{chapter.data.attributes.volume ? "Vol " + chapter.data.attributes.volume : ""} Chapter {chapter.data.attributes.chapter} {chapter.data.attributes.title}</li>
            {/each}
         </ol>
     {/await}
-</main>
\ No newline at end of file
+</main>
+
+<style>
+    .hide-nums {
+        list-style-type: disc;
+    }
+</style>
\ No newline at end of file
diff --git a/src/pages/index.svelte b/src/pages/index.svelte
index bd33319..4c19520 100644
--- a/src/pages/index.svelte
+++ b/src/pages/index.svelte
@@ -27,6 +27,10 @@
 	$: result.then(console.log);
 </script>
 
+<svelte:head>
+	<title>Mangadex search</title>
+</svelte:head>
+
 <main>
 
 	<h1>MANGADEX</h1>