Fix: update all Font Awesome 5 icon names to Font Awesome 6
FA6 renamed many icons — using old FA5 names caused blank buttons/icons: - fa-cloud-upload-alt → fa-cloud-arrow-up (Nextcloud upload button) - fa-sign-out-alt → fa-right-from-bracket (logout button) - fa-magic → fa-wand-magic-sparkles (all Generate buttons) - fa-volume-up → fa-volume-high (all Read buttons + stopReading) - fa-compress-alt → fa-compress (Shorter + 3-Sentence Summary) - fa-file-medical-alt → fa-file-waveform (SOAP tab header) - fa-file-alt → fa-file-lines (Transcript/Input cards) - fa-shield-alt → fa-shield-halved (HIPAA notice + 2FA section) - fa-sync-alt → fa-rotate (Admin refresh button) - fa-ambulance → fa-truck-medical (ED note section) - fa-question-circle → fa-circle-question (What's Missing button)
This commit is contained in:
Daniel Onyejesi
parent
665425c115
commit
077b0b33ac
3 changed files with 38 additions and 38 deletions
|
|
@ -82,7 +82,7 @@
|
|||
</form>
|
||||
|
||||
<div class="hipaa-notice">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
<i class="fas fa-shield-halved"></i>
|
||||
<span>HIPAA Notice: Do not enter real PHI unless your organization has a BAA with all AI providers used.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
<i class="fas fa-cog"></i>
|
||||
</button>
|
||||
<button id="btn-logout" class="btn-header" title="Logout">
|
||||
<i class="fas fa-sign-out-alt"></i>
|
||||
<i class="fas fa-right-from-bracket"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -140,7 +140,7 @@
|
|||
<span>Chart Review</span>
|
||||
</button>
|
||||
<button class="tab-btn" data-tab="soap">
|
||||
<i class="fas fa-file-medical-alt"></i>
|
||||
<i class="fas fa-file-waveform"></i>
|
||||
<span>SOAP Note</span>
|
||||
</button>
|
||||
<button class="tab-btn" data-tab="milestones">
|
||||
|
|
@ -193,11 +193,11 @@
|
|||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header"><h3><i class="fas fa-file-alt"></i> Transcript</h3><button id="enc-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
|
||||
<div class="card-header"><h3><i class="fas fa-file-lines"></i> Transcript</h3><button id="enc-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
|
||||
<div id="enc-transcript" class="editable-box" contenteditable="true" data-placeholder="Transcript appears here or type/paste directly..."></div>
|
||||
</div>
|
||||
|
||||
<button id="enc-generate-btn" class="btn-generate"><i class="fas fa-magic"></i> Generate HPI</button>
|
||||
<button id="enc-generate-btn" class="btn-generate"><i class="fas fa-wand-magic-sparkles"></i> Generate HPI</button>
|
||||
|
||||
<div id="enc-output" class="card output-card hidden">
|
||||
<div class="card-header output-header">
|
||||
|
|
@ -205,15 +205,15 @@
|
|||
<div class="output-actions">
|
||||
<span id="enc-model-tag" class="model-tag"></span>
|
||||
<button class="btn-sm btn-primary" onclick="copyText('enc-hpi-text')"><i class="fas fa-copy"></i> Copy</button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('enc-hpi-text')"><i class="fas fa-volume-up"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('enc-hpi-text','hpi-encounter')"><i class="fas fa-cloud-upload-alt"></i></button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('enc-hpi-text')"><i class="fas fa-volume-high"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('enc-hpi-text','hpi-encounter')"><i class="fas fa-cloud-arrow-up"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="enc-hpi-text" class="output-text" contenteditable="true"></div>
|
||||
<div class="refine-bar">
|
||||
<input type="text" id="enc-refine-input" class="refine-input" placeholder="Tell AI to modify (e.g., 'make it shorter', 'add that patient has asthma history')">
|
||||
<button class="btn-sm btn-primary" id="enc-refine-btn"><i class="fas fa-edit"></i> Refine</button>
|
||||
<button class="btn-sm btn-ghost" id="enc-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
|
||||
<button class="btn-sm btn-ghost" id="enc-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -250,7 +250,7 @@
|
|||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header"><h3><i class="fas fa-file-alt"></i> Dictation</h3><button id="dict-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
|
||||
<div class="card-header"><h3><i class="fas fa-file-lines"></i> Dictation</h3><button id="dict-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
|
||||
<div id="dict-transcript" class="editable-box" contenteditable="true" data-placeholder="Dictation appears here or type directly..."></div>
|
||||
</div>
|
||||
|
||||
|
|
@ -263,7 +263,7 @@
|
|||
</select>
|
||||
</div>
|
||||
|
||||
<button id="dict-generate-btn" class="btn-generate btn-generate-purple"><i class="fas fa-magic"></i> Generate</button>
|
||||
<button id="dict-generate-btn" class="btn-generate btn-generate-purple"><i class="fas fa-wand-magic-sparkles"></i> Generate</button>
|
||||
|
||||
<div id="dict-output" class="card output-card hidden">
|
||||
<div class="card-header output-header">
|
||||
|
|
@ -271,15 +271,15 @@
|
|||
<div class="output-actions">
|
||||
<span id="dict-model-tag" class="model-tag"></span>
|
||||
<button class="btn-sm btn-primary" onclick="copyText('dict-hpi-text')"><i class="fas fa-copy"></i> Copy</button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('dict-hpi-text')"><i class="fas fa-volume-up"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('dict-hpi-text','hpi-dictation')"><i class="fas fa-cloud-upload-alt"></i></button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('dict-hpi-text')"><i class="fas fa-volume-high"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('dict-hpi-text','hpi-dictation')"><i class="fas fa-cloud-arrow-up"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="dict-hpi-text" class="output-text" contenteditable="true"></div>
|
||||
<div class="refine-bar">
|
||||
<input type="text" id="dict-refine-input" class="refine-input" placeholder="Tell AI to modify...">
|
||||
<button class="btn-sm btn-primary" id="dict-refine-btn"><i class="fas fa-edit"></i> Refine</button>
|
||||
<button class="btn-sm btn-ghost" id="dict-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
|
||||
<button class="btn-sm btn-ghost" id="dict-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -322,7 +322,7 @@
|
|||
|
||||
<!-- ED Note -->
|
||||
<div class="card">
|
||||
<div class="card-header"><h3><i class="fas fa-ambulance"></i> ED Note (before admission)</h3></div>
|
||||
<div class="card-header"><h3><i class="fas fa-truck-medical"></i> ED Note (before admission)</h3></div>
|
||||
<div class="note-entry">
|
||||
<div class="note-meta">
|
||||
<input type="date" id="hc-ed-date">
|
||||
|
|
@ -396,7 +396,7 @@
|
|||
</div>
|
||||
|
||||
<div class="action-row">
|
||||
<button id="hc-generate-btn" class="btn-generate btn-generate-blue"><i class="fas fa-magic"></i> Generate Hospital Course</button>
|
||||
<button id="hc-generate-btn" class="btn-generate btn-generate-blue"><i class="fas fa-wand-magic-sparkles"></i> Generate Hospital Course</button>
|
||||
</div>
|
||||
|
||||
<!-- Output -->
|
||||
|
|
@ -407,16 +407,16 @@
|
|||
<span id="hc-format-tag" class="model-tag"></span>
|
||||
<span id="hc-model-tag" class="model-tag"></span>
|
||||
<button class="btn-sm btn-primary" onclick="copyText('hc-course-text')"><i class="fas fa-copy"></i> Copy</button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('hc-course-text')"><i class="fas fa-volume-up"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('hc-course-text','hospital-course')"><i class="fas fa-cloud-upload-alt"></i></button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('hc-course-text')"><i class="fas fa-volume-high"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('hc-course-text','hospital-course')"><i class="fas fa-cloud-arrow-up"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="hc-course-text" class="output-text" contenteditable="true"></div>
|
||||
<div class="refine-bar">
|
||||
<input type="text" id="hc-refine-input" class="refine-input" placeholder="Tell AI to modify or add discharge day info...">
|
||||
<button class="btn-sm btn-primary" id="hc-refine-btn"><i class="fas fa-edit"></i> Refine</button>
|
||||
<button class="btn-sm btn-ghost" id="hc-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
|
||||
<button class="btn-sm btn-warning" id="hc-clarify-btn"><i class="fas fa-question-circle"></i> What's Missing?</button>
|
||||
<button class="btn-sm btn-ghost" id="hc-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
|
||||
<button class="btn-sm btn-warning" id="hc-clarify-btn"><i class="fas fa-circle-question"></i> What's Missing?</button>
|
||||
</div>
|
||||
<div id="hc-clarify-output" class="clarify-box hidden"></div>
|
||||
</div>
|
||||
|
|
@ -489,7 +489,7 @@
|
|||
<input type="text" id="cr-instructions" class="full-input" placeholder="e.g., 'Focus on thyroid management', 'Include medication changes'">
|
||||
</div>
|
||||
|
||||
<button id="cr-generate-btn" class="btn-generate btn-generate-green"><i class="fas fa-magic"></i> Generate Chart Review</button>
|
||||
<button id="cr-generate-btn" class="btn-generate btn-generate-green"><i class="fas fa-wand-magic-sparkles"></i> Generate Chart Review</button>
|
||||
|
||||
<div id="cr-output" class="card output-card hidden">
|
||||
<div class="card-header output-header">
|
||||
|
|
@ -497,15 +497,15 @@
|
|||
<div class="output-actions">
|
||||
<span id="cr-model-tag" class="model-tag"></span>
|
||||
<button class="btn-sm btn-primary" onclick="copyText('cr-review-text')"><i class="fas fa-copy"></i> Copy</button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('cr-review-text')"><i class="fas fa-volume-up"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('cr-review-text','chart-review')"><i class="fas fa-cloud-upload-alt"></i></button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('cr-review-text')"><i class="fas fa-volume-high"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('cr-review-text','chart-review')"><i class="fas fa-cloud-arrow-up"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="cr-review-text" class="output-text" contenteditable="true"></div>
|
||||
<div class="refine-bar">
|
||||
<input type="text" id="cr-refine-input" class="refine-input" placeholder="Tell AI to modify...">
|
||||
<button class="btn-sm btn-primary" id="cr-refine-btn"><i class="fas fa-edit"></i> Refine</button>
|
||||
<button class="btn-sm btn-ghost" id="cr-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
|
||||
<button class="btn-sm btn-ghost" id="cr-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -513,7 +513,7 @@
|
|||
<!-- ===== TAB: SOAP ===== -->
|
||||
<section id="soap-tab" class="tab-content">
|
||||
<div class="module-header">
|
||||
<h2><i class="fas fa-file-medical-alt"></i> SOAP Note Generator</h2>
|
||||
<h2><i class="fas fa-file-waveform"></i> SOAP Note Generator</h2>
|
||||
<p>Generate full SOAP note or just Subjective from dictation/text</p>
|
||||
</div>
|
||||
|
||||
|
|
@ -541,7 +541,7 @@
|
|||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header"><h3><i class="fas fa-file-alt"></i> Input</h3><button id="soap-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
|
||||
<div class="card-header"><h3><i class="fas fa-file-lines"></i> Input</h3><button id="soap-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
|
||||
<div id="soap-transcript" class="editable-box" contenteditable="true" data-placeholder="Dictate or type encounter details..."></div>
|
||||
</div>
|
||||
|
||||
|
|
@ -550,7 +550,7 @@
|
|||
<input type="text" id="soap-instructions" class="full-input" placeholder="e.g., 'Include assessment for otitis media', 'Add anticipatory guidance'">
|
||||
</div>
|
||||
|
||||
<button id="soap-generate-btn" class="btn-generate btn-generate-teal"><i class="fas fa-magic"></i> Generate SOAP Note</button>
|
||||
<button id="soap-generate-btn" class="btn-generate btn-generate-teal"><i class="fas fa-wand-magic-sparkles"></i> Generate SOAP Note</button>
|
||||
|
||||
<div id="soap-output" class="card output-card hidden">
|
||||
<div class="card-header output-header">
|
||||
|
|
@ -558,15 +558,15 @@
|
|||
<div class="output-actions">
|
||||
<span id="soap-model-tag" class="model-tag"></span>
|
||||
<button class="btn-sm btn-primary" onclick="copyText('soap-text')"><i class="fas fa-copy"></i> Copy</button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('soap-text')"><i class="fas fa-volume-up"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('soap-text','soap-note')"><i class="fas fa-cloud-upload-alt"></i></button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('soap-text')"><i class="fas fa-volume-high"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('soap-text','soap-note')"><i class="fas fa-cloud-arrow-up"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="soap-text" class="output-text" contenteditable="true"></div>
|
||||
<div class="refine-bar">
|
||||
<input type="text" id="soap-refine-input" class="refine-input" placeholder="Tell AI to modify...">
|
||||
<button class="btn-sm btn-primary" id="soap-refine-btn"><i class="fas fa-edit"></i> Refine</button>
|
||||
<button class="btn-sm btn-ghost" id="soap-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
|
||||
<button class="btn-sm btn-ghost" id="soap-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -623,7 +623,7 @@
|
|||
<div class="milestone-actions" id="milestone-actions" style="display:none">
|
||||
<button id="ms-all-yes" class="btn-sm btn-success"><i class="fas fa-check-double"></i> All Yes</button>
|
||||
<button id="ms-all-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear All</button>
|
||||
<button id="ms-generate-btn" class="btn-generate btn-generate-teal"><i class="fas fa-magic"></i> Generate Narrative</button>
|
||||
<button id="ms-generate-btn" class="btn-generate btn-generate-teal"><i class="fas fa-wand-magic-sparkles"></i> Generate Narrative</button>
|
||||
</div>
|
||||
|
||||
<div id="ms-output" class="card output-card hidden">
|
||||
|
|
@ -632,15 +632,15 @@
|
|||
<div class="output-actions">
|
||||
<span id="ms-model-tag" class="model-tag"></span>
|
||||
<button class="btn-sm btn-primary" onclick="copyText('ms-narrative-text')"><i class="fas fa-copy"></i> Copy</button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('ms-narrative-text')"><i class="fas fa-volume-up"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('ms-narrative-text','milestones')"><i class="fas fa-cloud-upload-alt"></i></button>
|
||||
<button class="btn-sm btn-ghost" onclick="speakText('ms-narrative-text')"><i class="fas fa-volume-high"></i> Read</button>
|
||||
<button class="btn-sm btn-ghost" onclick="exportToNextcloud('ms-narrative-text','milestones')"><i class="fas fa-cloud-arrow-up"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ms-summary-bar" class="summary-bar hidden"></div>
|
||||
<div id="ms-narrative-text" class="output-text" contenteditable="true"></div>
|
||||
<div class="summary-section">
|
||||
<div class="summary-section-header">
|
||||
<button id="ms-quick-summary-btn" class="btn-generate-summary"><i class="fas fa-compress-alt"></i> 3-Sentence Summary</button>
|
||||
<button id="ms-quick-summary-btn" class="btn-generate-summary"><i class="fas fa-compress"></i> 3-Sentence Summary</button>
|
||||
</div>
|
||||
<div id="ms-quick-summary" class="hidden">
|
||||
<div class="card-header summary-output-header">
|
||||
|
|
@ -682,7 +682,7 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3><i class="fas fa-users"></i> Users</h3>
|
||||
<button id="btn-refresh-users" class="btn-sm btn-ghost"><i class="fas fa-sync-alt"></i> Refresh</button>
|
||||
<button id="btn-refresh-users" class="btn-sm btn-ghost"><i class="fas fa-rotate"></i> Refresh</button>
|
||||
</div>
|
||||
<div style="overflow-x:auto;">
|
||||
<table class="admin-table" id="admin-users-table">
|
||||
|
|
@ -715,7 +715,7 @@
|
|||
<div class="modal-body">
|
||||
<!-- 2FA -->
|
||||
<div class="settings-section">
|
||||
<h3><i class="fas fa-shield-alt"></i> Two-Factor Authentication</h3>
|
||||
<h3><i class="fas fa-shield-halved"></i> Two-Factor Authentication</h3>
|
||||
<p id="2fa-status">Status: Loading...</p>
|
||||
<button id="btn-setup-2fa" class="btn-sm btn-primary">Enable 2FA</button>
|
||||
<button id="btn-disable-2fa" class="btn-sm btn-ghost hidden">Disable 2FA</button>
|
||||
|
|
|
|||
|
|
@ -183,7 +183,7 @@ function stopReading() {
|
|||
if (currentAudio) { currentAudio.pause(); currentAudio = null; }
|
||||
if (currentlyReadingId) {
|
||||
var btn = findReadButton(currentlyReadingId);
|
||||
if (btn) { btn.classList.remove('btn-reading'); btn.innerHTML = '<i class="fas fa-volume-up"></i> Read'; }
|
||||
if (btn) { btn.classList.remove('btn-reading'); btn.innerHTML = '<i class="fas fa-volume-high"></i> Read'; }
|
||||
currentlyReadingId = null;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -170,14 +170,14 @@
|
|||
.then(function(r) { return r.json(); })
|
||||
.then(function(data) {
|
||||
btn.disabled = false;
|
||||
btn.innerHTML = '<i class="fas fa-compress-alt"></i> Regenerate Summary';
|
||||
btn.innerHTML = '<i class="fas fa-compress"></i> Regenerate Summary';
|
||||
if (data.success) {
|
||||
document.getElementById('ms-summary-text').textContent = data.summary;
|
||||
document.getElementById('ms-quick-summary').classList.remove('hidden');
|
||||
showToast('Summary generated!', 'success');
|
||||
}
|
||||
})
|
||||
.catch(function(err) { btn.disabled = false; btn.innerHTML = '<i class="fas fa-compress-alt"></i> 3-Sentence Summary'; showToast(err.message, 'error'); });
|
||||
.catch(function(err) { btn.disabled = false; btn.innerHTML = '<i class="fas fa-compress"></i> 3-Sentence Summary'; showToast(err.message, 'error'); });
|
||||
});
|
||||
|
||||
console.log('✅ Milestones module loaded');
|
||||
|
|
|
|||
Loading…
Reference in a new issue