library-detail-documents v0.0.1

Jenis tipe yang dapat dipanggil

Untuk saat ini ada beberapa tipe dari jenis field yang dapat dipanggil antara lain:

• default
• address
• address-penarikan
• address-two
• multi-value
• counter
• children
• dual-col
• dual-col-compare
• sub-title
• border
• label-only
• multi-json-label
• input-disabled
  • text-area
  • text
  • radio-children
• text-custom

title: Detail Default

Cara pemanggilan

Untuk pemanggilan component default ini, dapat dituliskan code berikut pada nama_component.component.html

<mse-detail-default></mse-detail-default>

Tetapi karena pada aplikasi ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka user dapat menuliskan ini pada nama_component.component.ts

detailsListPemilik : DetailContent[] =[
      {
        jsonName : 'name',
        label : 'Nama Pemilik',
        type : 'default'
      },
  ]

:::note Pemanggilan harus dalam DetailContent :::

Contoh Output

Komponen terkait

• DetailController

title: Detail Address

Cara pemanggilan

Untuk pemanggilan component default ini, dapat dituliskan code berikut pada nama_component.component.html

<mse-detail-address></mse-detail-address>

Tetapi karena pada aplikasi ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka user dapat menuliskan ini pada nama_component.component.ts

detailsListPemilik : DetailContent[] =[
      {
        type : 'address'
      },
  ]

:::note Pemanggilan harus dalam DetailContent :::

Contoh Output

Komponen terkait

• DetailController

title: Detail Address Two

Cara pemanggilan

Untuk pemanggilan component default ini, dapat dituliskan code berikut pada nama_component.component.html

<app-detail-address></app-detail-address>

Tetapi karena pada aplikasi ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka user dapat menuliskan ini pada nama_component.component.ts

detailsListPemilik : DetailContent[] =[
      {
        type : 'address'
      },
  ]

:::note Pemanggilan harus dalam DetailContent :::

Contoh Output

Komponen terkait

• DetailController

title: Detail Children

Cara pemanggilan

Dikarenakan pada component child ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka user dapat langsung memanggil type child ini pada nama_component.component.ts, berikut contoh penulisannya.

detailsListPemilik : DetailContent[] =[
{
      jsonName : 'ecommFraud',
      label : 'Fraud Detection System',
      type : 'input-disabled',
      inputConfig : 
      {
        inputType : 'radio-children' ,
        option : 
        [
          {
            key : 'Ada',
            value : true
          },
          {
            key : 'Tidak',
            value : false
          }
        ]
      },
      children  :
      {
        'true' : 
        [
          {
            jsonName  : 'ecommFraudPspName',
            label : 'Nama PSP',
            type  : 'non-input-text'
          }
        ]
      }
    },
]

:::note Penjelasan singkat Pada bagian children user dapat menentukan keadaan jika kondisi yang dipilih sesuai dengan value yang dipilih, sebagai contoh jika user memilih ada dengan value true, maka component dengan label Nama PSP yang bertipe non-input-text akan muncul berikut contohnya. :::

Contoh output

Berikut contoh pada saat load

dan ketika dipilih ada dimana valueny adalah true maka outputnya akan seperti gambar dibawah ini.

dan ketika dipilih tidak dimana valuenya adalah false maka component Nama PSP akan hilang dikarenakan value yang dipilih adalah false dan kondisi false kita tidak tentukan. berikut contoh ketika tidak dipilih

Komponen terkait

• DetailController

title: Detail Sub-title

Cara pemanggilan

Karena pada aplikasi ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka untuk pemanggilan component sub-title ini, user cukup menuliskan code berikut pada dapat dituliskan code berikut pada nama_component.component.ts

detailsListPemilik : DetailContent[] =[
      {
      label : 'LEGALITAS',
      type : 'sub-title'
    },
  ]

:::note Pemanggilan harus dalam DetailContent :::

Contoh Output

Komponen terkait

• DetailController

title: Detail Border

Cara pemanggilan

Karena pada aplikasi ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka untuk pemanggilan component border ini, user cukup menuliskan code berikut pada dapat dituliskan code berikut pada nama_component.component.ts

detailsListPemilik : DetailContent[] =[
      {
        type : 'border'
      },
  ]

:::note Pemanggilan harus dalam DetailContent :::

Contoh Output

Untuk contoh pemanggilan kita akan menggunakan contoh dari component tracking usaha dimana coodenya adalah

