income now with load and uplads navigator.

src/app/pay-in/pay-in.component.html

 
   </kendo-grid-column>
 
-
   <kendo-grid-column field="OffsetBalance" title="Offset" width="200" >
     <ng-template kendoGridCellTemplate let-dataItem>
       <div *ngIf="dataItem.OffsetBalance >=0 "> {{ dataItem.OffsetBalance | currency}} </div>
     </ng-template>
   </kendo-grid-column>
 
-  <kendo-grid-column field="Uploaded" title="Uploads" width="100" format="{0:c}" editable="false">
+  <kendo-grid-column field="UploadId" title="Uploads" width="100" format="{0:c}" editable="false">
     <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex" >
-      <button kendoButton *ngIf="dataItem.Uploads > 0"  icon="attachment">
+      <button kendoButton *ngIf="dataItem.UploadId > 0" (click)="showUpload(dataItem.UploadId)" icon="attachment"> {{ dataItem.UploadId }}
       </button>
       <p *ngIf="dataItem.Uploads <=0" align="center"> - </p>
     </ng-template>
   </kendo-grid-column>
 
+  <kendo-grid-column field="LoanId" title="Loan" width="80">
+    <ng-template kendoGridCellTemplate let-dataItem>
+      <button kendoButton [icon]="'page-properties'" (click)="gotoLoan(dataItem.LoanId)" > </button>
+    </ng-template>
+  </kendo-grid-column>
+
 </kendo-grid>

src/app/pay-in/pay-in.component.ts

 import {PayInListFilterModel} from '../models/pay-in-list.filter.model';
 import {PayInService} from '../service/pay-in.service';
 import {PayInListResult} from '../models/pay-in-list-result.model';
+import {Router} from '@angular/router';
 
 const createFormGroup = dataItem => new FormGroup({
   Id: new FormControl({value: dataItem.Id, disabled: true}, Validators.required),
 export class PayInComponent implements OnInit {
   @Input() loanFilter: string[] = [];
   @Input() uploadsFilter: string[] = [];
-  @Input() allowAddNew = false; // TODO:
-  @Input() allowEdit = false; // TODO:
+  @Input() allowAddNew = true;
+  @Input() allowEdit = true;
   @Input() pageSize = 10;
   @Input() skip = 0;
   @Input() dateStart = new Date('1900-01-01');
   public showOffsetBalance = true;
 
 
-  constructor(private pis: PayInService) { }
+  constructor(private pis: PayInService, private router: Router) { }
 
   ngOnInit(): void {
     this.pis.getPayInList(new PayInListFilterModel()).subscribe(
     this.editedRowIndex = undefined;
     this.incomeFormGroup = undefined;
   }
+
+  public showUpload(id: number): void {
+    this.router.navigate(['/upload-details', id]);
+  }
+  public gotoLoan(id: string): void {
+    this.router.navigate(['/edit-loan', id]);
+  }
 }