From 4f51f408a1f5927d357894f83f2c346819236b75 Mon Sep 17 00:00:00 2001
From: James Harris <wopian@wopian.me>
Date: Mon, 3 Aug 2020 22:07:20 +0100
Subject: [PATCH] feat: add first/last buttons

---
 index.html | 38 ++++++++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 7d68515..b78bed1 100644
--- a/index.html
+++ b/index.html
@@ -7,32 +7,48 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <script>
+      const COMANCHE055 = "Comanche055";
+      const LUMINARY099 = "Luminary099";
       const COMANCHE055_PAGES = 1751;
       const LUMINARY099_PAGES = 1743;
 
       function changeDir() {
         showPage();
       }
+
+      function showFirst() {
+        changePage(1);
+      }
+
+      function showLast() {
+        const directory = document.form.directory.value;
+        if (directory === COMANCHE055) changePage(COMANCHE055_PAGES);
+        else if (directory === LUMINARY099) changePage(LUMINARY099_PAGES);
+      }
+
       function showPrevious() {
         const newpage = parseInt(document.form.pagenum.value) - 1;
         if (newpage >= 1) {
           changePage(newpage);
         }
       }
+
       function showNext() {
         const newpage = parseInt(document.form.pagenum.value) + 1;
         const directory = document.form.directory.value;
         if (
-          (directory === "Comanche055" && newpage <= COMANCHE055_PAGES) ||
-          (directory === "Luminary099" && newpage <= LUMINARY099_PAGES)
+          (directory === COMANCHE055 && newpage <= COMANCHE055_PAGES) ||
+          (directory === LUMINARY099 && newpage <= LUMINARY099_PAGES)
         ) {
           changePage(newpage);
         }
       }
+
       function changePage(page) {
         document.form.pagenum.value = parseInt(page);
         showPage();
       }
+
       function showPage() {
         let page = parseInt(document.form.pagenum.value);
         const directory = document.form.directory.value;
@@ -40,17 +56,16 @@
         if (page < 1) {
           document.form.pagenum.value = 1;
           page = 1;
-        } else if (directory === "Comanche055" && page > COMANCHE055_PAGES) {
+        } else if (directory === COMANCHE055 && page > COMANCHE055_PAGES) {
           document.form.pagenum.value = COMANCHE055_PAGES;
           page = COMANCHE055_PAGES;
-        } else if (directory === "Luminary099" && page > LUMINARY099_PAGES) {
+        } else if (directory === LUMINARY099 && page > LUMINARY099_PAGES) {
           document.form.pagenum.value = LUMINARY099_PAGES;
           page = LUMINARY099_PAGES;
         }
 
-        formattedPage = page.toString().padStart(4, "0");
-
-        imageURL = `https://www.ibiblio.org/apollo/ScansForConversion/${directory}/${formattedPage}.jpg`;
+        const formattedPage = page.toString().padStart(4, "0");
+        const imageURL = `https://www.ibiblio.org/apollo/ScansForConversion/${directory}/${formattedPage}.jpg`;
         document.image.src = imageURL;
         document.body.style.cursor = "progress";
       }
@@ -82,7 +97,8 @@
         <option>Comanche055</option>
         <option>Luminary099</option>
       </select>
-      <input type="button" onClick="showPrevious()" value="Previous Page" />
+      <input type="button" onClick="showFirst()" value="First" />
+      <input type="button" onClick="showPrevious()" value="Previous" />
       <input
         type="text"
         name="pagenum"
@@ -91,10 +107,12 @@
         maxlength="4"
         value="1"
       />
-      <input type="button" onClick="showNext()" value="Next Page" />
+      <input type="button" onClick="showNext()" value="Next" />
+      <input type="button" onClick="showLast()" value="Last" />
       <span>
         Images hosted by
-        <a href="https://www.ibiblio.org/apollo">Ibiblio</a> and the Virtual AGC project
+        <a href="https://www.ibiblio.org/apollo">Ibiblio</a>
+        and the Virtual AGC project
       </span>
     </form>
     <img