deepkoluguri
/
curaflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: deepkoluguri:96080b81a20a7f2ba73c0d1fbccea68e854acf7c
Branches Tags
deepkoluguri:master
deepkoluguri:style-guide-refactor
..
compare: deepkoluguri:5f59695122800f7e7a74f784fb96b966b7784e8c
Branches Tags
deepkoluguri:master
deepkoluguri:style-guide-refactor

No commits in common. "96080b81a20a7f2ba73c0d1fbccea68e854acf7c" and "5f59695122800f7e7a74f784fb96b966b7784e8c" have entirely different histories.
96080b81a2 ... 5f59695122

3 changed files with 10 additions and 167 deletions
Show Stats Expand all files Collapse all files

116
dashboard.css
View File

@ -635,124 +635,16 @@
border-left: 4px solid var(--secondary);
}
.zen-grid {
display: grid;
grid-template-columns: 1fr 350px;
gap: 2rem;
}
.clinical-notes-card {
background: white;
border-radius: 24px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
border: 1px solid #f1f5f9;
overflow: hidden;
}
.zen-textarea {
width: 100%;
height: 600px;
padding: 2rem;
border: none;
font-size: 1.1rem;
line-height: 1.6;
resize: none;
color: var(--primary);
}
.zen-textarea:focus {
outline: none;
}
.zen-sidebar {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.insight-card, .ai-nudge-box {
background: white;
border-radius: 20px;
padding: 1.5rem;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
border: 1px solid #f1f5f9;
}
.vitals-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-top: 1rem;
}
.vital-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 0.75rem;
background: #f8fafc;
border-radius: 12px;
text-align: center;
}
.vital-item.warning {
background: #fef2f2;
border: 1px solid #fee2e2;
}
.vital-item.warning .value {
color: #ef4444;
}
.vital-item .label {
font-size: 0.7rem;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.25rem;
}
.vital-item .value {
.p-token {
font-weight: 700;
color: var(--primary);
font-size: 1rem;
}
.allergy-tag {
margin-top: 1rem;
padding: 0.5rem 1rem;
background: #fff1f2;
color: #e11d48;
border-radius: 10px;
font-size: 0.85rem;
font-weight: 600;
text-align: center;
}
.ai-nudge-box p {
font-size: 0.95rem;
color: #475569;
margin: 1rem 0;
line-height: 1.5;
}
.suggested-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.suggested-tags span {
padding: 0.25rem 0.75rem;
background: #f0f9ff;
color: #0369a1;
background: white;
padding: 0.4rem 0.6rem;
border-radius: 8px;
font-size: 0.8rem;
font-weight: 500;
cursor: pointer;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.zen-workspace {
display: flex;
flex-direction: column;

35
dashboard.html
View File

@ -106,6 +106,7 @@
<div class="zen-grid">
<div class="clinical-workspace-area">
<div class="clinical-notes-card">
<div class="card-header">Consultation Notes</div>
<textarea id="consultationNotes" placeholder="Start typing or use Voice AI..." class="zen-textarea"></textarea>
</div>
@ -119,34 +120,10 @@
</div>
</div>
<div class="zen-sidebar">
<div class="insight-card">
<div class="card-header">🩺 Patient Insights</div>
<div class="vitals-grid">
<div class="vital-item">
<span class="label">Temp</span>
<span class="value">98.6°F</span>
</div>
<div class="vital-item warning">
<span class="label">BP</span>
<span class="value">140/90</span>
</div>
<div class="vital-item">
<span class="label">SpO2</span>
<span class="value">98%</span>
</div>
</div>
<div class="allergy-tag">⚠️ Peanuts Allergy</div>
</div>
<div class="ai-nudge-box">
<div class="card-header">✨ AI Assistant</div>
<p id="aiNudgeText">Listening for diagnosis...</p>
<div class="suggested-tags">
<span>#ViralFever</span>
<span>#FluProtocols</span>
</div>
</div>
<div class="quick-links">
<div class="card-header">Quick References</div>
<button class="btn-small secondary">Diabetes Guidelines</button>
<button class="btn-small secondary">Drug Interaction Checker</button>
</div>
</div>
</main>
@ -420,6 +397,6 @@
</div>
</div>
<script src="dashboard.js?v=13"></script>
<script src="dashboard.js?v=12"></script>
</body>
</html>

26
dashboard.js
View File

@ -44,37 +44,11 @@ document.addEventListener("DOMContentLoaded", () => {
link.style.display = 'none';
}
});
// Hide Admin Top Bar elements
const adminElements = ['.search-box', '.top-actions', '.btn-primary'];
adminElements.forEach(selector => {
const el = document.querySelector(selector);
if (el && !el.closest('.workspace-actions')) el.style.display = 'none';
});
showSection('zen');
} else {
showSection('overview');
}
// AI Nudge Simulation Logic
const notesArea = document.getElementById("consultationNotes");
const nudgeText = document.getElementById("aiNudgeText");
const tagsContainer = document.querySelector(".suggested-tags");
if (notesArea) {
notesArea.addEventListener("input", (e) => {
const val = e.target.value.toLowerCase();
if (val.includes("fever") || val.includes("temperature")) {
nudgeText.innerText = "✨ AI suggests: Patient has elevated temp. Consider prescribing Paracetamol and checking for throat infection.";
tagsContainer.innerHTML = '<span>#ViralFever</span><span>#InfectionCheck</span>';
} else if (val.includes("cough") || val.includes("breath")) {
nudgeText.innerText = "✨ AI suggests: Respiratory symptoms detected. Check SpO2 and listen for chest congestion.";
tagsContainer.innerHTML = '<span>#AsthmaProtocol</span><span>#Bronchitis</span>';
}
});
}
// Initialize Recognition
if ('webkitSpeechRecognition' in window) {
recognition = new webkitSpeechRecognition();