Progress

1. Deskripsi :

Penggunaan tipe input ini untuk merender formulir atau input dalam aplikasi web. Tipe data dalam hal ini yaitu "progress" untuk mendeskripsikan inputan berupa angka yang akan dimasukan ke form untuk menampilkan progress value pada suatu menu. Hasil implementasinya nanti akan dilengkapi oleh tambahan karakter (%) sebagai representasi dari progres tersebut. Contoh implementasi seperti berikut :

1. Implementasi JSON :

"dynamicColumns": [
        {
          "fieldName": "sf6CylinderCode",
          "columnName": "SF6 Cylinder ID",
          "minWidth": "50px"
        },
        {
          "fieldName": "cAconcentration",
          "columnName": "C of A Concentration ",
          "type": "progress",
          "minWidth": "50px"
        },
        {
          "fieldName": "ptTciAnalysisDate",
          "columnName": "TCI Analysis Date ",
          "dataFormat": "date:DD MMM YYYY",
          "minWidth": "50px"
        },
        {
          "fieldName": "ptTciConcentration",
          "columnName": "TCI Concentration",
          "type": "progress",
          "minWidth": "50px"
        },
],


"dynamicForm": [
        {
          "fieldName": "sf6CylinderCode",
          "fieldLabel": "SF6 Cylinder ID",
          "size": 4,
          "rules": {
            "required": true
          }
        },
        {
          "fieldName": "dateReceived",
          "fieldLabel": "Date Received",
          "type": "date",
          "size": 4
        },
        {
          "fieldName": "cAconcentration",
          "fieldLabel": "C of A Concentration",
          "type": "number",
          "size": 4,
          "rules": {
            "required": true
          }
        },
]

1. Gambar capture contoh hasil Implementasi :

inputan pada Form

Hasil implementasi inputan