Files
shopdb/addusb.asp
cproudlock 65b622c361 Add USB checkout system and SSO profile page
New Features:
- USB Device checkout/check-in system with barcode scanning
  - displayusb.asp: List all USB devices with status
  - addusb.asp: Add new USB devices via barcode scan
  - checkout_usb.asp/savecheckout_usb.asp: Check out USB to SSO
  - checkin_usb.asp/savecheckin_usb.asp: Check in with wipe confirmation
  - usb_history.asp: Full checkout history with filters
  - api_usb.asp: JSON API for AJAX lookups
- displayprofile.asp: SSO profile page showing user info and USB history
- Date/time format changed to 12-hour (MM/DD/YYYY h:mm AM/PM)
- SSO links in USB history now link to profile page via search

Database:
- New machinetypeid 44 for USB devices
- New usb_checkouts table for tracking checkouts

Cleanup:
- Removed v2 folder (duplicate/old files)
- Removed old debug/test files
- Removed completed migration documentation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-07 11:16:14 -05:00

209 lines
8.3 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<!--#include file="./includes/header.asp"-->
<!--#include file="./includes/sql.asp"-->
</head>
<%
theme = Request.Cookies("theme")
IF theme = "" THEN
theme="bg-theme1"
END IF
%>
<body class="bg-theme <%Response.Write(theme)%>">
<!-- start loader -->
<div id="pageloader-overlay" class="visible incoming"><div class="loader-wrapper-outer"><div class="loader-wrapper-inner" ><div class="loader"></div></div></div></div>
<!-- end loader -->
<!-- Start wrapper-->
<div id="wrapper">
<!--#include file="./includes/leftsidebar.asp"-->
<!--Start topbar header-->
<!--#include file="./includes/topbarheader.asp"-->
<!--End topbar header-->
<div class="clearfix"></div>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row mt-3">
<div class="col-lg-8 offset-lg-2">
<div class="card">
<div class="card-body">
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">
<h5 class="card-title" style="margin:0;">
<i class="zmdi zmdi-usb"></i> Add USB Device - Scan Serial Number
</h5>
<a href="./displayusb.asp" class="btn btn-sm btn-secondary">
<i class="zmdi zmdi-arrow-left"></i> Back to USB Devices
</a>
</div>
<div id="scanArea">
<%
' Check for error messages
Dim errorType, errorSerial, errorMsg
errorType = Request.QueryString("error")
errorSerial = Request.QueryString("serial")
errorMsg = Request.QueryString("msg")
If errorType <> "" Then
If errorType = "invalid" Then
Response.Write("<div class='alert alert-danger alert-dismissible fade show' role='alert' style='position:relative; padding:0.75rem 3rem 0.75rem 1.25rem;'><button type='button' class='close' data-dismiss='alert' aria-label='Close' style='position:absolute; top:50%; right:1rem; transform:translateY(-50%); line-height:1; font-size:1.5rem; opacity:0.5;'><span aria-hidden='true'>&times;</span></button><strong>Invalid!</strong> Serial number must be at least 3 characters.</div>")
ElseIf errorType = "db" Then
Response.Write("<div class='alert alert-danger alert-dismissible fade show' role='alert' style='position:relative; padding:0.75rem 3rem 0.75rem 1.25rem;'><button type='button' class='close' data-dismiss='alert' aria-label='Close' style='position:absolute; top:50%; right:1rem; transform:translateY(-50%); line-height:1; font-size:1.5rem; opacity:0.5;'><span aria-hidden='true'>&times;</span></button><strong>Database Error:</strong> " & Server.HTMLEncode(errorMsg) & "</div>")
End If
Else
Response.Write("<div class='alert alert-info' style='padding:0.75rem 1.25rem;'><i class='zmdi zmdi-info'></i> <strong>Ready to scan.</strong> Point your barcode scanner at the USB serial number barcode and scan, or enter manually.</div>")
End If
%>
<form id="scanForm" method="post" action="./saveusb_direct.asp">
<div class="form-group">
<label for="serialnumber">Serial Number</label>
<input
type="text"
class="form-control form-control-lg"
id="serialnumber"
name="serialnumber"
placeholder="Scan barcode or type serial number..."
autocomplete="off"
autofocus
style="font-size: 24px; text-align: center; padding: 20px; font-family: monospace; letter-spacing: 2px;">
</div>
<div class="form-group">
<label for="alias">Name/Label (optional)</label>
<input
type="text"
class="form-control"
id="alias"
name="alias"
placeholder="e.g., Blue 32GB, Red Kingston..."
maxlength="50">
</div>
<div class="form-group">
<label for="businessunitid">Business Unit (optional)</label>
<select class="form-control" id="businessunitid" name="businessunitid">
<option value="">-- Select Business Unit --</option>
<%
Dim rsBU, strBUSQL
strBUSQL = "SELECT businessunitid, businessunit FROM businessunits WHERE isactive = 1 ORDER BY businessunit ASC"
Set rsBU = objConn.Execute(strBUSQL)
While Not rsBU.EOF
Response.Write("<option value='" & rsBU("businessunitid") & "'>" & Server.HTMLEncode(rsBU("businessunit") & "") & "</option>")
rsBU.MoveNext
Wend
rsBU.Close
Set rsBU = Nothing
%>
</select>
</div>
<div class="text-center" style="margin-top:20px;">
<button type="submit" class="btn btn-primary btn-lg">
<i class="zmdi zmdi-plus-circle"></i> Add USB Device
</button>
</div>
</form>
</div>
<div id="successArea" style="display:none;">
<div class="alert alert-success" style="padding:0.75rem 1.25rem;">
<strong>USB device added successfully!</strong>
<div style="margin-top:10px; font-size:20px; font-family:monospace; letter-spacing:1px;" id="addedSerial"></div>
</div>
<div class="text-center" style="margin-top:20px;">
<p class="text-muted">Ready for next scan in <span id="countdown">2</span> seconds...</p>
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End container-fluid-->
</div><!--End content-wrapper-->
<!--Start Back To Top Button-->
<a href="javaScript:void();" class="back-to-top"><i class="fa fa-angle-double-up"></i> </a>
<!--End Back To Top Button-->
<!--Start footer-->
<footer class="footer">
<div class="container">
<div class="text-center">
</div>
</div>
</footer>
<!--End footer-->
</div><!--End wrapper-->
<!-- Bootstrap core JavaScript-->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- simplebar js -->
<script src="assets/plugins/simplebar/js/simplebar.js"></script>
<!-- sidebar-menu js -->
<script src="assets/js/sidebar-menu.js"></script>
<!-- Custom scripts -->
<script src="assets/js/app-script.js"></script>
<script>
$(document).ready(function() {
// Auto-focus on page load
$('#serialnumber').focus();
// Check if we just added a device (query string parameter)
var urlParams = new URLSearchParams(window.location.search);
var addedSerial = urlParams.get('added');
var hasError = urlParams.get('error');
if (addedSerial) {
// Show success message
$('#scanArea').hide();
$('#successArea').show();
$('#addedSerial').text(addedSerial);
// Countdown and reset
var countdownSeconds = 2;
$('#countdown').text(countdownSeconds);
var countdownInterval = setInterval(function() {
countdownSeconds--;
$('#countdown').text(countdownSeconds);
if (countdownSeconds <= 0) {
clearInterval(countdownInterval);
// Redirect back to clean page
window.location.href = './addusb.asp';
}
}, 1000);
} else if (hasError) {
// Clear the input field and refocus after error
$('#serialnumber').val('').focus();
}
// Validate form before submission
$('#scanForm').on('submit', function(e) {
var serial = $('#serialnumber').val().trim();
if (serial.length < 3) {
e.preventDefault();
alert('Serial number must be at least 3 characters');
$('#serialnumber').val('').focus();
return false;
}
});
});
</script>
</body>
</html>