mahmoody/matab-panel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: improve visits filter UX and update currency label

Browse Source
This commit is contained in:
SajjadMahmoody
2026-04-18 22:47:23 +03:30
parent 4abd856bf9
commit 1e8ec1f76f
13 changed files with 296 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/prints/patient-lab.blade.php
+32 -14
View File
@@ -52,6 +52,16 @@
.toolbar-divider { flex: 1; }
.print-info-tooltip { position:relative;display:inline-flex;align-items:center; }
.print-info-tooltip .tip-icon { display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#374151;border-radius:8px;cursor:pointer;color:#9ca3af;border:none;transition:background 0.15s,color 0.15s; }
.print-info-tooltip .tip-icon:hover { background:#4b5563;color:#fff; }
.print-info-tooltip .tip-box { display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#111827;border:1px solid #374151;border-radius:10px;padding:14px 18px;min-width:250px;box-shadow:0 4px 24px rgba(0,0,0,0.5);z-index:200;direction:rtl; }
.print-info-tooltip .tip-box.open { display:block; }
.print-info-tooltip .tip-box::after { content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#374151; }
.print-info-tooltip .tip-box h4 { margin:0 0 10px;font-size:12px;color:#9ca3af;border-bottom:1px solid #374151;padding-bottom:8px;font-weight:normal; }
.print-info-tooltip .tip-box ul { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px; }
.print-info-tooltip .tip-box ul li { font-size:12px;color:#e5e7eb; }
.page-body {
padding: 20px;
display: flex;
@@ -181,6 +191,21 @@
<span class="toolbar-btn btn-active">✓ پرینت آزمایش</span>
<div class="toolbar-divider"></div>
<button class="toolbar-btn btn-print" onclick="window.print()">🖨 پرینت</button>
<div class="print-info-tooltip">
<button class="tip-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:16px;height:16px;"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
</button>
<div class="tip-box">
<h4>تنظیمات پرینت</h4>
<ul>
<li>✅ Paper size: A5</li>
<li>✅ Orientation: Landscape (افقی)</li>
<li>✅ Margins: None (بدون حاشیه)</li>
<li>✅ Scale: 100%</li>
<li>✅ Background graphics: ON (فعال)</li>
</ul>
</div>
</div>
<a class="toolbar-btn btn-back"
href="{{ url()->previous() }}">
← بازگشت
@@ -218,20 +243,13 @@
</div>
<script>
window.onload = function () {
const userConfirmed = confirm(
'لطفاً تنظیمات پرینت را به این صورت انجام دهید:\n\n' +
'✅ Paper size: A5\n' +
'✅ Orientation: Landscape (افقی)\n' +
'✅ Margins: None (بدون حاشیه)\n' +
'✅ Scale: 100%\n' +
'✅ Background graphics: ON (فعال)\n\n' +
'آیا آماده پرینت هستید؟'
);
if (userConfirmed) {
window.print();
}
};
document.querySelector('.print-info-tooltip .tip-icon').addEventListener('click', function(e) {
e.stopPropagation();
document.querySelector('.print-info-tooltip .tip-box').classList.toggle('open');
});
document.addEventListener('click', function() {
document.querySelector('.print-info-tooltip .tip-box').classList.remove('open');
});
</script>
</body>
</html>