JSFiddle - React, Tailwind, and code Playground

JavaScript

import {
  Component,
  Inject,
  OnInit,
  EventEmitter,
  ViewChild,
  Input,
  Output
}
from '@angular/core';
import {
  Router
}
from '@angular/router';
import {
  SPORTSService
}
from '../../services/sports.service';
import {
  KendoGridComponent
}
from '../grid/grid.component';
import {
  saveService
}
from '../../services/saveService';
import {
  contractService
}
from '../contract/contractService';
import {
  KendoDialog
}
from '../shared/kendoDialog/kendodialog';
import {
  validationService
}
from '../shared/content/validation';
import {
  ProgressCircle
}
from '../shared/progress/progress-circle';

declare
var $: any;

var pai_to_delete = null;



@Component({
  selector: 'PlayerDocuments',
  template: `<div id="windowcontainer"></div>`
})

export class PlayerDocuments implements OnInit {

  private ContractInfoPopUpWindow;
  private airDate;
  private airTime;
  private showTitle;
  private episodeTitle;
  private isEditable: boolean;
  private MainGrid;
  private grid;
  private dataSourceVal;
  private gridData;
  private dynamic_cols = [];
  private dynamic_model;
  private _dataSource;
  private fileName;
  private _grid;
  private options;
  public scrollClicked;
  private window;
  private isVisible = false;
  public encodeBase64: any;
  public dragDrop: string;
  public clearBtn: string;
  public fileSelect: string;
  private isDone: boolean = true
  public isContractLocked = false;
  private filesToUpload: Array < File > ;
  private loggedUserName;
  private jumpingType = '';
  public show: string;
  public all: string;
  public entries: string;
  public cancelBtn: string;
  public okBtn: string;
  public attachBtn: string;
  public elfBtn: string;
  public browseBtn: string;
  public attachmentType: string;
  private dialogCommand;
  private selectedoptions;
  public openFlag = false;
  private isNavigate = false;
  private resolve;
  private isOkOnly;
  private isDeleteOnly;
  private isYesNO;
  private isDeleteYesNO;
  private...