Files
shopdb/checkoutusb.asp
cproudlock 249bfbba8c Standardize ASP filenames: remove underscores
Renamed 45 ASP files to follow lowercase concatenated naming convention:
- Direct handlers: save_machine_direct.asp -> savemachinedirect.asp
- USB files: checkin_usb.asp -> checkinusb.asp
- API files: api_usb.asp -> apiusb.asp
- Map files: network_map.asp -> networkmap.asp
- Printer files: printer_lookup.asp -> printerlookup.asp

Also:
- Updated 84+ internal references across all ASP and JS files
- Deleted 6 test/duplicate files (editmacine.asp, test_*.asp)
- Updated production migration guide with filename changes
- Added rename scripts for Linux (bash) and Windows (PowerShell)
2025-12-10 20:40:05 -05:00

284 lines
11 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
' Check if serial was passed in URL (from displayusb.asp)
Dim prefilledSerial
prefilledSerial = Trim(Request.QueryString("serial"))
%>
<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-arrow-right"></i> USB Checkout
</h5>
<a href="./displayusb.asp" class="btn btn-sm btn-secondary">
<i class="zmdi zmdi-arrow-left"></i> Back to USB Devices
</a>
</div>
<%
' Check for error messages
Dim errorType, errorMsg
errorType = Request.QueryString("error")
errorMsg = Request.QueryString("msg")
If errorType <> "" Then
Response.Write("<div class='alert alert-danger alert-dismissible fade show' role='alert'><button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'>&times;</span></button><strong>Error!</strong> " & Server.HTMLEncode(errorMsg) & "</div>")
End If
%>
<!-- Step 1: Scan USB -->
<div id="step1">
<div class="alert alert-info">
<i class="zmdi zmdi-info"></i> <strong>Step 1:</strong> Scan or enter the USB serial number
</div>
<div class="form-group">
<label for="serialnumber">USB Serial Number</label>
<input
type="text"
class="form-control form-control-lg"
id="serialnumber"
placeholder="Scan barcode or type serial number..."
autocomplete="off"
autofocus
value="<%=Server.HTMLEncode(prefilledSerial)%>"
style="font-size: 24px; text-align: center; padding: 20px; font-family: monospace; letter-spacing: 2px;">
</div>
<div class="text-center">
<button type="button" id="lookupBtn" class="btn btn-primary btn-lg">
<i class="zmdi zmdi-search"></i> Look Up USB
</button>
</div>
</div>
<!-- Step 2: USB Details and Checkout Form -->
<div id="step2" style="display:none;">
<div class="alert alert-success">
<i class="zmdi zmdi-check"></i> <strong>USB Found!</strong> Review details and complete checkout.
</div>
<div class="card bg-light mb-3">
<div class="card-body">
<h6 class="card-subtitle mb-2 text-muted">USB Device Details</h6>
<table class="table table-sm mb-0">
<tr><th style="width:150px;">Serial Number:</th><td id="usbSerial" class="font-weight-bold"></td></tr>
<tr><th>Name:</th><td id="usbName"></td></tr>
<tr><th>Business Unit:</th><td id="usbBU"></td></tr>
<tr><th>Last Checkout:</th><td id="usbLastCheckout"></td></tr>
</table>
</div>
</div>
<form id="checkoutForm" method="post" action="./savecheckoutusb.asp">
<input type="hidden" id="machineid" name="machineid" value="">
<div class="form-group">
<label for="sso"><strong>Your SSO Number</strong> <span class="text-danger">*</span></label>
<input
type="text"
class="form-control"
id="sso"
name="sso"
placeholder="Enter your 9-digit SSO..."
maxlength="9"
pattern="[0-9]{9}"
required
style="font-size: 18px; font-family: monospace; letter-spacing: 2px;">
<small class="form-text text-muted">9-digit SSO number (e.g., 570005354)</small>
</div>
<div class="form-group">
<label for="reason"><strong>Reason for Checkout</strong></label>
<textarea
class="form-control"
id="reason"
name="reason"
rows="3"
placeholder="What will you use this USB for? (optional but recommended)"></textarea>
</div>
<div class="text-center" style="margin-top:20px;">
<button type="button" id="backBtn" class="btn btn-secondary btn-lg">
<i class="zmdi zmdi-arrow-left"></i> Back
</button>
<button type="submit" class="btn btn-success btn-lg">
<i class="zmdi zmdi-check"></i> Complete Checkout
</button>
</div>
</form>
</div>
<!-- Loading indicator -->
<div id="loadingArea" style="display:none; text-align:center; padding:40px;">
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
<p class="mt-3 text-muted">Looking up USB device...</p>
</div>
<!-- Error state -->
<div id="errorArea" style="display:none;">
<div class="alert alert-danger" id="errorMessage"></div>
<div class="text-center">
<button type="button" id="retryBtn" class="btn btn-primary">
<i class="zmdi zmdi-refresh"></i> Try Again
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container"><div class="text-center"></div></div>
</footer>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/plugins/simplebar/js/simplebar.js"></script>
<script src="assets/js/sidebar-menu.js"></script>
<script src="assets/js/app-script.js"></script>
<script>
$(document).ready(function() {
// Auto-focus on serial input
$('#serialnumber').focus();
// If prefilled serial, auto-lookup
var prefilled = $('#serialnumber').val().trim();
if (prefilled.length >= 3) {
setTimeout(function() {
lookupUSB(prefilled);
}, 500);
}
// Lookup button click
$('#lookupBtn').on('click', function() {
var serial = $('#serialnumber').val().trim();
if (serial.length < 3) {
alert('Please enter at least 3 characters');
$('#serialnumber').focus();
return;
}
lookupUSB(serial);
});
// Enter key in serial field
$('#serialnumber').on('keypress', function(e) {
if (e.which === 13) {
e.preventDefault();
$('#lookupBtn').click();
}
});
// Back button
$('#backBtn').on('click', function() {
$('#step2').hide();
$('#step1').show();
$('#serialnumber').focus();
});
// Retry button
$('#retryBtn').on('click', function() {
$('#errorArea').hide();
$('#step1').show();
$('#serialnumber').val('').focus();
});
// SSO validation
$('#sso').on('input', function() {
this.value = this.value.replace(/[^0-9]/g, '').substring(0, 9);
});
// Form validation
$('#checkoutForm').on('submit', function(e) {
var sso = $('#sso').val().trim();
if (sso.length !== 9 || !/^\d{9}$/.test(sso)) {
e.preventDefault();
alert('SSO must be exactly 9 digits');
$('#sso').focus();
return false;
}
});
function lookupUSB(serial) {
$('#step1').hide();
$('#loadingArea').show();
$.ajax({
url: './apiusb.asp',
method: 'GET',
data: { action: 'lookup', serial: serial },
dataType: 'json',
success: function(data) {
$('#loadingArea').hide();
if (data.success) {
if (data.status === 'checked_out') {
$('#errorMessage').html('<strong>USB is currently checked out!</strong><br>' +
'Checked out by: ' + data.current_holder + '<br>' +
'Since: ' + data.checkout_time + '<br><br>' +
'Please use <a href="./checkinusb.asp?serial=' + encodeURIComponent(serial) + '">Check-in</a> first.');
$('#errorArea').show();
} else {
// Available - show checkout form
$('#usbSerial').text(data.serialnumber);
$('#usbName').text(data.alias || '-');
$('#usbBU').text(data.businessunit || '-');
$('#usbLastCheckout').text(data.last_checkout || 'Never');
$('#machineid').val(data.machineid);
$('#step2').show();
$('#sso').focus();
}
} else {
$('#errorMessage').html('<strong>' + (data.error || 'USB not found') + '</strong>');
$('#errorArea').show();
}
},
error: function() {
$('#loadingArea').hide();
$('#errorMessage').html('<strong>Error connecting to server. Please try again.</strong>');
$('#errorArea').show();
}
});
}
});
</script>
</body>
</html>