!

mccs-it/thermal/app.js

@@ -2,7 +2,7 @@ const express = require('express');
 const Thermal = require('./modules/Thermal.js');
 
 const app = express();
-const port = 80;
+const port = 3000;
 
 // Middleware to serve static files (HTML)
 app.use(express.static('public'));
@@ -10,21 +10,92 @@ app.use(express.static('public'));
 // Middleware to parse JSON request bodies
 app.use(express.json());
 
-// Test print function
+// Print credentials
+app.post('/print-credentials', async (req, res) => {
+	try {
+		const { username, studentId } = req.body;
+		if (!username || !studentId) {
+			return res.status(400).json({ message: 'Username and Student ID are required.' });
+		}
+		// Generate the information string
+		const infoArray = Thermal.generateInfo.credentials(username, studentId);
+
+		// Generate the PDF, saved to disk
+		Thermal.generatePdf(infoArray).then((result) => {
+			res.send('PDF file written successfully.');
+		}).catch(e => {
+			console.error(e);
+			res.status(500).json({ message: 'Error writing PDF file', error: e.message });
+		});
+	} catch (e) {
+		console.error('Print Error:', e);
+		res.status(500).json({ message: 'Print Error', error: e.message });
+	}
+});
+
+// Print temp password
+app.post('/print-temp-pw', async (req, res) => {
+	try {
+		// Grab the password from the request body
+		const { password } = req.body;
+
+		// Check that the password is actually there
+		if (!password) {
+			return res.status(400).json({ message: 'Password is required.' });
+		}
+
+		// Generate the information string
+		const infoArray = Thermal.generateInfo.tempPassword(password);
+
+		// Generate the PDF, saved to disk
+		Thermal.generatePdf(infoArray).then((result) => {
+			res.send('PDF file written successfully.');
+		}).catch(e => {
+			console.error(e);
+			res.status(500).json({ message: 'Error writing PDF file', error: err.message });
+		});
+	} catch (error) {
+		console.error('Print Error:', error);
+		res.status(500).json({ message: 'Print Error', error: error.message });
+	}
+});
+
+// Print Student MaineCC Info
+app.post('/print-mcc', async (req, res) => {
+	try {
+		// Generate the information string
+		const infoArray = Thermal.generateInfo.maineCC();
+
+		// Generate the PDF, saved to disk
+		Thermal.generatePdf(infoArray).then((result) => {
+			res.send('PDF file written successfully.');
+		}).catch(e => {
+			console.error(e);
+			res.status(500).json({ message: 'Error writing PDF file', error: e.message });
+		});
+	} catch (e) {
+		console.error('Print Error:', e);
+		res.status(500).json({ message: 'Print Error', error: e.message });
+	}
+});
+
+// Print Student MaineCC Info
 app.post('/print', async (req, res) => {
-  try {
+	try {
-    const { username, studentId } = req.body;
+		// Print the document
-    if (!username || !studentId) {
+		Thermal.print().then(result => {
-      return res.status(400).json({ message: 'Username and Student ID are required.' });
+			res.send('PDF sent to printer successfully.');
-    }
+		}).catch(e => {
-    await Thermal.printCredentials(username, studentId, req, res);
+			console.error('Failed to start printing process:', err);
-  } catch (error) {
+			res.status(500).json({ message: 'Failed to start printing process', error: err.message });
-    console.error('Print Error:', error);
+		});
-    res.status(500).json({ message: 'Print Error', error: error.message });
+	} catch (e) {
-  }
+		console.error('Print Error:', e);
+		res.status(500).json({ message: 'Print Error', error: e.message });
+	}
 });
 
 // Start the server
 app.listen(port, () => {
-  console.log(`Server running at http://localhost:${port}`);
+	console.log(`Server running at http://localhost:${port}`);
 });

mccs-it/thermal/modules/Thermal.js

@@ -3,80 +3,139 @@ const fs = require('fs');
 const { spawn } = require('child_process');
 const path = require('path');
 
