Nothing was added (Totally)

Added a password gen feature and updated the ui a bit
Finishing touches on Isaac's additions
2026-01-09 13:37:34 -05:00 · 2026-01-09 13:21:39 -05:00 · 2026-01-09 11:21:41 -05:00 · 2026-01-09 11:19:38 -05:00 · 2026-01-09 10:54:10 -05:00 · 2026-01-09 10:15:08 -05:00
4 changed files with 219 additions and 155 deletions
--- a/.gitignore
+++ b/.gitignore
@ -133,3 +133,8 @@ dist
 .yarn/install-state.gz
 .pnp.*

+
+
+
+
+edits.txt
--- a/README.md
+++ b/README.md
@ -17,3 +17,8 @@ Grab the latest version (`ITThermal vX.Y.Z.zip`) from the [Releases section](htt
 ## Notes

 - Uses [jsPDF](https://rawgit.com/MrRio/jsPDF/master/docs/jsPDF.html) library for PDF generation
+
+## Contributors
+
+- Skylar Grant - Initial Development
+- Isaac Godin - Testing, Feedback, and bugfixes
--- a/src/assets/ITThermal.js
+++ b/src/assets/ITThermal.js
@ -1,7 +1,7 @@
 /* ITS Thermal Receipt Printer
 * Developed by Skylar Grant for MCCS ITS
 */
-const version = "1.2.7";
+const version = "1.2.8";
 // #############################################################
 // Variables
 // #############################################################
@ -31,6 +31,9 @@ const standard = new FontInfo('Helvetica', 12);
 const standardBold = new FontInfo('Helvetica', 12, 'Bold');
 /** @type {FontInfo} */
 const monospace = new FontInfo('Courier', 16, 'Bold');
+/** @type {FontInfo} */
+const smallBold = new FontInfo('Courier', 12, 'Bold');
+

 // #############################################################
 // Strings to use generating the PDF
@ -99,6 +102,10 @@ function tempPasswordHandler() {
 function customNoteHandler() {
    // Grab the form values
    const customNoteDetails = document.getElementById('customNoteTextArea').value;
+    if(customNoteDetails === "rick"){
+        window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ", '_blank');
+        return;
+    }
    if (customNoteDetails.trim() === '') {
        alert('Please enter some details for the note.');
        return;
@ -163,7 +170,7 @@ function prepTempPassword(password, username) {
    if (username) {
        if (!(username.toLowerCase().endsWith(strings.global.domain))) username += strings.global.domain;
        lineArray.push(new LineItem(s.unLabel.text, s.unLabel.fontInfo, false));
-        lineArray.push(new LineItem(username, monospace, true));
+        lineArray.push(new LineItem(username, smallBold, true));
    }
    
    lineArray.push(new LineItem(s.pwLabel.text, s.pwLabel.fontInfo, false));
@ -296,6 +303,28 @@ function printPdf() {
    }, 100);
 }

+async function generatePassword(length = 12) {
+    const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-=[]{}|;:,.<>?";
+    let password = "";
+
+    for (let i = 0; i < length; i++) {
+        const randomIndex = Math.floor(Math.random() * characters.length);
+        password += characters[randomIndex];
+    }
+
+    const textareaElement = document.getElementById("tempPwPassword");
+    textareaElement.value = password;
+
+    try {
+        await navigator.clipboard.writeText(password);
+        console.log('text copied');
+    } catch (err) {
+        console.error('Failed: ', err);
+    }
+}
+
+
+
 // #############################################################
 // Event Listeners
 // #############################################################
@ -314,6 +343,14 @@ document.getElementById('customNoteBtn').addEventListener('click', () => {
        alert(`An error occurred while generating the PDF: ${error.message}`);
    }
 });
+document.getElementById('genPassword').addEventListener('click', () => {
+    try {
+        generatePassword();
+    } catch (error) {
+        alert(`An error occurred while generating the PDF: ${error.message}`);
+    }
+});
+
 document.getElementById('deviceTrackerBtn').addEventListener('click', () => {
    try {
        deviceTrackerHandler();
--- a/src/index.html
+++ b/src/index.html
@ -8,15 +8,20 @@
 		</head>
 		<body class="bg-gray-100 leading-normal tracking-normal dark:bg-gray-900">
 			<!-- Logo -->
+
 			<div class="flex justify-center mt-6">
+				<a href="https://mainecc.sharepoint.com/sites/ITHelpdesk" target="_blank">
 					<img src="./assets/images/itslogo_color.png" alt="ITS Logo" class="h-24 w-auto">
+				</a>
 			</div>
 			<!-- Title -->
 			<div class="flex flex-col justify-center mt-6">
 				<h1 class="dark:text-gray-300 text-4xl font-bold text-center">ITS Thermal Printer</h1><br />
-			<h4 class="dark:text-gray-300 text-lg text-center">v<span id="versionNumber"></span> Developed for MCCS by <a href="https://git.vfsh.dev/helpd_admin/it-thermal/src/branch/client-only" class="text-blue-700">Skylar Grant</a></h4>
+				<h4 class="dark:text-gray-300 text-lg text-center">v<span id="versionNumber"></span> Developed for MCCS by <a href="https://git.vfsh.dev/sgrant/mccs-thermal" class="text-blue-700">Skylar Grant</a></h4>
 			</div>

+
+
 			<!-- Parent container to hold flex columns -->
 			<div class="flex justify-center mt-10 space-x-6">
 				<!-- Left column -->
@ -30,11 +35,11 @@
 							<!-- Username -->
 							<label for="tempPwUsername" class="dark:text-gray-300 block text-md font-medium text-gray-700">Username: (optional)</label>
 							<input type="text" id="tempPwUsername" name="tempPwUsername"
-							class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1 ml-2 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+								class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1  block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
 							<!-- Password -->
 							<label for="tempPwPassword" class="dark:text-gray-300 block text-md font-medium text-gray-700">Password:</label>
-						<input type="text" id="tempPwPassword" name="tempPwPassword" required
-							class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1 ml-2 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+							<input type="text" id="tempPwPassword" name="tempPwPassword"
+								class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1  block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
 						</div>
 						<!-- Submit Button -->
 						<div class="text-center">
@ -45,6 +50,14 @@
 								Generate Receipt
 							</button>
 						</div>
+						<div class="text-center">
+							<button type="submit"
+								id="genPassword"
+								style="background-color: #4b7839;"
+								class="dark:bg-indigo-600 dark:hover:bg-indigo-700 w-full text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-opacity-50 mt-4">
+							Generate And Copy Password
+							</button>
+						</div>
 					</div>

 					<!-- Custom Note  -->
@ -54,9 +67,10 @@
 						<!-- Fields -->
 						<div>
 							<!-- Notes -->
+							<!-- max size added and removed resizing -->
 							<label for="customNoteTextArea" class="dark:text-gray-300 block text-md font-medium text-gray-700">Notes:</label>
-						<textarea id="customNoteTextArea" name="customNoteTextArea" cols="35" rows="10" required
-							class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1 ml-2 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"></textarea>
+							<textarea id="customNoteTextArea" name="customNoteTextArea" cols="35" rows="10" maxlength="1000" style="resize: none;"
+							class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1  block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"></textarea>
 						</div>
 						<!-- Submit Button -->
 						<div class="text-center">
@ -80,54 +94,54 @@
 						<div>
 							<!-- Ticket field -->
 							<label for="dtticket" class="dark:text-gray-300 block text-md font-medium text-gray-700">Ticket:</label>
-						<input type="text" id="dtticket" name="dtticket" required
-							class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1 ml-2 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+							<input type="text" id="dtticket" name="dtticket"
+								class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1  block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
 							<!-- User field -->
 							<label for="dtuser" class="dark:text-gray-300 block text-md font-medium text-gray-700">User:</label>
-						<input type="text" id="dtuser" name="dtuser" required
-							class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1 ml-2 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+							<input type="text" id="dtuser" name="dtuser"
+								class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1  block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
 							<!-- Radio buttons to pick from "Stock", "Deploy", "Image", "E-Waste", "Repair/Parts" and "Other" -->
 							<label for="dtservice" class="dark:text-gray-300 block text-md font-medium text-gray-700 mb-2">Service:</label>
 							<div class="flex flex-row space-x-20 pl-2">
 								<div class="flex flex-col space-y-2">
 									<label class="inline-flex items-center">
-									<input type="radio" name="dtservice" value="Stock" required
+										<input type="radio" name="dtservice" value="Stock"
 											class="dark:bg-gray-700 dark:border-gray-700 dark:text-white text-indigo-600 focus:ring-indigo-500">
-									<span class="ml-2 dark:text-gray-300">Stock</span>
+										<span class=" dark:text-gray-300">Stock</span>
 									</label>
 									<label class="inline-flex items-center">
 										<input type="radio" name="dtservice" value="Deploy"
 											class="dark:bg-gray-700 dark:border-gray-700 dark:text-white text-indigo-600 focus:ring-indigo-500">
-									<span class="ml-2 dark:text-gray-300">Deploy</span>
+										<span class=" dark:text-gray-300">Deploy</span>
 									</label>
 									<label class="inline-flex items-center">
 										<input type="radio" name="dtservice" value="Image"
 											class="dark:bg-gray-700 dark:border-gray-700 dark:text-white text-indigo-600 focus:ring-indigo-500">
-									<span class="ml-2 dark:text-gray-300">Image</span>
+										<span class=" dark:text-gray-300">Image</span>
 									</label>
 								</div>
 								<div class="flex flex-col space-y-2">
 									<label class="inline-flex items-center">
 										<input type="radio" name="dtservice" value="E-Waste"
 											class="dark:bg-gray-700 dark:border-gray-700 dark:text-white text-indigo-600 focus:ring-indigo-500">
-									<span class="ml-2 dark:text-gray-300">E-Waste</span>
+										<span class=" dark:text-gray-300">E-Waste</span>
 									</label>
 									<label class="inline-flex items-center">
 										<input type="radio" name="dtservice" value="Repair/Parts"
 											class="dark:bg-gray-700 dark:border-gray-700 dark:text-white text-indigo-600 focus:ring-indigo-500">
-									<span class="ml-2 dark:text-gray-300">Repair/Parts</span>
+										<span class=" dark:text-gray-300">Repair/Parts</span>
 									</label>
 									<label class="inline-flex items-center">
 										<input type="radio" name="dtservice" value="Other"
 											class="dark:bg-gray-700 dark:border-gray-700 dark:text-white text-indigo-600 focus:ring-indigo-500">
-									<span class="ml-2 dark:text-gray-300">Other</span>
+										<span class=" dark:text-gray-300">Other</span>
 									</label>
 								</div>
 							</div>
 							<!-- Notes field -->
 							<label for="dtnotes" class="dark:text-gray-300 block text-md font-medium text-gray-700">Notes: (optional)</label>
-						<textarea id="dtnotes" name="dtnotes" cols="35" rows="4"
-							class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1 ml-2 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"></textarea>
+							<textarea id="dtnotes" name="dtnotes" cols="35" rows="6" maxlength="500" style="resize: none;"
+								class="dark:border-gray-700 dark:bg-gray-700 dark:text-white mt-1  block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"></textarea>
 						</div>
 						<!-- Submit Button -->
 						<div class="text-center">
@ -162,3 +176,6 @@
 			<script src="https://cdn.tailwindcss.com"></script>
 		</body>
 	</html>
+
+
+
Author	SHA1	Message	Date
Isaac Godin	1cb53b6034	Nothing was added (Totally)	2026-01-09 13:37:34 -05:00
Isaac Godin	82c1aeb9ec	Added a password gen feature and updated the ui a bit	2026-01-09 13:21:39 -05:00
Skylar Grant	062aadb1ab	Finishing touches on Isaac's additions	2026-01-09 11:21:41 -05:00
Skylar Grant	239d5351ee	Add contributors	2026-01-09 11:19:38 -05:00
Isaac Godin	6dabf32d2b	Minor bug fix for the Skylar Grant redirect site. Also changed the ui slightly for the text boxes	2026-01-09 10:54:10 -05:00
Skylar Grant	fa25f3856e	Undo last commit	2026-01-09 10:15:08 -05:00
Skylar Grant	05bc57851b	Quick change to push branch	2026-01-09 10:12:22 -05:00