get page number dynamically

zhetic-poc/db.json

@@ -1,5 +1,5 @@
 [
-    { "id" : "0", "title" : "Boku no Kokoro no Yabai Yatsu", "cid" : "bafybeihnoou2av5w2bzmwkl6hi25scyzz6sjwdfqp4cwq2ikf6dfmev3ta", "pageNo" : "18" },
-    { "id" : "1", "title" : "Otoyomegatari", "cid" : "bafybeigfivshobq4h5x5qwmttgqimaufmcjl6hpjcrsedj7wxxduphp7g4", "pageNo" : "39" },
-    { "id" : "2", "title" : "Spy X Family", "cid" : "bafybeibgnpbredeofwp364qomqpth55a6ui3oiy2ucm35fo3eimquoeob4", "pageNo" : "71" }
+    { "id" : "0", "title" : "Boku no Kokoro no Yabai Yatsu", "cid" : "bafybeihnoou2av5w2bzmwkl6hi25scyzz6sjwdfqp4cwq2ikf6dfmev3ta"},
+    { "id" : "1", "title" : "Otoyomegatari", "cid" : "bafybeigfivshobq4h5x5qwmttgqimaufmcjl6hpjcrsedj7wxxduphp7g4"},
+    { "id" : "2", "title" : "Spy X Family", "cid" : "bafybeibgnpbredeofwp364qomqpth55a6ui3oiy2ucm35fo3eimquoeob4"}
 ]

zhetic-poc/js/reader.js

@@ -103,24 +103,25 @@ $(document).ready(function () {
         url: "/db.json",
         headers: { "Accept": "application/json"},
         success: function (res) {
+            pageNo = 0;
             $.ajax({
                 dataType: "json",
-                url: "https://"+domain+"/db.json",
+                url: "http://ipfs.io/api/v0/ls/"+res[id]["cid"],
                 headers: { "Accept": "application/json"},
-                success: function (res) {
+                success: function (r) {
+                    pageNo = r["Objects"][0]["Links"].length;
+                    title = res[id]["title"];
+                    cid = res[id]["cid"];
+                    $("#pageCounter").html(`${pageCurrent}/${pageNo}`);
+                    $("#titlebarText").html(`${title}`);
+                    $("title").html(`${title}`);
+                    for (let i = 1; i <= pageNo; i++) {
+                        $("#pageView").append(`<img draggable="false" class="imageView" id="image${i}" src="https://ipfs.io/ipfs/${cid}/${i}.jpg">`);
+                        $(`#image${i}`).hide();
+                    }
+                    loadPage();
                 }
             });
-            pageNo = res[id]["pageNo"];
-            title = res[id]["title"];
-            cid = res[id]["cid"];
-            $("#pageCounter").html(`${pageCurrent}/${pageNo}`);
-            $("#titlebarText").html(`${title}`);
-            $("title").html(`${title}`);
-            for (let i = 1; i <= pageNo; i++) {
-                $("#pageView").append(`<img draggable="false" class="imageView" id="image${i}" src="https://ipfs.io/ipfs/${cid}/${i}.jpg">`);
-                $(`#image${i}`).hide();
-            }
-            loadPage();
         }
     });