#93 frontend: add headers to pateint status and translate english moc…

…k data
hpi-sam · Mar 27, 2024 · ed18ee1 · ed18ee1
1 parent df2c2fc
commit ed18ee1
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 23 deletions.
diff --git a/frontend/src/components/widgets/PatientStatus.vue b/frontend/src/components/widgets/PatientStatus.vue
@@ -6,6 +6,18 @@
 
 <template>
 	<table>
+		<tr>
+			<td colspan="2">
+				<hr>
+			</td>
+		</tr>
+		<tr>
+			<td colspan="2">
+				<h1>
+					Status
+				</h1>
+			</td>
+		</tr>
 		<tr>
 			<td>
 				<p class="key">
@@ -42,6 +54,18 @@
 				</p>{{ patientStore.skin }}
 			</td>
 		</tr>
+		<tr>
+			<td colspan="2">
+				<hr>
+			</td>
+		</tr>
+		<tr>
+			<td colspan="2">
+				<h1>
+					Info
+				</h1>
+			</td>
+		</tr>
 		<tr>
 			<td>
 				<p class="key">
@@ -66,19 +90,24 @@
 				</p>{{ patientStore.biometrics }}
 			</td>
 		</tr>
+		<tr>
+			<td colspan="2">
+				<hr>
+			</td>
+		</tr>
 	</table>
 </template>
 
 <style scoped>
 	table {
 		border-collapse: collapse;
-		width: 100%;
+		width: 90%;
+		max-width: calc(100% - 60px);
 		table-layout: fixed;
-		margin: 90px 30px 30px 30px;
+		margin: 90px auto 30px auto;
 	}
 
 	td {
-		width: 50%;
 		padding: 10px;
 		vertical-align: top;
 		overflow: hidden;
@@ -87,4 +116,8 @@
 	.key {
 		font-weight: bold;
 	}
+
+	h1 {
+		text-align: center;
+	}
 </style>
diff --git a/frontend/src/sockets/SocketTrainer.ts b/frontend/src/sockets/SocketTrainer.ts
@@ -154,35 +154,35 @@ export const serverMockEvents = [
 		id: "available-patients",
 		data: '{"messageType":"available-patients","availablePatients":{"availablePatients":['+
 			'{"patientCode":1,'+
-			'"triage":"Y","patientInjury":"broken arm","patientHistory":"Asthma",'+
-			'"patientPersonalDetails":"Female, 30 years old","patientBiometrics":"Height:196cm, Weight: 76kg"},'+
+			'"triage":"Y","patientInjury":"Gebrochener Arm","patientHistory":"Asthma",'+
+			'"patientPersonalDetails":"weiblich, 30 Jahre alt","patientBiometrics":"Größe: 196cm, Gewicht: 76kg"},'+
 			'{"patientCode":2,'+
-			'"triage":"G","patientInjury":"twisted ankle","patientHistory":"No known allergies",'+
-			'"patientPersonalDetails":"Male, 47 years old","patientBiometrics":"Height:164cm, Weight: 65kg"},'+
+			'"triage":"G","patientInjury":"Verdrehter Knöchel","patientHistory":"Keine Allergien",'+
+			'"patientPersonalDetails":"männlich, 47 Jahre alt","patientBiometrics":"Größe: 164cm, Gewicht: 65kg"},'+
 			'{"patientCode":3,'+
-			'"triage":"R","patientInjury":"head injury","patientHistory":"Diabetes",'+
-			'"patientPersonalDetails":"Female, 20 years old","patientBiometrics":"Height:192cm, Weight: 77kg"},'+
+			'"triage":"R","patientInjury":"Kopfverletzung","patientHistory":"Diabetes",'+
+			'"patientPersonalDetails":"weiblich, 20 Jahre alt","patientBiometrics":"Größe: 192cm, Gewicht: 77kg"},'+
 			'{"patientCode":4,'+
-			'"triage":"Y","patientInjury":"sprained wrist","patientHistory":"gastroesophageal reflux disease",'+
-			'"patientPersonalDetails":"Male, 13 years old","patientBiometrics":"Height:165cm, Weight: 54kg"},'+
+			'"triage":"Y","patientInjury":"Gebprelltes Bein","patientHistory":"Asthma",'+
+			'"patientPersonalDetails":"männlich, 13 Jahre alt","patientBiometrics":"Größe: 165cm, Gewicht: 54kg"},'+
 			'{"patientCode":5,'+
-			'"triage":"G","patientInjury":"bruised ribs","patientHistory":"No known allergies",'+
-			'"patientPersonalDetails":"Female, 53 years old","patientBiometrics":"Height:180cm, Weight: 71kg"},'+
+			'"triage":"G","patientInjury":"Butender Arm","patientHistory":"Asthma",'+
+			'"patientPersonalDetails":"weiblich, 53 Jahre alt","patientBiometrics":"Größe: 180cm, Gewicht: 71kg"},'+
 			'{"patientCode":6,'+
-			'"triage":"Y","patientInjury":"shoulder dislocation","patientHistory":"paralyzed",'+
-			'"patientPersonalDetails":"Male, 49 years old","patientBiometrics":"Height:170cm, Weight: 67kg"},'+
+			'"triage":"Y","patientInjury":"Verschobene Schulter","patientHistory":"Gehbehindert",'+
+			'"patientPersonalDetails":"männlich, 49 Jahre alt","patientBiometrics":"Größe: 170cm, Gewicht: 67kg"},'+
 			'{"patientCode":7,'+
-			'"triage":"R","patientInjury":"head trauma","patientHistory":"Asthma",'+
-			'"patientPersonalDetails":"Female, 23 years old","patientBiometrics":"Height:162cm, Weight: 67kg"},'+
+			'"triage":"R","patientInjury":"Kopfverletzung","patientHistory":"Asthma",'+
+			'"patientPersonalDetails":"weiblich, 23 Jahre alt","patientBiometrics":"Größe: 162cm, Gewicht: 67kg"},'+
 			'{"patientCode":8,'+
-			'"triage":"Y","patientInjury":"bruised ribs","patientHistory":"reflux disease",'+
-			'"patientPersonalDetails":"Male, 43 years old","patientBiometrics":"Height:161cm, Weight: 56kg"},'+
+			'"triage":"Y","patientInjury":"Verlorener Finger","patientHistory":"Diabetes",'+
+			'"patientPersonalDetails":"männlich, 43 Jahre alt","patientBiometrics":"Größe: 161cm, Gewicht: 56kg"},'+
 			'{"patientCode":9,'+
-			'"triage":"G","patientInjury":"sprained wrist","patientHistory":"hearth disease",'+
-			'"patientPersonalDetails":"Female, 23 years old","patientBiometrics":"Height:182cm, Weight: 75kg"},'+
+			'"triage":"G","patientInjury":"Aufgschürfter Ellenbogen","patientHistory":"Bluthochdruck",'+
+			'"patientPersonalDetails":"weiblich, 23 Jahre alt","patientBiometrics":"Größe: 182cm, Gewicht: 75kg"},'+
 			'{"patientCode":10,'+
-			'"triage":"Y","patientInjury":"shoulder broken","patientHistory":"illness",'+
-			'"patientPersonalDetails":"Male, 39 years old","patientBiometrics":"Height:173cm, Weight: 61kg"}'+
+			'"triage":"Y","patientInjury":"Gebrochene Nase","patientHistory":"Grippe",'+
+			'"patientPersonalDetails":"männlich, 39 Jahre alt","patientBiometrics":"Größe: 173cm, Gewicht: 61kg"}'+
 			']}}'
 	},
 	{