120 lines
5.0 KiB
HTML
120 lines
5.0 KiB
HTML
<ion-header [translucent]="true">
|
|
<ion-toolbar color="primary">
|
|
<ion-buttons slot="start">
|
|
<ion-menu-button></ion-menu-button>
|
|
</ion-buttons>
|
|
<ion-title>Pengukuran</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content [fullscreen]="true">
|
|
<ion-header collapse="condense">
|
|
<ion-toolbar>
|
|
<ion-title size="large">Pengukuran</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
<ion-list>
|
|
<ion-item>
|
|
<ion-label position="stacked">Berat Badan (Kg)</ion-label>
|
|
<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" [(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" [(ngModel)]="payloadData.imt" placeholder="Masukkan IMT"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<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 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" [(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" [(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" [(ngModel)]="payloadData.kadar_gula_darah" placeholder="Masukkan Kadar Gula Darah"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<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" [(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" [(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" [(ngModel)]="payloadData.golongan_darah" placeholder="Masukkan Golongan Darah"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<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" [(ngModel)]="payloadData.kondisi_umum" placeholder="Masukkan Kondisi Umum"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label position="stacked">Keluhan/Perasaan</ion-label>
|
|
<ion-textarea [(ngModel)]="payloadData.keluhan_perasaan" placeholder="Tuliskan Keluhan atau Perasaan"></ion-textarea>
|
|
</ion-item>
|
|
|
|
<ion-button expand="block" color="primary" (click)="simpanData()">Simpan</ion-button>
|
|
</ion-list>
|
|
</ion-content>
|
|
|