-
This commit is contained in:
Ty Clifford
+233
-5
@@ -9,7 +9,7 @@ app_db();
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Neon Health Tracker</title>
|
||||
<title>Neon Medical Tracker</title>
|
||||
<link rel="stylesheet" href="/assets/styles.css">
|
||||
</head>
|
||||
<body data-theme="dark" data-accent="green">
|
||||
@@ -22,7 +22,7 @@ app_db();
|
||||
<span></span>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Neon Health Tracker</h1>
|
||||
<h1>Neon Medical Tracker</h1>
|
||||
<p id="profileFocus">Loading profile</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -64,6 +64,96 @@ app_db();
|
||||
|
||||
<section class="summary-grid" id="summaryGrid" aria-live="polite"></section>
|
||||
|
||||
<section class="workspace-grid medical-workspace">
|
||||
<div class="panel planner-panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Medication Plan</p>
|
||||
<h2>Medication Log</h2>
|
||||
</div>
|
||||
<button class="text-button" type="button" data-jump="#medicationLogForm">Log medication</button>
|
||||
</div>
|
||||
<div class="timeline" id="medicationLogList"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Vitals</p>
|
||||
<h2>Latest Readings</h2>
|
||||
</div>
|
||||
<button class="text-button" type="button" data-jump="#vitalLogForm">Log vitals</button>
|
||||
</div>
|
||||
<div class="nutrition-list" id="vitalLogList"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Labs</p>
|
||||
<h2>Lab Results</h2>
|
||||
</div>
|
||||
<button class="text-button" type="button" data-jump="#labResultForm">Log lab</button>
|
||||
</div>
|
||||
<div class="nutrition-list" id="labResultList"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Symptoms</p>
|
||||
<h2>Symptom Journal</h2>
|
||||
</div>
|
||||
<button class="text-button" type="button" data-jump="#symptomLogForm">Log symptom</button>
|
||||
</div>
|
||||
<div class="nutrition-list" id="symptomLogList"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Safety</p>
|
||||
<h2>Allergies</h2>
|
||||
</div>
|
||||
<button class="text-button" type="button" data-jump="#allergyRecordForm">Add allergy</button>
|
||||
</div>
|
||||
<div class="nutrition-list" id="allergyRecordList"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Care Plan</p>
|
||||
<h2>Appointments</h2>
|
||||
</div>
|
||||
<button class="text-button" type="button" data-jump="#appointmentForm">Add appointment</button>
|
||||
</div>
|
||||
<div class="nutrition-list" id="appointmentList"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Prevention</p>
|
||||
<h2>Immunizations</h2>
|
||||
</div>
|
||||
<button class="text-button" type="button" data-jump="#immunizationRecordForm">Add vaccine</button>
|
||||
</div>
|
||||
<div class="nutrition-list" id="immunizationRecordList"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Reference</p>
|
||||
<h2>NIH/NLM Studies</h2>
|
||||
</div>
|
||||
<a class="text-button" href="/medical.php">Open database</a>
|
||||
</div>
|
||||
<div class="supplement-list" id="studyList"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel admin-panel" id="adminPanel" hidden>
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
@@ -92,10 +182,10 @@ app_db();
|
||||
<label class="field"><span>Phone</span><input name="phone" type="tel"></label>
|
||||
<label class="field"><span>Birthday</span><input name="birthday" type="date"></label>
|
||||
<label class="field"><span>Height in</span><input name="height_in" type="number" min="0" step="0.5"></label>
|
||||
<label class="field"><span>Training level</span><select name="training_level"><option></option><option>Beginner</option><option>Intermediate</option><option>Advanced</option><option>Competitive</option></select></label>
|
||||
<label class="field"><span>Tracking comfort</span><select name="training_level"><option></option><option>Getting started</option><option>Comfortable</option><option>Advanced</option><option>Caregiver</option></select></label>
|
||||
<label class="field"><span>Theme</span><select name="theme_mode"><option>dark</option><option>light</option></select></label>
|
||||
<label class="field"><span>Accent</span><select name="theme_accent"><option>green</option><option>blue</option><option>red</option><option>pink</option><option>orange</option></select></label>
|
||||
<label class="field wide"><span>Fitness focus</span><input name="fitness_focus" placeholder="Strength, endurance, recovery"></label>
|
||||
<label class="field wide"><span>Care focus</span><input name="fitness_focus" placeholder="Blood pressure, glucose, asthma"></label>
|
||||
<label class="field wide"><span>Emergency contact</span><input name="emergency_contact" placeholder="Name and phone"></label>
|
||||
</div>
|
||||
<button class="primary-button" type="submit">Save profile</button>
|
||||
@@ -107,7 +197,7 @@ app_db();
|
||||
<div class="panel planner-panel">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Planner</p>
|
||||
<p class="eyebrow">Legacy Fitness</p>
|
||||
<h2>Workout Schedule</h2>
|
||||
</div>
|
||||
<button class="text-button" type="button" data-jump="#workoutForm">Add workout</button>
|
||||
@@ -150,6 +240,144 @@ app_db();
|
||||
</section>
|
||||
|
||||
<section class="forms-grid" aria-label="Tracker forms">
|
||||
<form class="panel form-panel" id="medicationLogForm">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Medication</p>
|
||||
<h2>Log Medication</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid two">
|
||||
<label class="field"><span>Date</span><input name="taken_on" type="date" required></label>
|
||||
<label class="field"><span>Medication</span><select name="medication_id"></select></label>
|
||||
<label class="field"><span>Name</span><input name="medication_name" placeholder="Custom medicine"></label>
|
||||
<label class="field"><span>Dose</span><input name="dose" placeholder="500 mg"></label>
|
||||
<label class="field"><span>Route</span><input name="route" placeholder="oral"></label>
|
||||
<label class="field"><span>Frequency</span><input name="frequency" placeholder="twice daily"></label>
|
||||
<label class="field"><span>Status</span><select name="status"><option>planned</option><option>taken</option><option>skipped</option><option>stopped</option></select></label>
|
||||
<label class="field"><span>Prescriber</span><input name="prescriber"></label>
|
||||
<label class="field wide"><span>Notes</span><textarea name="notes" rows="3"></textarea></label>
|
||||
</div>
|
||||
<button class="primary-button" type="submit">Save medication</button>
|
||||
</form>
|
||||
|
||||
<form class="panel form-panel" id="vitalLogForm">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Vitals</p>
|
||||
<h2>Log Vitals</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid two">
|
||||
<label class="field"><span>Date</span><input name="measured_on" type="date" required></label>
|
||||
<label class="field"><span>Blood pressure</span><input name="systolic" type="number" min="0" placeholder="Systolic"></label>
|
||||
<label class="field"><span>Diastolic</span><input name="diastolic" type="number" min="0"></label>
|
||||
<label class="field"><span>Pulse</span><input name="pulse" type="number" min="0"></label>
|
||||
<label class="field"><span>Temp F</span><input name="temperature_f" type="number" min="0" step="0.1"></label>
|
||||
<label class="field"><span>Oxygen %</span><input name="oxygen_pct" type="number" min="0" max="100" step="0.1"></label>
|
||||
<label class="field"><span>Glucose mg/dL</span><input name="glucose_mg_dl" type="number" min="0" step="1"></label>
|
||||
<label class="field"><span>Pain 0-10</span><input name="pain_score" type="number" min="0" max="10" step="1"></label>
|
||||
<label class="field wide"><span>Symptoms</span><input name="symptoms" placeholder="Cough, dizziness, none"></label>
|
||||
<label class="field wide"><span>Notes</span><textarea name="notes" rows="3"></textarea></label>
|
||||
</div>
|
||||
<button class="primary-button" type="submit">Save vitals</button>
|
||||
</form>
|
||||
|
||||
<form class="panel form-panel" id="labResultForm">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Labs</p>
|
||||
<h2>Log Lab Result</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid two">
|
||||
<label class="field"><span>Date</span><input name="collected_on" type="date" required></label>
|
||||
<label class="field"><span>Test</span><input name="test_name" placeholder="A1C" required></label>
|
||||
<label class="field"><span>Result</span><input name="result_value" placeholder="6.2" required></label>
|
||||
<label class="field"><span>Unit</span><input name="unit" placeholder="%"></label>
|
||||
<label class="field"><span>Reference range</span><input name="reference_range"></label>
|
||||
<label class="field"><span>Clinician</span><input name="ordering_clinician"></label>
|
||||
<label class="field wide"><span>Notes</span><textarea name="notes" rows="3"></textarea></label>
|
||||
</div>
|
||||
<button class="primary-button" type="submit">Save lab</button>
|
||||
</form>
|
||||
|
||||
<form class="panel form-panel" id="symptomLogForm">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Symptoms</p>
|
||||
<h2>Log Symptom</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid two">
|
||||
<label class="field"><span>Date</span><input name="observed_on" type="date" required></label>
|
||||
<label class="field"><span>Symptom</span><input name="symptom" placeholder="Headache" required></label>
|
||||
<label class="field"><span>Body area</span><input name="body_area" placeholder="Head, chest, abdomen"></label>
|
||||
<label class="field"><span>Severity 0-10</span><input name="severity" type="number" min="0" max="10" step="1"></label>
|
||||
<label class="field"><span>Duration</span><input name="duration" placeholder="2 hours"></label>
|
||||
<label class="field"><span>Triggers</span><input name="triggers" placeholder="Food, activity, stress"></label>
|
||||
<label class="field wide"><span>Action taken</span><input name="action_taken" placeholder="Rested, called clinic, took medicine"></label>
|
||||
<label class="field wide"><span>Notes</span><textarea name="notes" rows="3"></textarea></label>
|
||||
</div>
|
||||
<button class="primary-button" type="submit">Save symptom</button>
|
||||
</form>
|
||||
|
||||
<form class="panel form-panel" id="allergyRecordForm">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Safety</p>
|
||||
<h2>Add Allergy</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid two">
|
||||
<label class="field"><span>Allergen</span><input name="allergen" placeholder="Penicillin" required></label>
|
||||
<label class="field"><span>Reaction</span><input name="reaction" placeholder="Rash, hives, swelling"></label>
|
||||
<label class="field"><span>Severity</span><select name="severity"><option>unknown</option><option>mild</option><option>moderate</option><option>severe</option><option>life-threatening</option></select></label>
|
||||
<label class="field"><span>First noted</span><input name="first_noted_on" type="date"></label>
|
||||
<label class="field"><span>Status</span><select name="status"><option>active</option><option>resolved</option></select></label>
|
||||
<label class="field wide"><span>Notes</span><textarea name="notes" rows="3"></textarea></label>
|
||||
</div>
|
||||
<button class="primary-button" type="submit">Save allergy</button>
|
||||
</form>
|
||||
|
||||
<form class="panel form-panel" id="appointmentForm">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Care Plan</p>
|
||||
<h2>Add Appointment</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid two">
|
||||
<label class="field"><span>Date</span><input name="appointment_on" type="date" required></label>
|
||||
<label class="field"><span>Clinician</span><input name="clinician" placeholder="Dr. Morgan"></label>
|
||||
<label class="field"><span>Specialty</span><input name="specialty" placeholder="Primary care"></label>
|
||||
<label class="field"><span>Location</span><input name="location" placeholder="Clinic or telehealth"></label>
|
||||
<label class="field wide"><span>Reason</span><input name="reason" placeholder="Medication follow-up" required></label>
|
||||
<label class="field"><span>Status</span><select name="status"><option>scheduled</option><option>completed</option><option>canceled</option></select></label>
|
||||
<label class="field wide"><span>Follow-up notes</span><textarea name="follow_up_notes" rows="3"></textarea></label>
|
||||
</div>
|
||||
<button class="primary-button" type="submit">Save appointment</button>
|
||||
</form>
|
||||
|
||||
<form class="panel form-panel" id="immunizationRecordForm">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Prevention</p>
|
||||
<h2>Add Immunization</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-grid two">
|
||||
<label class="field"><span>Vaccine</span><input name="vaccine_name" placeholder="Influenza" required></label>
|
||||
<label class="field"><span>Administered</span><input name="administered_on" type="date" required></label>
|
||||
<label class="field"><span>Dose</span><input name="dose" placeholder="0.5 mL"></label>
|
||||
<label class="field"><span>Lot number</span><input name="lot_number"></label>
|
||||
<label class="field"><span>Site</span><input name="clinician_or_site" placeholder="Pharmacy, clinic"></label>
|
||||
<label class="field"><span>Next due</span><input name="next_due_on" type="date"></label>
|
||||
<label class="field wide"><span>Notes</span><textarea name="notes" rows="3"></textarea></label>
|
||||
</div>
|
||||
<button class="primary-button" type="submit">Save immunization</button>
|
||||
</form>
|
||||
|
||||
<form class="panel form-panel" id="workoutForm">
|
||||
<div class="panel-heading">
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user