Standardize share toast notifications and fix PC scanning/editing

Share Toast Notifications:
- Unified toast style across all pages (purple gradient, top-right position)
- Updated displayapplication.asp, displaytopic.asp, displayudc.asp
- Updated printerlinksgenerator.asp (replaced alert with toast)
- Same text: "Link Copied!" / "This link will show the search term..."

PC Scanning/Editing Fixes:
- savedevicedirect.asp: Use machinetypeid=33 to detect PCs (not pctypeid)
- savedevicedirect.asp: Use new Dell TBD model (ID 110) for new PCs
- editpc.asp: Model dropdown includes current model even if vendor ispc=0
- editpc.asp: Fixed vendor query to use ispc=1 instead of ismachine=1

Database changes (manual):
- Set ispc=1 for Dell, Dell Inc., DellInc., HP vendors
- Created Dell TBD model (ID 110) as default PC model

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
cproudlock
2025-12-17 15:31:59 -05:00
parent a4096ace94
commit b858d069c5
6 changed files with 180 additions and 80 deletions

View File

@@ -105,9 +105,54 @@
.lightbox-close:hover {
opacity: 1;
}
/* Share toast notification */
#shareToast {
position: fixed;
top: 80px;
right: 20px;
z-index: 9999;
min-width: 300px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px 20px;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
display: none;
}
@keyframes toastSlideIn {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes toastSlideOut {
from {
transform: translateX(0);
opacity: 1;
}
to {
transform: translateX(100%);
opacity: 0;
}
}
</style>
<body class="bg-theme <%Response.Write(theme)%>">
<!-- Share toast notification -->
<div id="shareToast">
<div style="display: flex; align-items: center;">
<i class="zmdi zmdi-check-circle" style="font-size: 24px; margin-right: 12px;"></i>
<div>
<strong style="display: block; margin-bottom: 5px;">Link Copied!</strong>
<span style="font-size: 13px; opacity: 0.9;">This link will show the search term and highlight the result</span>
</div>
</div>
</div>
<!-- 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 -->
@@ -633,17 +678,21 @@
document.execCommand('copy');
document.body.removeChild(temp);
// Show feedback
var btn = event.currentTarget;
var originalHTML = btn.innerHTML;
btn.innerHTML = '<i class="zmdi zmdi-check"></i>';
btn.classList.remove('btn-outline-secondary');
btn.classList.add('btn-success');
// Show toast notification
showToast();
}
function showToast() {
var toast = document.getElementById('shareToast');
toast.style.display = 'block';
toast.style.animation = 'toastSlideIn 0.3s ease-out';
setTimeout(function() {
btn.innerHTML = originalHTML;
btn.classList.remove('btn-success');
btn.classList.add('btn-outline-secondary');
}, 1500);
toast.style.animation = 'toastSlideOut 0.3s ease-out';
setTimeout(function() {
toast.style.display = 'none';
}, 300);
}, 2500);
}
$(document).ready(function() {