fix: role-aware settings page for doctors
Build MCP Services / build-mcp-filesystem (push) Successful in 1m18s Details

This commit is contained in:
Antigravity 2026-05-15 16:37:11 -04:00
parent 3f96d6f6ae
commit 4cd89d038b
1 changed files with 67 additions and 5 deletions

View File

@ -29,10 +29,10 @@
<a href="settings.html" class="active"><span>⚙️</span> Settings</a> <a href="settings.html" class="active"><span>⚙️</span> Settings</a>
</nav> </nav>
<div class="user-profile"> <div class="user-profile">
<div class="avatar">AD</div> <div class="avatar" id="userAvatar">AD</div>
<div class="info"> <div class="info">
<strong>Admin</strong> <strong id="userNameDisplay">Admin</strong>
<span>Settings</span> <span id="userRoleDisplay">Settings</span>
<a href="login.html" class="logout-btn"><span>🚪</span> Logout</a> <a href="login.html" class="logout-btn"><span>🚪</span> Logout</a>
</div> </div>
</div> </div>
@ -49,7 +49,7 @@
</div> </div>
</header> </header>
<section class="settings-grid"> <section class="settings-grid admin-only">
<div class="section-card"> <div class="section-card">
<h2>Pricing & Fees</h2> <h2>Pricing & Fees</h2>
<div class="input-group"> <div class="input-group">
@ -94,11 +94,73 @@
</div> </div>
</div> </div>
</section> </section>
<section class="settings-grid doctor-only hidden">
<div class="section-card">
<h2>Clinical Profile</h2>
<div class="input-group">
<label>Full Name</label>
<input type="text" value="Dr. Sharma">
</div>
<div class="input-group">
<label>Specialization</label>
<input type="text" value="Cardiologist">
</div>
<div class="input-group">
<label>Consultation Fee (Personal Override)</label>
<input type="number" value="800">
</div>
</div>
<div class="section-card">
<h2>Zen Scribe Preferences</h2>
<div class="input-group">
<label>Default Scribe Language</label>
<select>
<option value="en-US">English (US)</option>
<option value="hi-IN">Hindi</option>
<option value="te-IN">Telugu</option>
</select>
</div>
<div class="input-group">
<label>Auto-Generate Clinical Summary</label>
<select>
<option>Enabled</option>
<option>Disabled</option>
</select>
</div>
</div>
<div class="section-card">
<h2>Digital Signature</h2>
<div class="signature-upload" style="border: 2px dashed var(--border); padding: 2rem; text-align: center; border-radius: var(--radius-md);">
<p>Click to upload or drag your signature image</p>
<button class="btn-small secondary">Upload Image</button>
</div>
</div>
</section>
</main> </main>
<script> <script>
document.addEventListener('DOMContentLoaded', () => {
const role = localStorage.getItem('userRole') || 'OWNER';
const name = localStorage.getItem('userName') || 'Admin';
// Update Profile UI
document.getElementById('userNameDisplay').innerText = role === 'DOCTOR' ? 'Dr. Sharma' : name;
document.getElementById('userRoleDisplay').innerText = role;
document.getElementById('userAvatar').innerText = role === 'DOCTOR' ? 'DS' : 'AD';
if (role === 'DOCTOR') {
document.querySelector('.admin-only').classList.add('hidden');
document.querySelector('.doctor-only').classList.remove('hidden');
document.querySelector('.header-title h1').innerText = 'Doctor Preferences';
document.querySelector('.header-title p').innerText = 'Manage your profile and clinical tool settings.';
}
});
document.getElementById('saveSettings').onclick = () => { document.getElementById('saveSettings').onclick = () => {
alert('Settings saved successfully! Changes will reflect in new tokens.'); alert('Settings saved successfully!');
}; };
</script> </script>
</body> </body>