+const info = {
+	deptName: "IT Support",
+	supportEmail: "ITHelp@MaineCC.edu",
+	supportPhone: "(207) 453-5079"
+}
+
+const receiptFooter = `For other technical assistance, contact ${info.deptName}:\n${info.supportEmail}\nor ${info.supportPhone}.`;
+
+const mccContractor = {
+	name: "Contracting Company",
+	email: "helpme@contractor.com",
+	phone: "1 (800) 234-5678",
+	site: "www.google.com"
+};
+
 module.exports = {
-	printCredentials(username, studentId, req, res) {
+	generateInfo: {
-		// Create the output text
+		credentials(username, studentId) {
-		const infoArray = [
+			// Create the output text
-			`Username: ${username}`,
+			return [
-			'',
+				{ font: 'public/Outfit-Regular.ttf', text: `Username:`, moveDownAfter: false },
-			'Email:',
+				{ font: 'public/RobotoMono-SemiBold.ttf', text: `${username}`, moveDownAfter: true },
-			`${username}@kvcc.me.edu`,
+				{ font: 'public/Outfit-Regular.ttf', text: 'Email:', moveDownAfter: false },
-			'',
+				{ font: 'public/RobotoMono-SemiBold.ttf', text: `${username}@kvcc.me.edu`, moveDownAfter: true },
-			`Student ID: ${studentId}`,
+				{ font: 'public/Outfit-Regular.ttf', text: `Student ID:`, moveDownAfter: false },
-			'',
+				{ font: 'public/RobotoMono-SemiBold.ttf', text: `${studentId}`, moveDownAfter: true },
-			'Note: the MyKV Portal uses your username to sign in, not email.',
+				{ font: 'public/Outfit-Regular.ttf', text: 'Note: the MyKV Portal uses your username to sign in, not email.', moveDownAfter: true },
-			'For technical support contact IT Support at ITHelp@MaineCC.edu or (207)453-5079'
+			]
-		];
+		},
-		const infoString = infoArray.join('\n');
+		maineCC() {
+			// Create the output text
+			return [
+				{ font: 'public/Outfit-Regular.ttf', text: 'Kennebec Valley Community College is migrating email domains from @kvcc.me.edu to @mainecc.edu.', moveDownAfter: true },
+				{ font: 'public/Outfit-Regular.ttf', text: `For support with this transition, please contact:`, moveDownAfter: true },
+				{ font: 'public/RobotoMono-SemiBold.ttf', text: `${mccContractor.name}`, moveDownAfter: false },
+				{ font: 'public/RobotoMono-SemiBold.ttf', text: `${mccContractor.phone}`, moveDownAfter: false },
+				{ font: 'public/RobotoMono-SemiBold.ttf', text: `${mccContractor.email}`, moveDownAfter: false },
+				{ font: 'public/RobotoMono-SemiBold.ttf', text: `${mccContractor.site}`, moveDownAfter: true }
+			];
+		},
+		tempPassword(password) {
+			// Create the output text
+			return [
+				{ font: 'public/Outfit-Regular.ttf', text: 'We have changed your password to a temporary password, shown below. Next time you log into Microsoft you will be prompted to change your password.\n', moveDownAfter: true },
+				{ font: 'public/Outfit-Regular.ttf', text: 'Temporary Password:', moveDownAfter: false },
+				{ font: 'public/RobotoMono-SemiBold.ttf', text: `${password}\n`, moveDownAfter: true },
+				{ font: 'public/Outfit-Regular.ttf', text: 'Password requirements:\n8+ characters\n1+ Uppercase\n1+ Lowercase\n1+ Special (!/_=.,?)\n', moveDownAfter: true }
+			]
+		}
+	},
+	generatePdf(infoArray) {
+		return new Promise((resolve, reject) => {
+			// Define the path for the PDF file
+			const pdfFilePath = path.join(__dirname, '../public/output.pdf');
 			
-		// Define the path for the PDF file
+			// Create a new PDF document
-		const pdfFilePath = path.join(__dirname, 'output.pdf');
+			const doc = new PDFDocument({
+				size: [204, 400],
+				margin: 5
+			});
 			
-		// Create a new PDF document
+			// Create a writable stream to save the PDF to a file
-		const doc = new PDFDocument({
+			const writeStream = fs.createWriteStream(pdfFilePath);
-			size: [204, 400],
+			doc.pipe(writeStream);
-			margin: 5
-		});
 			
-		// Create a writable stream to save the PDF to a file
+			// Add content (image, text) to the PDF
-		const writeStream = fs.createWriteStream(pdfFilePath);
+			doc.image('./public/itslogo.jpg', {
-		doc.pipe(writeStream);
+				fit: [196, 100],
+				align: 'center',
+				valign: 'top',
+			});
 			
-		// Add content (image, text) to the PDF
+			// Move down below the Logo/Banner image
-		doc.image('./public/itslogo.jpg', {
+			doc.moveDown();
-			fit: [196, 100],
+			doc.moveDown();
-			align: 'center',
+			doc.moveDown();
-			valign: 'top',
+			doc.moveDown();
-		});
+			doc.moveDown();
+			doc.moveDown();
+			doc.moveDown();
 
-		doc.moveDown();
+			// Write the text from infoString
-		doc.moveDown();
+			doc.fontSize(12)
-		doc.moveDown();
+			// doc.font('public/Outfit-Regular.ttf').text(infoString, {
-		doc.moveDown();
+			// 	align: 'left',
-		doc.moveDown();
+			// });
-		doc.moveDown();
-		doc.moveDown();
-		doc.fontSize(12).text(infoString, {
-			align: 'left',
-		});
 			
-		// Finalize the PDF
+			for (row of infoArray) {
-		doc.end();
+				doc.font(row.font).text(row.text, {
+					align: 'left',
+				});
+				if (row.moveDownAfter) {
+					doc.moveDown();
+				}
+			}
 
-		writeStream.on('finish', () => {
+			doc.font('public/Outfit-Regular.ttf').text(receiptFooter, {
-			// PDF file has been saved, now print it using lp command
+				align: 'left',
-			const printer = spawn('lp', ['-d', 'ITThermal', pdfFilePath]); // Replace 'ITThermal' with your actual printer name
+			});
+			
+			// Finalize the PDF
+			doc.end();
+			
+			writeStream.on('finish', () => {
+				resolve();
+			});
+			
+			// Handle any errors during file writing
+			writeStream.on('error', (err) => {
+				reject(err);
+			});
+		})
+	},
+	print() {
+		return new Promise((resolve, reject) => {
+			// Define the path for the PDF file
+			const pdfFilePath = path.join(__dirname, '../public/output.pdf');
+			// Start the print command
+			const printer = spawn('lp', ['-d', 'ITThermal', pdfFilePath]);
 			
 			// Handle error if the printing process fails
 			printer.on('error', (err) => {
-				console.error('Failed to start printing process:', err);
+				reject(err);
-				res.status(500).json({ message: 'Failed to start printing process', error: err.message });
 			});
 			
 			// Handle the process exit event
 			printer.on('close', (code) => {
 				if (code === 0) {
-					res.send('PDF sent to printer successfully.');
+					resolve()
 				} else {
-					res.status(500).json({ message: 'Failed to print PDF' });
+					reject("lp process exited with non-zero result.");
 				}
 			});
-		});
+		})
-		
-		// Handle any errors during file writing
-		writeStream.on('error', (err) => {
-			console.error('Error writing PDF file:', err);
-			res.status(500).json({ message: 'Error writing PDF file', error: err.message });
-		});
 	}
 }

mccs-it/thermal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thermal",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Web portal to print to a TSP100 thermal printer.",
   "main": "app.js",
   "scripts": {

mccs-it/thermal/public/index.html

@@ -3,44 +3,170 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Credential Printer</title>
+    <title>ITS Thermal Printer</title>
     <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="icon" type="image/x-icon" href="/favicon.ico">
 </head>
 <body class="bg-gray-100 font-sans leading-normal tracking-normal">
-    <div class="max-w-lg mx-auto mt-10 bg-white p-8 rounded-lg shadow-lg">
+    <!-- Parent container to hold two columns -->
-        <div class="flex justify-center mb-6">
+<div class="flex justify-center mt-10 space-x-4">
-            <img src="./itslogo_color.png" alt="ITS Logo" class="h-24 w-auto">
+    <!-- Left column containing the three original sections -->
+    <div class="flex flex-col space-y-4 max-w-lg">
+        <!-- ITS Thermal Printer Panel -->
+        <div class="bg-white p-8 rounded-lg shadow-lg">
+            <div class="flex justify-center mb-6">
+                <img src="./itslogo_color.png" alt="ITS Logo" class="h-24 w-auto">
+            </div>
+            <h1 class="text-2xl font-bold text-center mb-4" style="color: #1F3C70;">ITS Thermal Printer Panel</h1>
+            <p class="text-center text-gray-600 mb-6">
+                Provide the username and student ID in the fields below, then click the Generate button.<br>
+                A pre-formatted receipt will generate with the information. Click Print at the bottom of the page to print it.
+            </p>
+            <form id="printForm" class="space-y-4">
+                <div>
+                    <label for="username" class="block text-sm font-medium text-gray-700">Username:</label>
+                    <input type="text" id="username" name="username" required
+                        class="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>
+                <div>
+                    <label for="studentId" class="block text-sm font-medium text-gray-700">Student ID:</label>
+                    <input type="text" id="studentId" name="studentId" required
+                        class="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>
+                <div class="text-center">
+                    <button type="submit" style="background-color: #1F3C70;"
+                        class="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">
+                        Generate Receipt
+                    </button>
+                </div>
+            </form>
         </div>
-        <h1 class="text-2xl font-bold text-center mb-4" style="color: #1F3C70;">ITS Credential Printer</h1>
-        <p class="text-center text-gray-600 mb-6">
-            Provide the username and student ID in the fields below, then click the Print button.
-            A pre-formatted receipt will print with the information from the thermal printer.
-        </p>
 
-        <form id="printForm" class="space-y-4">
+        <!-- Temporary Password Printer -->
+        <div class="bg-white p-8 rounded-lg shadow-lg">
+            <h1 class="text-2xl font-bold text-center mb-4" style="color: #1F3C70;">Temporary Password Printer</h1>
+            <p class="text-center text-gray-600 mb-6">
+                Provide the temporary password in the field below, then click the Generate button.<br>
+                A pre-formatted receipt will generate with the information. Click Print at the bottom of the page to print it.
+            </p>
             <div>
-                <label for="username" class="block text-sm font-medium text-gray-700">Username:</label>
+                <label for="password" class="block text-sm font-medium text-gray-700">Temp Password:</label>
-                <input type="text" id="username" name="username" required
+                <input type="text" id="password" name="password" required
                     class="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>
-
-            <div>
-                <label for="studentId" class="block text-sm font-medium text-gray-700">Student ID:</label>
-                <input type="text" id="studentId" name="studentId" required
-                    class="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>
-
             <div class="text-center">
-                <button type="submit" 
+                <button type="submit" id="printTempPw" style="background-color: #1F3C70;"
-                    style="background-color: #1F3C70;"
+                    class="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">
-                    class="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">
+                    Generate Receipt
-                    Print
                 </button>
             </div>
-        </form>
+        </div>
     </div>
 
+    <!-- Right column containing the PDF Viewer -->
+    <div class="flex flex-col space-y-4 max-w-lg">
+        <div id="pdfContainer" class="max-w-lg bg-white p-8 rounded-lg shadow-lg text-center">
+            <h1 class="text-2xl font-bold mb-4" style="color: #1F3C70;">Receipt Preview</h1>
+            
+            <!-- Refresh Button -->
+            <button id="refreshPdf" 
+                    class="bg-blue-200 hover:bg-blue-700 hover:text-white text-black font-bold py-2 px-4 rounded mb-4">
+                Refresh PDF
+            </button>
+            <!-- Print Button -->
+            <button id="print" 
+                    class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded mb-4">
+                Print Receipt
+            </button>
+        
+            <!-- PDF Viewer -->
+            <div id="pdfViewer" class="border border-gray-300 p-4 rounded-md"></div>
+        </div>
+
+        <!-- Quick Prints -->
+        <div class="bg-white p-8 rounded-lg shadow-lg">
+            <h1 class="text-2xl font-bold text-center mb-4" style="color: #1F3C70;">Quick Prints</h1>
+            <p class="text-center text-gray-600 mb-6">
+                Click the button to generate the relevant receipt.<br>
+                Click Print at the bottom of the page to print it.
+            </p>
+            <button id="print-mcc" class="w-full bg-gray-200 text-black 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-2">
+                Contractor Information
+            </button>
+        </div>
+    </div>
+    
+</div>
+
+
+    
+
     <script>
+        function loadPDF() {
+            fetch('./output.pdf')
+                .then(response => {
+                    const pdfViewer = document.getElementById('pdfViewer');
+                    pdfViewer.innerHTML = '';  // Clear any previous content
+                    console.log('Emptied PDF Viewer');
+                    
+                    if (response.ok) {
+                        // If the PDF exists, reload the iframe
+                        const iframe = document.createElement('iframe');
+                        iframe.src = './output.pdf?' + new Date().getTime(); // Add timestamp to avoid caching
+                        iframe.width = '100%';
+                        iframe.height = '500px'; // Set the height as needed
+                        iframe.classList.add('rounded-md');
+                        pdfViewer.appendChild(iframe);
+                    } else {
+                        // If the PDF does not exist, display a message
+                        pdfViewer.textContent = 'No PDF available';
+                    }
+                })
+                .catch(() => {
+                    // Handle errors, such as network issues
+                    document.getElementById('pdfViewer').textContent = 'Error loading PDF';
+                });
+        }
+    
+        // Load the PDF when the page loads
+        window.onload = loadPDF;
+    
+        // Add event listener for the "Refresh PDF" button
+        document.getElementById('refreshPdf').addEventListener('click', loadPDF);
+
+        document.getElementById('print-mcc').addEventListener('click', (event) => {
+            // Send a POST request with the form data to the server
+            fetch('/print-mcc', {
+                method: 'POST'
+            })
+            .then(response => {
+                if (response.ok) {
+                    return response.text(); // or .json() if your server returns JSON
+                } else {
+                    throw new Error('Failed to send print request');
+                }
+            })
+            .catch(error => alert('Error: ' + error));
+            setTimeout(loadPDF, 100);
+        });
+
+        document.getElementById('print').addEventListener('click', (event) => {
+            // Send a POST request with the form data to the server
+            fetch('/print', {
+                method: 'POST'
+            })
+            .then(response => {
+                if (response.ok) {
+                    return response.text(); // or .json() if your server returns JSON
+                } else {
+                    throw new Error('Failed to send print request');
+                }
+            })
+            .then(message => alert(message))
+            .catch(error => alert('Error: ' + error));
+            setTimeout(loadPDF, 100);
+        });
+
         document.getElementById('printForm').addEventListener('submit', (event) => {
             event.preventDefault(); // Prevent the form from submitting normally
 
@@ -50,7 +176,7 @@
             const studentId = formData.get('studentId');
 
             // Send a POST request with the form data to the server
-            fetch('/print', {
+            fetch('/print-credentials', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
@@ -67,8 +193,25 @@
                     throw new Error('Failed to send print request');
                 }
             })
-            .then(message => alert(message))
             .catch(error => alert('Error: ' + error));
+            setTimeout(loadPDF, 100);
+        });
+    
+        document.getElementById('printTempPw').addEventListener('click', (event) => {
+            const password = document.getElementById('password').value;
+
+            // Send a POST request with the form data to the server
+            fetch('/print-temp-pw', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    password: password
+                }),
+            })
+            .catch(error => alert('Error: ' + error));
+            setTimeout(loadPDF, 100);
         });
     </script>
 </body>

mccs-it/thermal/public/main.css

@@ -0,0 +1,8 @@
+@font-face {
+    font-family: Outfit;
+    src: url('Outfit-Regular.ttf');
+}
+
+body{
+    font-family: 'Outfit';
+}