integrasi identitas & pengukuran

This commit is contained in:
Ryan Ariana
2024-05-15 19:46:23 +07:00
parent 3d63594d4f
commit 58fa93d99c
5 changed files with 149 additions and 26 deletions

View File

@@ -16,80 +16,104 @@
<ion-list>
<ion-item>
<ion-label position="stacked">Berat Badan (Kg)</ion-label>
<ion-input type="number" placeholder="Masukkan Berat Badan"></ion-input>
<ion-input type="number" [(ngModel)]="payloadData.berat_badan" placeholder="Masukkan Berat Badan"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Tinggi Badan (Cm)</ion-label>
<ion-input type="number" placeholder="Masukkan Tinggi Badan"></ion-input>
<ion-input type="number" [(ngModel)]="payloadData.tinggi_badan" placeholder="Masukkan Tinggi Badan"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">IMT (Kg/m²)</ion-label>
<ion-input type="number" placeholder="Masukkan IMT"></ion-input>
<ion-input type="number" [(ngModel)]="payloadData.imt" placeholder="Masukkan IMT"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Lingkar Perut (Cm)</ion-label>
<ion-input type="number" placeholder="Masukkan Lingkar Perut"></ion-input>
<ion-label position="stacked">Tekanan Darah Diastole(mmHg)</ion-label>
<ion-input type="number" [(ngModel)]="payloadData.tekanan_darah_diastole" placeholder="Masukkan Tekanan Darah Diastole"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Tekanan Darah (mmHg)</ion-label>
<ion-input type="text" placeholder="Masukkan Tekanan Darah"></ion-input>
<ion-label position="stacked">Tekanan Darah Sistole(mmHg)</ion-label>
<ion-input type="number" [(ngModel)]="payloadData.tekanan_darah_sistole" placeholder="Masukkan Tekanan Darah Sistole"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Frekuensi Nafas (Kali/menit)</ion-label>
<ion-input type="number" placeholder="Masukkan Frekuensi Nafas"></ion-input>
<ion-input type="number" [(ngModel)]="payloadData.frekuensi_nafas" placeholder="Masukkan Frekuensi Nafas"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Nadi (Kali/menit)</ion-label>
<ion-input type="number" placeholder="Masukkan Nadi"></ion-input>
<ion-input type="number" [(ngModel)]="payloadData.nadi" placeholder="Masukkan Nadi"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Kadar Gula Darah (mg/dL)</ion-label>
<ion-input type="number" placeholder="Masukkan Kadar Gula Darah"></ion-input>
<ion-input type="number" [(ngModel)]="payloadData.kadar_gula_darah" placeholder="Masukkan Kadar Gula Darah"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Kadar Kolesterol (mg/dL)</ion-label>
<ion-input type="number" placeholder="Masukkan Kadar Kolesterol"></ion-input>
<ion-label position="stacked">Kadar Kolesterol HDL(mg/dL)</ion-label>
<ion-input type="number" [(ngModel)]="payloadData.kolesterol_hdl" placeholder="Masukkan Kadar Kolesterol"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Kadar Kolesterol LDL(mg/dL)</ion-label>
<ion-input type="number" [(ngModel)]="payloadData.kolesterol_ldl" placeholder="Masukkan Kadar Kolesterol LDL"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Kadar Kolesterol Total(mg/dL)</ion-label>
<ion-input type="number" [(ngModel)]="payloadData.kolesterol_total" placeholder="Masukkan Kadar Kolesterol Total"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Kadar HB (gr/dL)</ion-label>
<ion-input type="number" placeholder="Masukkan Kadar HB"></ion-input>
<ion-input type="number" [(ngModel)]="payloadData.kadar_hb" placeholder="Masukkan Kadar HB"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Kadar Asam Urat (mg/dL)</ion-label>
<ion-input type="number" placeholder="Masukkan Kadar Asam Urat"></ion-input>
<ion-input type="number" [(ngModel)]="payloadData.kadar_asam_urat" placeholder="Masukkan Kadar Asam Urat"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Golongan Darah</ion-label>
<ion-input type="text" placeholder="Masukkan Golongan Darah"></ion-input>
<ion-input type="text" [(ngModel)]="payloadData.golongan_darah" placeholder="Masukkan Golongan Darah"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Px. HbA1C (%)</ion-label>
<ion-input type="number" placeholder="Masukkan Px. HbA1C"></ion-input>
<ion-label position="stacked">Trigliserida</ion-label>
<ion-input type="number" [(ngModel)]="payloadData.trigliserida" placeholder="Masukkan Trigliserida"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Lingkar Perut</ion-label>
<ion-input type="number" [(ngModel)]="payloadData.lingkar_perut" placeholder="Masukkan Lingkar Perut"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Waktu Pengambilan Gula Darah</ion-label>
<ion-select [(ngModel)]="payloadData.waktu_pengambilan_gula_darah" placeholder="Pilih waktu">
<ion-select-option value="puasa">Puasa minimal 8 jam</ion-select-option>
<ion-select-option value="makan">Satu sampai 2 jam setelah makan</ion-select-option>
<ion-select-option value="gds">Gula Darah Sewaktu/GDS</ion-select-option>
<ion-select-option value="tidur">Sebelum berangkat tidur malam</ion-select-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label position="stacked">Kondisi Umum</ion-label>
<ion-input type="text" placeholder="Masukkan Kondisi Umum"></ion-input>
<ion-input type="text" [(ngModel)]="payloadData.kondisi_umum" placeholder="Masukkan Kondisi Umum"></ion-input>
</ion-item>
<ion-item>
<ion-label position="stacked">Keluhan/Perasaan</ion-label>
<ion-textarea placeholder="Tuliskan Keluhan atau Perasaan"></ion-textarea>
<ion-textarea [(ngModel)]="payloadData.keluhan_perasaan" placeholder="Tuliskan Keluhan atau Perasaan"></ion-textarea>
</ion-item>
<ion-button expand="block" color="primary">Simpan</ion-button>
<ion-button expand="block" color="primary" (click)="simpanData()">Simpan</ion-button>
</ion-list>
</ion-content>