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:
@@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user