From 44989ed7699eba65ad9dac39d24e6f3a4e624300 Mon Sep 17 00:00:00 2001
From: Geoff Bourne <itzgeoff@gmail.com>
Date: Wed, 1 Jan 2025 13:40:09 -0600
Subject: [PATCH] Added print button to printables page

---
 src/main/resources/static/css/printables.css         |  4 ++++
 .../resources/templates/printables/whitecards.html   | 12 +++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/static/css/printables.css b/src/main/resources/static/css/printables.css
index e558998..9fb50f7 100644
--- a/src/main/resources/static/css/printables.css
+++ b/src/main/resources/static/css/printables.css
@@ -35,4 +35,8 @@ body {
     .controls {
         display: none;
     }
+}
+
+#printBtn {
+    margin-right: 1em;
 }
\ No newline at end of file
diff --git a/src/main/resources/templates/printables/whitecards.html b/src/main/resources/templates/printables/whitecards.html
index 4457702..f081268 100644
--- a/src/main/resources/templates/printables/whitecards.html
+++ b/src/main/resources/templates/printables/whitecards.html
@@ -13,11 +13,21 @@
 </div>
 <div class="controls">
     <form method="get">
+        <button id="printBtn">Print</button>
         <input type="hidden" name="offset" th:value="${offset + count}">
-        <input type="submit" value="Next">
+        <input type="submit" value="Get next">
         <input type="number" id="count" name="count" min="1" size="2" th:value="${count}">
         <label for="count">cards</label>
     </form>
 </div>
+
+<script>
+    const printBtn = document.querySelector("#printBtn");
+    printBtn.addEventListener('click', () => {
+      // initiate print dialog
+      print();
+    });
+</script>
+
 </body>
 </html>
\ No newline at end of file