ionic-paijo/src/app/pemeriksaan/pemeriksaan.page.html
2024-05-16 23:20:59 +07:00

119 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">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">HBA1C</ion-label>
<ion-input type="number" [(ngModel)]="payloadData.hba1c" placeholder="Masukkan HBA1C"></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>