<h2>Technical UseCase </h2>
<h5 *ngIf="access.showPlaygroundFiles" (click)="getWorkspaceInfo()" class="cursorPointer">{{_candidateDashboard.infoDetails.userInfoMstr.firstNm}}'s Playground </h5>
<h5 *ngIf="access.showUseCase" class="cursorPointer" (click)="getusecase()"> View UseCase </h5>

<div class="row" *ngIf= "showUseCaseModal" >
  <app-viewusecase title="Use Case" [content]="techusecaseINFO.usecaseDescription" (closeUsecase)="closeUseCase()"></app-viewusecase>
</div>

<div class="row" *ngIf= "showWorkspaceInfo">
  <app-show-workspace-info [workspaceData]="workSpaceData" (closeWorkspaceInfo)="closeUseCase()" (Launch)="LaunchWorkspace()" ></app-show-workspace-info>
</div>

<mat-card class="_matCard">

  <div class="container-fluid">
    <div class="row" *ngIf="access.testInProgress">
    <app-test-in-progress></app-test-in-progress>
  </div>

  <div class="row" *ngIf="access.testTobeStarted">
    <app-test-in-progress copy="Test is yet to be started"></app-test-in-progress>
  </div>

  <div class="row" *ngIf="access.technicalTestCompleted ">
    <app-cc-index [ccIndexCapabilites]="capabilitesIndex" [candidate]="_candidateDashboard" [noWrite]="readaccess" event = "technicalUseCase"  ></app-cc-index>
  </div>

  <!--
  <div class="row" *ngIf="access.showfinalTechnicalScoreScreen">
    <app-cc-index [ccIndexCapabilites]="capabilitesIndex" [candidate]="_candidateDashboard" [noWrite]="readaccess" ></app-cc-index>
  </div>
  -->

  </div>
</mat-card>
