added instance addr cookie

about.html

@@ -17,9 +17,29 @@
     </div>
 
     <div id="content">
+	<div style="position:relative;top:20px;">
+		<p>Instance address:</p>
+		<input style="width:500px" id="address" placeholder="test.cynic.moe"></input>
+		<button onclick="update_address()">Update</button>
+		<button onclick="clear_instance()">Default</button>
+		<p>Current: </p><p id="instance_addr"></p>
+	</div>
         <div id="footer">
         </div>
     </div>
 
+    <script type="text/javascript" src="js/cookie.js"></script>
+    <script>
+	document.onreadystatechange = function () {
+	    var addr = get_instance(); 
+	    document.getElementById("instance_addr").innerHTML = addr;
+	}
+	function update_address() {
+	    var addr = document.getElementById("address").value;
+	    set_instance(addr);
+	    console.log(addr);
+	}
+    </script>
+
 </body>
 </html>

catalog.html

@@ -41,8 +41,15 @@
     </div>
 
     <script type="text/javascript" src="js/title_list.js"></script>
+    <script type="text/javascript" src="js/cookie.js"></script>
     <script>
-        document.onreadystatechange = load_titles("https://amangathing.ddns.net/instance/manga/search?title=a");
+	    document.onreadystatechange = function () {
+		if(document.readyState == "interactive") {
+		    var addr = get_instance();
+		    console.log("loading from "+addr);
+		    load_titles("https://"+addr);
+		}
+	    }
     </script>
 </body>
 </html>

css/stylesheet.css

@@ -15,6 +15,8 @@ button {
     border: none;
     padding-left: 1em;
     padding-right: 1em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
     border-radius: 1em;
     vertical-align: center;
     outline: none;

js/cookie.js

@@ -0,0 +1,17 @@
+function get_instance() {
+    var addr = "test.cynic.moe";
+    var cookie = document.cookie;
+    if(cookie != "") {
+	 addr = decodeURIComponent(cookie).split(";")[0].split("=")[1];
+    }
+    return addr;
+}
+
+function set_instance(addr) {
+    var str = "Instance="+addr+"; SameSite=Lax;";
+    document.cookie = str;
+}
+
+function clear_instance() {
+    document.cookie = "Instance=test.cynic.moe; SameSite=Lax;";
+}

js/reader.js

@@ -181,7 +181,7 @@ document.querySelector("#titlebar_container").addEventListener("mouseleave", fun
 // parse metadata
 // ---------------------------------------------------------
 
-function load_pages() {
+function load_pages(remote) {
     if(url.searchParams.has("cid")){
         cid = url.searchParams.get("cid");
         if(cid == ""){
@@ -204,7 +204,7 @@ function load_pages() {
         for (var i = 1; i <= pageNo; i++) {
             pageView.appendChild(Object.assign(
                 document.createElement("img"),
-                {draggable: "false", src: `https://amangathing.ddns.net/ipfs/${cid}/${i}.webp`, id: `image${i}`, visibility: "hidden"}
+                {draggable: "false", src: `https://ipfs.cynic.moe/ipfs/${cid}/${i}.webp`, id: `image${i}`, visibility: "hidden"}
             ));
         }
 

js/title_list.js

@@ -3,9 +3,8 @@
 // ----------------------------------------------------------------
 
 function load_titles(remote) {
-    if(remote == ""){
-        return;
-    }
+    base = remote;
+    remote = remote+"/manga/search?title=";
     fetch(remote)
     .then(res => res.json())
     .then(function (res) {
@@ -27,7 +26,7 @@ function load_titles(remote) {
             ))
             .appendChild(Object.assign(
                 document.createElement("img"),
-                {className: "thumbnail", src: "/instance/thumbnail/"+manga["id"]+".webp"}
+                {className: "thumbnail", src: base+"/thumbnail/"+manga["id"]+".webp"}
             ));
             //title
             first_row.appendChild(Object.assign(

reader.html

@@ -44,10 +44,11 @@
         <script type="text/javascript" src="js/reader.js"></script>
         <script>
             document.onreadystatechange = function () {
-                            if(document.readyState == "interactive"){
-                                load_pages();
-                            }
-                        };
+                if(document.readyState == "interactive"){
+		    var addr = decodeURIComponent(document.cookie).split(";")[0].split("=")[1];
+                    load_pages("https://"+addr);
+                }
+            }
         </script>
     </body>
 </html>

search.html

@@ -75,10 +75,11 @@
     <script>
         document.onreadystatechange = function () {
 		if(document.readyState == "interactive") {
-			console.log("on load");
-			load_titles("https://amangathing.ddns.net/instance/manga/search"+window.location.search);
-			document.querySelector("#title_list").style.visibility = "visible";
-			document.querySelector("#label").textContent = "Result";
+		    var addr = decodeURIComponent(document.cookie).split(";")[0].split("=")[1];
+		    console.log("loading from "+addr);
+		    load_titles("https://"+addr+"/manga/search"+window.location.search);
+		    document.querySelector("#title_list").style.visibility = "visible";
+		    document.querySelector("#label").textContent = "Result";
 		}
         }
     </script>

title.html

@@ -48,8 +48,15 @@
     </div>
 
     <script type="text/javascript" src="js/chapter_list.js"></script>
+    <script type="text/javascript" src="js/cookie.js"></script>
     <script>
-        document.onreadystatechange = load("https://amangathing.ddns.net/instance");
+	document.onreadystatechange = function () {
+	    if(document.readyState == "interactive") {
+		    var addr = get_instance();
+		    console.log("loading from "+addr);
+	    	load("https://"+addr);
+	    }
+	}
     </script>
 </body>
 </html>