Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="app-content">
- <div class="app-content-header-box">
- <button class="back" (click)="doCancel()">
- <mat-icon>arrow_back_ios</mat-icon>
- </button>
- <h1 class="app-content-header-1">{{ 'TambahUbahNilaiUangLembur' | translate }}</h1>
- </div>
- <form [formGroup]="inputForm" novalidate>
- <div class="row">
- <div class="col-md-3 col-sm-6">
- <app-date formControlName="tanggalAwalBerlaku" id="tanggalAwalBerlaku" placeholder="{{ 'TanggalBerlaku' | translate }}" [focus]="true" required>
- </app-date>
- </div>
- </div>
- <div class="row">
- <div class="app-inline-input-range">
- <div class="col-md-3 col-sm-12">
- <ng-template #positionClassOptTemplate let-item="item">{{ item.code }} - {{ item.name }}</ng-template>
- <app-dropdown-obj [id]="'levelJabatanAwal'" name="levelJabatanAwal" formControlName="levelJabatanAwal" [items]="positionClasses" [withEmpty]="true" placeholder="{{ 'LevelJabatanAwal' | translate }}" [optionTemplate]="positionClassOptTemplate" required>
- </app-dropdown-obj>
- </div>
- <div class="separator app-text-center">{{ 's/d' | translate }}</div>
- <div class="col-md-3 col-sm-12">
- <ng-template #positionClassOptTemplate let-item="item">{{ item.code }} - {{ item.name }}</ng-template>
- <app-dropdown-obj [id]="'levelJabatanAkhir'" name="levelJabatanAkhir" formControlName="levelJabatanAkhir" [items]="positionClasses" [withEmpty]="true" placeholder="{{ 'LevelJabatanAkhir' | translate }}" [optionTemplate]="positionClassOptTemplate" required>
- </app-dropdown-obj>
- </div>
- </div>
- </div>
- <ng-container *ngFor="let nilaiUangLemburDetail of nilaiUangLemburDetails?.controls; let i = index">
- <div class="app-group-box" formArrayName="nilaiUangLemburDetails">
- <div class="row" formGroupName="{{ i }}">
- <div class="col-md-4 col-sm-4">
- <ng-template #workplaceOptTemplate let-item="item">{{ item.name }}</ng-template>
- <app-dropdown-obj id="lokasiKerja" name="lokasiKerja" formControlName="lokasiKerja" placeholder="{{ 'LokasiKerja' | translate }}" [items]="workplaces" [withAll]="true" [optionTemplate]="workplaceOptTemplate">
- </app-dropdown-obj>
- </div>
- <div class="col-md-6 col-sm-6">
- <label class="app-bold">{{ 'Tipenilai' | translate }}</label>
- <app-radio-button id="tipeNilai" name="tipeNilai" formControlName="tipeNilai" [items]="tipeNilaiList" [translate]="true"></app-radio-button>
- </div>
- <div class="col-md-2 col-sm-3 app-text-right" style="margin-top: 10px;">
- <button mat-button mat-flat-button name="btnDelete" color="warn" (click)="deleteNilaiUangLemburDetail(nilaiUangLemburDetail)">{{ 'Hapus' | translate }}</button>
- </div>
- </div>
- <div class="row" formGroupName="{{ i }}">
- <div class="col-md-12">
- <mat-accordion>
- <mat-expansion-panel class="app-expansion-panel app-expansion-panel-filter-3" [expanded]="true">
- <mat-expansion-panel-header class="mat-expansion-header">
- <mat-panel-description>{{ 'DetailNilaiLemburProgresif' | translate }}</mat-panel-description>
- </mat-expansion-panel-header>
- <div class="mat-expansion-sub-header">
- {{ 'Uanglemburdiharikerja' | translate }}
- </div>
- <div class="row">
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat1' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariKerjaJamTingkat1" name="hariKerjaJamTingkat1" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariKerjaJamTingkat1" message="mstNilaiUangLembur" errorKey="jamTingkat1">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariKerjaNilaiTingkat1" name="hariKerjaNilaiTingkat1" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariKerjaNilaiTingkat1" message="mstNilaiUangLembur" errorKey="nilaiTingkat1" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat2' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariKerjaJamTingkat2" name="hariKerjaJamTingkat2" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariKerjaJamTingkat2" message="mstNilaiUangLembur" errorKey="jamTingkat2">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariKerjaNilaiTingkat2" name="hariKerjaNilaiTingkat2" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariKerjaNilaiTingkat2" message="mstNilaiUangLembur" errorKey="nilaiTingkat2" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat3' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariKerjaJamTingkat3" name="hariKerjaJamTingkat3" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariKerjaJamTingkat3" message="mstNilaiUangLembur" errorKey="jamTingkat3">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariKerjaNilaiTingkat3" name="hariKerjaNilaiTingkat3" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariKerjaNilaiTingkat3" message="mstNilaiUangLembur" errorKey="nilaiTingkat3" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat4' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariKerjaJamTingkat4" name="hariKerjaJamTingkat4" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariKerjaJamTingkat4" message="mstNilaiUangLembur" errorKey="jamTingkat4">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariKerjaNilaiTingkat4" name="hariKerjaNilaiTingkat4" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariKerjaNilaiTingkat4" message="mstNilaiUangLembur" errorKey="nilaiTingkat4" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- </div>
- <ng-container *ngIf="nilaiUangLemburDetail?.value?.errors[0]?.length > 0">
- <div class="app-custom-card error">
- <ng-container *ngFor="let message of nilaiUangLemburDetail?.value?.errors[0];">
- <div class="app-card-item">
- <span class="process-icon">
- <mat-icon>warning</mat-icon>
- </span>
- <p class="process-status" [innerHTML]="message"></p>
- </div>
- </ng-container>
- </div>
- </ng-container>
- <div class="mat-expansion-sub-header">
- {{ 'Uanglemburdiharitidakbekerja' | translate }}
- </div>
- <div class="row">
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat1' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariOffJamTingkat1" name="hariOffJamTingkat1" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariOffJamTingkat1" message="mstNilaiUangLembur" errorKey="jamTingkat1">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariOffNilaiTingkat1" name="hariOffNilaiTingkat1" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariOffNilaiTingkat1" message="mstNilaiUangLembur" errorKey="nilaiTingkat1" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat2' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariOffJamTingkat2" name="hariOffJamTingkat2" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariOffJamTingkat2" message="mstNilaiUangLembur" errorKey="jamTingkat2">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariOffNilaiTingkat2" name="hariOffNilaiTingkat2" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariOffNilaiTingkat2" message="mstNilaiUangLembur" errorKey="nilaiTingkat2" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat3' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariOffJamTingkat3" name="hariOffJamTingkat3" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariOffJamTingkat3" message="mstNilaiUangLembur" errorKey="jamTingkat3">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariOffNilaiTingkat3" name="hariOffNilaiTingkat3" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariOffNilaiTingkat3" message="mstNilaiUangLembur" errorKey="nilaiTingkat3" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat4' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariOffJamTingkat4" name="hariOffJamTingkat4" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariOffJamTingkat4" message="mstNilaiUangLembur" errorKey="jamTingkat4">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariOffNilaiTingkat4" name="hariOffNilaiTingkat4" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariOffNilaiTingkat4" message="mstNilaiUangLembur" errorKey="nilaiTingkat4" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- </div>
- <ng-container *ngIf="nilaiUangLemburDetail?.value?.errors[1]?.length > 0">
- <div class="app-custom-card error">
- <ng-container *ngFor="let message of nilaiUangLemburDetail?.value?.errors[1];">
- <div class="app-card-item">
- <span class="process-icon">
- <mat-icon>warning</mat-icon>
- </span>
- <p class="process-status" [innerHTML]="message"></p>
- </div>
- </ng-container>
- </div>
- </ng-container>
- <div class="mat-expansion-sub-header">
- {{ 'Uanglemburdiharilibur' | translate }}
- </div>
- <div class="row">
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat1' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariLiburNasionalJamTingkat1" name="hariLiburNasionalJamTingkat1" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariLiburNasionalJamTingkat1" message="mstNilaiUangLembur" errorKey="jamTingkat1">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariLiburNasionalNilaiTingkat1" name="hariLiburNasionalNilaiTingkat1" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariLiburNasionalNilaiTingkat1" message="mstNilaiUangLembur" errorKey="nilaiTingkat1" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat2' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariLiburNasionalJamTingkat2" name="hariLiburNasionalJamTingkat2" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariLiburNasionalJamTingkat2" message="mstNilaiUangLembur" errorKey="jamTingkat2">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariLiburNasionalNilaiTingkat2" name="hariLiburNasionalNilaiTingkat2" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariLiburNasionalNilaiTingkat2" message="mstNilaiUangLembur" errorKey="nilaiTingkat2" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat3' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariLiburNasionalJamTingkat3" name="hariLiburNasionalJamTingkat3" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariLiburNasionalJamTingkat3" message="mstNilaiUangLembur" errorKey="jamTingkat3">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariLiburNasionalNilaiTingkat3" name="hariLiburNasionalNilaiTingkat3" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariLiburNasionalNilaiTingkat3" message="mstNilaiUangLembur" errorKey="nilaiTingkat3" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat4' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariLiburNasionalJamTingkat4" name="hariLiburNasionalJamTingkat4" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariLiburNasionalJamTingkat4" message="mstNilaiUangLembur" errorKey="jamTingkat4">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariLiburNasionalNilaiTingkat4" name="hariLiburNasionalNilaiTingkat4" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariLiburNasionalNilaiTingkat4" message="mstNilaiUangLembur" errorKey="nilaiTingkat4" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- </div>
- <ng-container *ngIf="nilaiUangLemburDetail?.value?.errors[2]?.length > 0">
- <div class="app-custom-card error">
- <ng-container *ngFor="let message of nilaiUangLemburDetail?.value?.errors[2];">
- <div class="app-card-item">
- <span class="process-icon">
- <mat-icon>warning</mat-icon>
- </span>
- <p class="process-status" [innerHTML]="message"></p>
- </div>
- </ng-container>
- </div>
- </ng-container>
- <div class="mat-expansion-sub-header">
- {{ 'Uanglemburdihariliburyangjatuhpadaharikerjaterpendek' | translate }}
- </div>
- <div class="row">
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat1' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariLiburNasionalHariKerjaTerpendekJamTingkat1" name="hariLiburNasionalHariKerjaTerpendekJamTingkat1" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariLiburNasionalHariKerjaTerpendekJamTingkat1" message="mstNilaiUangLembur" errorKey="jamTingkat1">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariLiburNasionalHariKerjaTerpendekNilaiTingkat1" name="hariLiburNasionalHariKerjaTerpendekNilaiTingkat1" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariLiburNasionalHariKerjaTerpendekNilaiTingkat1" message="mstNilaiUangLembur" errorKey="nilaiTingkat1" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat2' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariLiburNasionalHariKerjaTerpendekJamTingkat2" name="hariLiburNasionalHariKerjaTerpendekJamTingkat2" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariLiburNasionalHariKerjaTerpendekJamTingkat2" message="mstNilaiUangLembur" errorKey="jamTingkat2">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariLiburNasionalHariKerjaTerpendekNilaiTingkat2" name="hariLiburNasionalHariKerjaTerpendekNilaiTingkat2" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariLiburNasionalHariKerjaTerpendekNilaiTingkat2" message="mstNilaiUangLembur" errorKey="nilaiTingkat2" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat3' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariLiburNasionalHariKerjaTerpendekJamTingkat3" name="hariLiburNasionalHariKerjaTerpendekJamTingkat3" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariLiburNasionalHariKerjaTerpendekJamTingkat3" message="mstNilaiUangLembur" errorKey="jamTingkat3">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariLiburNasionalHariKerjaTerpendekNilaiTingkat3" name="hariLiburNasionalHariKerjaTerpendekNilaiTingkat3" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariLiburNasionalHariKerjaTerpendekNilaiTingkat3" message="mstNilaiUangLembur" errorKey="nilaiTingkat3" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- <div class="col-md-3 app-text-center">
- <label class="app-bold">{{ 'Tingkat4' | translate }}</label>
- <div class="row">
- <div class="col-md-6">
- <app-number id="hariLiburNasionalHariKerjaTerpendekJamTingkat4" name="hariLiburNasionalHariKerjaTerpendekJamTingkat4" placeholder="{{ 'Jmlhjam' | translate }}" formControlName="hariLiburNasionalHariKerjaTerpendekJamTingkat4" message="mstNilaiUangLembur" errorKey="jamTingkat4">
- </app-number>
- </div>
- <div class="col-md-6">
- <app-number id="hariLiburNasionalHariKerjaTerpendekNilaiTingkat4" name="hariLiburNasionalHariKerjaTerpendekNilaiTingkat4" placeholder="{{ 'Nilai/jam' | translate }}" formControlName="hariLiburNasionalHariKerjaTerpendekNilaiTingkat4" message="mstNilaiUangLembur" errorKey="nilaiTingkat4" [allowDecimal]="true">
- </app-number>
- </div>
- </div>
- </div>
- </div>
- <ng-container *ngIf="nilaiUangLemburDetail?.value?.errors[3]?.length > 0">
- <div class="app-custom-card error">
- <ng-container *ngFor="let message of nilaiUangLemburDetail?.value?.errors[3];">
- <div class="app-card-item">
- <span class="process-icon">
- <mat-icon>warning</mat-icon>
- </span>
- <p class="process-status" [innerHTML]="message"></p>
- </div>
- </ng-container>
- </div>
- </ng-container>
- </mat-expansion-panel>
- </mat-accordion>
- </div>
- </div>
- <div class="row" style="margin-bottom: 10px; margin: 10px;">
- <div class="col-md-12 col-sm-12 app-text-right">
- <button mat-button mat-flat-button name="btnDuplicate" color="primary" (click)="doDuplicate()">
- <span>{{ 'Duplikat' | translate }}</span>
- </button>
- </div>
- </div>
- </div>
- <div class="break-line"></div>
- </ng-container>
- <div *ngIf="nilaiUangLemburDetails?.controls.length === 0" class="row" style="margin-bottom: 10px; margin: 10px;">
- <div class="col-md-12 col-sm-12 app-text-right">
- <button mat-button mat-flat-button name="btnDuplicate" color="primary" (click)="doDuplicate()">
- <span>{{ 'TambahLokasiKerja' | translate }}</span>
- </button>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12 col-sm-12">
- <app-content-alert></app-content-alert>
- </div>
- </div>
- <div class="break-line"></div>
- <div class="row">
- <div class="col-md-12 col-sm-12">
- <ng-container *ngIf="!selectedDataNilaiUangLembur">
- <button mat-button mat-flat-button name="btnSimpan" color="primary" (click)="doCreate()" [disabled]="inputForm.invalid || nilaiUangLemburDetails?.controls.length === 0">
- {{ 'Simpan' | translate }}
- </button>
- </ng-container>
- <ng-container *ngIf="selectedDataNilaiUangLembur">
- <button mat-button mat-flat-button name="btnSimpan" color="primary" (click)="doUpdate()" [disabled]="inputForm.invalid || nilaiUangLemburDetails?.controls.length === 0">
- {{ 'Ubah' | translate }}
- </button>
- </ng-container>
- <button mat-button mat-stroked-button name="btnCancel" (click)="doCancel()">{{ 'Kembali' | translate }}</button>
- </div>
- </div>
- </form>
- </div>
Add Comment
Please, Sign In to add comment