detailsListPemilik : DetailContent[] =[

    {
      type : 'border'
    },
    {
      jsonName : 'isFranchise',
      label : 'Franchise',
      booleanValue : {['isFranchise'] : {trueValue : 'Ya', falseValue : 'Tidak'}},
      type : 'children',
      children : {'true' :
                  [
                    {
                      jsonName : 'merkName',
                      label : 'Brand',
                      type : 'default',
                    },
                  ],
                }
    },
    {
      type : 'border'
    },
  ]

Yang akan menghasilkan output seperti gambar dibawah ini.

Komponen terkait

• DetailController

title: Detail Label-only

Cara pemanggilan

Karena pada aplikasi ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka untuk pemanggilan component border ini, user cukup menuliskan code berikut pada dapat dituliskan code berikut pada nama_component.component.ts

detailsListPemilik : DetailContent[] =[
     {
        label : 'Negara asal penerbit dokumen identitas termasuk negara High Risk',
        type : 'label-only'
      },
  ]

:::note Pemanggilan harus dalam DetailContent :::

Contoh Output

Untuk contoh pemanggilan kita akan menggunakan contoh dari component tracking dokumen dimana coodenya sebagai berikut

detailsListRba : DetailContent[] =
    [
      {
        jsonName : 'isIdentitasNasabah',
        label : 'IDENTITAS NASABAH',
        booleanValue : {['isIdentitasNasabah'] : {trueValue : 'Tinggi', falseValue : 'Sedang'}},
        type : 'default'
      },
      {
        label : 'Negara asal penerbit dokumen identitas termasuk negara High Risk',
        type : 'label-only'
      },
  ]

Yang akan menghasilkan output seperti gambar dibawah ini.

Komponen terkait

• DetailController

title: Detail Multi JSON Label

Cara pemanggilan

Untuk pemanggilan component Multi JSON Label ini, dapat dituliskan code berikut pada nama_component.component.html

<mse-detail-multi-json-label></mse-detail-multi-json-label>

Tetapi karena pada aplikasi ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka user dapat menuliskan ini pada nama_component.component.ts

detailsListPemilik : DetailContent[] =[
      {
      jsonName : ['picPerekturanMerchName', 'picPerekrutanMercJabatan', 'picPerekrutanMercDate'],
      multiLabel : {'picPerekturanMerchName' : 'Nama:','picPerekrutanMercJabatan' : 'Jabatan:','picPerekrutanMercDate' : 'Tanggal:',},
      label : 'PIC Perekrutan Merchant',
      isDate : {'picPerekrutanMercDate' : true},
      type : 'multi-json-label'
    },
  ]

:::note Pemanggilan harus dalam DetailContent :::

Contoh Output

Komponen terkait

• DetailController

title: Detail Input Disabled

Cara pemanggilan

Untuk pemanggilan component default ini, dapat dituliskan code berikut pada nama_component.component.html

// <app-detail-default [detail]="detail" [data]="data"></app-detail-default>
<app-detail-default></app-detail-default>

Tetapi karena pada aplikasi ini sudah dibuatkan component yang dapat mempermudah dalam pemanggilan yang banyak component maka user dapat menuliskan ini pada nama_component.component.ts

Contoh pemanggilan untuk tipe text

detailsOutlet : DetailContent[] =[
{
      jsonName : ['name', 'nameOnInvoice'],
      label : 'Nama Outlet',
      type : 'input-disabled',
      inputConfig : 
      {
        inputType : 'text',
      }
    }
]

Contoh pemanggilan untuk tipe radio-button

detailsOutlet : DetailContent[] = =[
{
      jsonName : 'edcBankLain',
      label : 'Kepemilikan EDC Bank Lain',
      type : 'input-disabled',
      inputConfig : 
      {
        inputType : 'radio-children' ,
        option : 
        [
          {
            key : 'Ya',
            value : true
          },
          {
            key : 'Tidak',
            value : false
          }
        ]
      },
      children  :
      {
        'true' : 
        [
          {
            jsonName  : ['edcBankLainName1','edcBankLainName2','edcBankLainName3'],
            label : 'EDC Bank',
            hidden : true,
            type  : 'non-input-text'
          }
        ]
      }
    },
]

Contoh pemanggilan untuk tipe textarea

detailsListPemilik : DetailContent[] =[
{
      jsonName : 'keterangan',
      label : 'Keterangan',
      type : 'input-disabled',
      inputConfig : 
      {
        inputType : 'text-area'
      }
    },
]

:::note Pemanggilan harus dalam DetailContent :::

Contoh Output

Contoh output tipe text

Contoh output tipe radio-button

Contoh output tipe text

Komponen terkait

• DetailController