-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
126 lines (109 loc) · 4.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<title>Nabla API sample app</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<div class="container">
<h1>Nabla API sample app</h1>
<div class="filters">
Demo type:
<a href="#" id="ambient-encounter-link" class="active">Ambient encounter</a>
|
<a href="#" id="dictated-note-link" class="">Dictated note</a>
</div>
<hr>
<div class="encounter">
<div class="filter">
<label for="transcript-locale">Transcript locale:</label>
<select id="transcript-locale">
<option value="en-US">en-US</option>
<option value="en-GB">en-GB</option>
<option value="fr-FR">fr-FR</option>
<option value="es-ES">es-ES</option>
<option value="es-MX">es-MX</option>
</select>
</div>
<div class="filters">
<label for="note-locale">Note locale:</label>
<select id="note-locale">
<option value="en-US">en-US</option>
<option value="en-GB">en-GB</option>
<option value="fr-FR">fr-FR</option>
</select>
</div>
<div class="filters">
<label for="note-template">Note template:</label>
<select id="note-template">
<option value="GENERAL_MEDICINE">General Medicine</option>
<option value="CARDIOLOGY">Cardiology</option>
<option value="PSYCHIATRY">Psychiatry</option>
<option value="DIET">Diet</option>
<option value="PSYCHOLOGY">Psychology</option>
<option value="SOAP">SOAP</option>
</select>
<label for="section-style">Section style:</label>
<select id="section-style">
<option value="auto">Auto</option>
<option value="paragraphs">Paragraphs</option>
<option value="bullet_points">Bullet Points</option>
</select>
</div>
<div class="filters">
<label for="patient-context">Patient context:</label>
<textarea id="patient-context"></textarea>
</div>
<hr>
<div>
<button id="start-btn" onClick="startRecording()">Start consultation</button>
<button id="generate-btn" onClick="generateNote()">Generate note</button>
<button id="normalize-btn" onClick="generateNormalizedData()">Generate normalized data</button>
<button id="patient-instructions-btn" onClick="generatePatientInstructions()">Generate patient
instructions</button>
<button id="clear-btn" onclick="clearEncounter()">Clear</button>
</div>
<div id="transcript" class="results">
<h3>Transcript:</h3>
</div>
<div id="note" class="results">
<h3>Note:</h3>
</div>
<div id="normalized-data" class="results">
<h3>Normalized data:</h3>
</div>
<div id="patient-instructions" class="results">
<h3>Patient instructions:</h3>
</div>
</div>
<div class="dictation hide">
<div class="filters">
<label for="dictationLocale">Dictation locale:</label>
<select id="dictationLocale">
<option value="en-US">en-US</option>
<option value="en-GB">en-GB</option>
<option value="fr-FR">fr-FR</option>
<option value="es-ES">es-ES</option>
<option value="es-MX">es-MX</option>
</select>
</div>
<div class="filters">
<span style="margin-right: 8px;">Explicit punctuation:</span>
<label class="switch">
<input id="punctuation-switch" type="checkbox" checked>
<span class="slider round"></span>
</label>
</div>
<hr>
<div>
<button id="dictate-btn" onClick="startDictating()">Start</button>
<button id="pause-btn" onClick="pauseDictating()" disabled>Pause</button>
</div>
<div id="dictated-note" class="results">
<h3>Dictated note:</h3>
</div>
</div>
</div>
</body>
</html>