From 392bfae8559e1cb9510aacd9afa688e6b8bfc128 Mon Sep 17 00:00:00 2001
From: samerbam <samerbam@users.noreply.github.com>
Date: Wed, 23 Aug 2023 22:42:27 -0400
Subject: [PATCH] add save/print button

---
 application/static/index.html | 10 ++++++++--
 application/static/scripts.js | 29 ++++++++++++++++++++++++++++-
 application/thermal_print.py  |  4 +++-
 3 files changed, 39 insertions(+), 4 deletions(-)
diff --git a/application/static/index.html b/application/static/index.html
index 9d19054..afb80bf 100644
--- a/application/static/index.html
+++ b/application/static/index.html
@@ -12,7 +12,7 @@
 
 <body>
 
-    <div id="loginPanel" class="flex flex-row items-center justify-center fixed w-full h-full overflow-y-hidden overflow-x-hidden bg-white">
+    <div id="loginPanel" class="hidden flex flex-row items-center justify-center fixed w-full h-full overflow-y-hidden overflow-x-hidden bg-white">
         
         <button id='loginButton' class="p-2 pl-8 pr-8 bg-purple-500 rounded-lg text-white text-xl font-semibold">Login</button>
 
@@ -98,7 +98,13 @@
     </div>
     <ul class="p-2 bg-white shadow-md rounded-lg border m-2" id="table">
         <!-- <input type="time"> -->
-        <h2 class="font-semibold text-2xl ml-2">Tasks • <span id="date-view">Sat Aug 12, 2023</span></h2>
+        <div class="flex flex-row">
+            <!-- <h2 class="font-semibold text-2xl ml-2">Tasks • <span id="date-view">Sat Aug 12, 2023</span></h2> -->
+            <h2 class="font-semibold text-2xl ml-2"><span id="date-view">Sat Aug 12, 2023</span></h2>
+            <button id="savePrintButton" class="h-fit border ml-auto mr-2 p-1 pl-4 pr-4 rounded-md bg-indigo-200 border-2 border-indigo-300">
+                <span id="savePrintButtonText">Print</span>
+            </button>
+        </div>
         <!-- <h2 class="font-normal text-sm ml-3">Last Synced: <span id="date-view">Sat Aug 12, 2023</span></h2> -->
         <li class="task-row p-2 m-1 shadow-md border bg-white min-h-11 rounded-lg flex space-x-2 flex-col" data-editor-shown="false" data-recurring="false">
             <!-- <a class="handle pr-2 text-2xl justify-center items-center content-center">☰</a> -->
diff --git a/application/static/scripts.js b/application/static/scripts.js
index 731ea92..af8b91c 100644
--- a/application/static/scripts.js
+++ b/application/static/scripts.js
@@ -528,11 +528,38 @@ function recurringButtonListener(e) {
 }
 
 
+function savePrintButtonListener(e) {
+	
+
+	let spbt = document.getElementById("savePrintButtonText")
+
+	if (spbt.innerHTML === "Save") {
+		spbt.innerHTML = "Print"
+		this.classList.add("bg-indigo-200")
+		this.classList.add("border-indigo-300")
+		this.classList.remove("bg-green-200")
+		this.classList.remove("border-green-300")
+		//bg-indigo-200 border-indigo-300
+	} else if (spbt.innerHTML === "Print") {
+		spbt.innerHTML = "Save"
+		this.classList.remove("bg-indigo-200")
+		this.classList.remove("border-indigo-300")
+		this.classList.add("bg-green-200")
+		this.classList.add("border-green-300")
+		//bg-green-200 border-green-300
+
+	}
+
+
+}
+
+document.getElementById("savePrintButton").addEventListener("click", savePrintButtonListener)
+
+
 for (let rb of document.getElementsByClassName("recurringButton")) {
 	rb.addEventListener("click", recurringButtonListener)
 }
 
-
 let rows = document.getElementsByClassName("task-row");
 console.log('hmm');
 for (let row of rows) {
diff --git a/application/thermal_print.py b/application/thermal_print.py
index de61a5c..4f2de8f 100644
--- a/application/thermal_print.py
+++ b/application/thermal_print.py
@@ -146,7 +146,9 @@ class ThermalPrinter():
 		q = self.database.get_random_quote()
 		self.p.text("\n\n")
 		self.p.set(align="left")
-		self.p.text(q[0])
+		# self.p.text(q[0])
+		for l in textwrap.wrap(q[0], 32):
+			self.p.text(l)
 		self.p.text("\n")
 		self.p.set(align="right")
 		self.p.text(q[1])
