ronaldkwandy

Untitled

Oct 28th, 2020
640
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="app-content">
  2.   <div class="app-content-header-box">
  3.     <button class="back" (click)="doCancel()">
  4.       <mat-icon>arrow_back_ios</mat-icon>
  5.     </button>
  6.     <h1 class="app-content-header-1">{{ 'TambahUbahNilaiTunjanganHarian' | translate }}</h1>
  7.   </div>
  8.   <form [formGroup]="inputForm" novalidate>
  9.     <div class="row">
  10.       <div class="col-md-3 col-sm-6">
  11.         <app-date formControlName="tanggalAwalBerlaku" id="tanggalAwalBerlaku"
  12.          placeholder="{{ 'TanggalBerlaku' | translate }}" [focus]="true" required>
  13.         </app-date>
  14.       </div>
  15.     </div>
  16.     <div class="row">
  17.       <div class="app-inline-input-range">
  18.         <div class="col-md-3 col-sm-12">
  19.           <ng-template #positionClassOptTemplate let-item="item">{{ item.code }} - {{ item.name }}</ng-template>
  20.           <app-dropdown-obj [id]="'levelJabatanAwal'" name="levelJabatanAwal" formControlName="levelJabatanAwal"
  21.            [items]="positionClasses" [withEmpty]="true" placeholder="{{ 'LevelJabatanAwal' | translate }}"
  22.            [optionTemplate]="positionClassOptTemplate" required>
  23.           </app-dropdown-obj>
  24.         </div>
  25.         <div class="separator app-text-center">{{ 's/d' | translate }}</div>
  26.         <div class="col-md-3 col-sm-12">
  27.           <ng-template #positionClassOptTemplate let-item="item">{{ item.code }} - {{ item.name }}</ng-template>
  28.           <app-dropdown-obj [id]="'levelJabatanAkhir'" name="levelJabatanAkhir" formControlName="levelJabatanAkhir"
  29.            [items]="positionClasses" [withEmpty]="true" placeholder="{{ 'LevelJabatanAkhir' | translate }}"
  30.            [optionTemplate]="positionClassOptTemplate" required>
  31.           </app-dropdown-obj>
  32.         </div>
  33.         <!-- <div class="col-sm-5 col-md-5 app-pull-right">
  34.          <button mat-button mat-flat-button color="primary" type="button" (click)="addHakTunjanganHarian()">
  35.            {{ 'Tambahhaktunjanganharian' | translate }}
  36.          </button>
  37.        </div> -->
  38.       </div>
  39.     </div>
  40.     <div class="row">
  41.       <div class="col-md-12 col-sm-12">
  42.         <div class="app-table-container">
  43.           <div class="app-table-container-header">
  44.             <div class="app-table-container-header-action">
  45.               <button name="btnAddOneNilaiTunjanganHarianDetail" mat-icon-button
  46.                (click)="addNilaiTunjanganHarianDetail(1)">
  47.                 <mat-icon>exposure_plus_1</mat-icon>
  48.               </button>
  49.               <button name="btnAddTwoNilaiTunjanganHarianDetail" mat-icon-button
  50.                (click)="addNilaiTunjanganHarianDetail(2)">
  51.                 <mat-icon>exposure_plus_2</mat-icon>
  52.               </button>
  53.             </div>
  54.           </div>
  55.           <div class="app-table" formArrayName="nilaiTunjanganHarianDetails">
  56.             <p-table class="app-primeng-table app-primeng-table-input" [columns]="columns"
  57.              [value]="nilaiTunjanganHarianDetails?.controls" [rows]="10" [scrollable]="true">
  58.               <ng-template pTemplate="header" let-columns>
  59.                 <tr>
  60.                   <th class="action" *ngIf="isDetailError()">Error</th>
  61.                   <th class="delete"></th>
  62.                   <th style="width: 270px">{{ 'Tampilkannilaitunjangansebelumnya' | translate }}</th>
  63.                   <th style="width: 150px">{{ 'LokasiKerja' | translate }}</th>
  64.                   <th *ngFor="let column of columns" [ngStyle]="{ 'width': column.width }">
  65.                     {{ column.header }}
  66.                   </th>
  67.                 </tr>
  68.               </ng-template>
  69.               <ng-template pTemplate="body" let-rowData let-columns="columns" let-index="rowIndex">
  70.                 <tr formGroupName="{{ index }}" [ngClass]="rowStyle(rowData)">
  71.                   <td class="action" *ngIf="isDetailError()">
  72.                     <button mat-icon-button [pTooltip]="rowData?.value?.errors | tooltipListFormat"
  73.                      tooltipStyleClass="app-primeng-tooltip" [escape]="false" tooltipPosition="right"
  74.                      *ngIf="isRowError(rowData?.value?.errors)">
  75.                       <mat-icon>clear</mat-icon>
  76.                     </button>
  77.                   </td>
  78.                   <td class="delete">
  79.                     <button mat-icon-button (click)="deleteNilaiTunjanganHarianDetail(rowData)">
  80.                       <mat-icon>delete</mat-icon>
  81.                     </button>
  82.                   </td>
  83.                   <td style="width: 270px">
  84.                     <a class="app-link app-underlined app-cursor-pointer" (click)="onLokasiKerjaChange(inputForm.value.lokasiKerja, index)">
  85.                       {{ 'Tampilkannilaitunjangansebelumnya' | translate }}
  86.                     </a>
  87.                   </td>
  88.                   <td style="width: 150px">
  89.                     <ng-template #workplaceOptTemplate let-item="item">{{ item.name }}</ng-template>
  90.                     <app-dropdown-obj id="lokasiKerja" name="lokasiKerja" formControlName="lokasiKerja"
  91.                      [items]="workplaces" withAll="false" [optionTemplate]="workplaceOptTemplate">
  92.                     </app-dropdown-obj>
  93.                   </td>
  94.                   <td *ngFor="let column of columns" [ngStyle]="{ 'width': column.width }">
  95.                     <app-number [id]="'nilai' + column.field" [name]="'nilai' + column.field"
  96.                      [formControlName]="'nilai' + column.field">
  97.                     </app-number>
  98.                   </td>
  99.                 </tr>
  100.               </ng-template>
  101.               <ng-template pTemplate="emptymessage" let-columns>
  102.                 <tr>
  103.                   <td align="center" [attr.colspan]="getColumnCount()">
  104.                     {{ 'Datatidakditemukan' | translate }}
  105.                   </td>
  106.                 </tr>
  107.               </ng-template>
  108.             </p-table>
  109.           </div>
  110.         </div>
  111.       </div>
  112.     </div>
  113.     <div class="row">
  114.       <div class="col-md-12 col-sm-12">
  115.         <app-content-alert></app-content-alert>
  116.       </div>
  117.     </div>
  118.     <div class="break-line"></div>
  119.     <div class="row">
  120.       <div class="col-md-12 col-sm-12">
  121.         <ng-container *ngIf="!selectedNilaiTunjanganHarian">
  122.           <button mat-button mat-flat-button name="btnSimpan" color="primary" (click)="doCreate()"
  123.            [disabled]="inputForm.invalid || nilaiTunjanganHarianDetails?.controls.length === 0">
  124.             {{ 'Simpan' | translate }}
  125.           </button>
  126.         </ng-container>
  127.         <ng-container *ngIf="selectedNilaiTunjanganHarian">
  128.           <button mat-button mat-flat-button name="btnSimpan" color="primary" (click)="doUpdate()"
  129.            [disabled]="inputForm.invalid || nilaiTunjanganHarianDetails?.controls.length === 0">
  130.             {{ 'Ubah' | translate }}
  131.           </button>
  132.         </ng-container>
  133.         <button mat-button mat-stroked-button name="btnCancel" (click)="doCancel()">{{ 'Kembali' | translate }}</button>
  134.       </div>
  135.     </div>
  136.   </form>
  137. </div>
  138.  
RAW Paste Data