Homec4science
Diffusion JudgeMyRace Client (master) Browse

rDDJUDGECLIENT/src/app/jury/jury.component.html
8d8a977df6f5master

Last Change
Raw File

jury.component.html
View Options

<app-toolbar-menu></app-toolbar-menu>
<div class="container">
<div class="row headerJury">
<div class="col-md-6" *ngIf="pilotService.currentPilots && pilotService.passedPilots">
<div class="row">
<div class="col-md-12" *ngIf="pilotService.currentPilots.length == 0 && pilotService.passedPilots.length == 0">
<h2>No pilots for the moment...</h2>
</div>
<div class="col-md-12" *ngIf="pilotService.currentPilots.length != 0">
<h2>Current run</h2>
</div>
</div>
</div>
<div class="col-md-2"></div>
<div class="col-md-2" *ngIf="pilotService.thirdApiService.thirdapi == ''">Aucune Api renseignée</div>
<div class="col-md-2" *ngIf="pilotService.thirdApiService.thirdapi != ''"></div>
<button class="col-md-2" mat-raised-button color="primary" (click)="nextRun()">Charge next run</button>
</div>
<div *ngIf="pilotService.currentPilots">
<div *ngIf="pilotService.currentPilots.length != 0">
<div *ngFor="let pilot of pilotService.currentPilots">
<mat-card class="jury-card" *ngIf="authenticationService.currentUserValue.role == 'jury' || authenticationService.currentUserValue.role == 'admin'">
<mat-card-header>
<mat-card-title>Judge {{pilot.seat}} - Pilot : {{pilot.nickname}} | Run n°{{pilot.run}}</mat-card-title>
</mat-card-header>
<mat-card-content>
<div class="row">
<div *ngIf="pilot.falseStart" class="col-md-2 jury-information warning">False start : Yes</div>
<div *ngIf="!pilot.falseStart" class="col-md-2 jury-information">False start : No</div>
<div *ngIf="pilot.obstructedGate!=0" class="col-md-2 jury-information warning">Obstructed gate : {{pilot.obstructedGate}}</div>
<div *ngIf="pilot.obstructedGate==0" class="col-md-2 jury-information">Obstructed gate : {{pilot.obstructedGate}}</div>
<div *ngIf="pilot.collisionRecovery!=0" class="col-md-3 jury-information warning">Collision during recovery : {{pilot.collisionRecovery}}</div>
<div *ngIf="pilot.collisionRecovery==0" class="col-md-3 jury-information">Collision during recovery : {{pilot.collisionRecovery}}</div>
<div *ngIf="pilot.circuitExit!=0" class="col-md-3 jury-information warning">Circuit exit / Above safety net : {{pilot.circuitExit}}</div>
<div *ngIf="pilot.circuitExit==0" class="col-md-3 jury-information">Circuit exit / Above safety net : {{pilot.circuitExit}}</div>
</div>
<div class="row">
<div *ngIf="pilot.crash!=0" class="col-md-1 jury-information warning">Crash : {{pilot.crash}}</div>
<div *ngIf="pilot.crash==0" class="col-md-1 jury-information">Crash : {{pilot.crash}}</div>
<div *ngIf="pilot.definitiveCrash" class="col-md-1 jury-information warning">Crashed</div>
<div *ngIf="!pilot.definitiveCrash" class="col-md-1 jury-information">In flight</div>
<div *ngIf="pilot.videoProblems!=0" class="col-md-2 jury-information warning">Video problem : {{pilot.videoProblems}}</div>
<div *ngIf="pilot.videoProblems==0" class="col-md-2 jury-information">Video problem : {{pilot.videoProblems}}</div>
<div *ngIf="pilot.celebratoryManoeuvre!=0" class="col-md-3 jury-information warning">Celebratory manoeuvre : {{pilot.celebratoryManoeuvre}}</div>
<div *ngIf="pilot.celebratoryManoeuvre==0" class="col-md-3 jury-information">Celebratory manoeuvre : {{pilot.celebratoryManoeuvre}}</div>
<div *ngIf="pilot.dangerousPiloting!=0" class="col-md-3 jury-information warning">Hazardous / Dangerous piloting : {{pilot.dangerousPiloting}}</div>
<div *ngIf="pilot.dangerousPiloting==0" class="col-md-3 jury-information">Hazardous / Dangerous piloting : {{pilot.dangerousPiloting}}</div>
</div>
<div class="row">
<div *ngIf="pilot.missedGate!=0" class="col-md-2 jury-information warning">Missed gate : {{pilot.missedGate}}</div>
<div *ngIf="pilot.missedGate==0" class="col-md-2 jury-information">Missed gate : {{pilot.missedGate}}</div>
<div *ngIf="pilot.circuitCut!=0" class="col-md-2 jury-information warning">Circuit cut : {{pilot.circuitCut}}</div>
<div *ngIf="pilot.circuitCut==0" class="col-md-2 jury-information">Circuit cut : {{pilot.circuitCut}}</div>
<div *ngIf="pilot.failsafe!=0" class="col-md-2 jury-information warning">Failsage : {{pilot.failsafe}}</div>
<div *ngIf="pilot.failsafe==0" class="col-md-2 jury-information">Failsafe : {{pilot.failsafe}}</div>
</div>
</mat-card-content>
</mat-card>
</div>
</div>
</div>
<div *ngIf="pilotService.passedPilots">
<div *ngIf="pilotService.passedPilots.length != 0">
<h2>Old run</h2>
</div>
</div>
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field>
<div class="mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort multiTemplateDataRows class="mat-elevation-z8">
<!-- ID Column -->
<ng-container matColumnDef="{{column}}" *ngFor="let column of columnsToDisplay">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{column}} </th>
<td mat-cell *matCellDef="let element"> {{element[column]}} </td>
</ng-container>
<ng-container matColumnDef="expandedDetail">
<td mat-cell *matCellDef="let element" [attr.colspan]="columnsToDisplay.length">
<div class="example-element-detail"
[@detailExpand]="element == expandedElement ? 'expanded' : 'collapsed'">
<div class="example-element-description">
<div class="row">
<div *ngIf="element.falseStart" class="col-md-2 jury-information warning">False start : Yes</div>
<div *ngIf="!element.falseStart" class="col-md-2 jury-information">False start : No</div>
<div *ngIf="element.obstructedGate!=0" class="col-md-2 jury-information warning">Obstructed gate : {{element.obstructedGate}}</div>
<div *ngIf="element.obstructedGate==0" class="col-md-2 jury-information">Obstructed gate : {{element.obstructedGate}}</div>
<div *ngIf="element.collisionRecovery!=0" class="col-md-3 jury-information warning">Collision during recovery : {{element.collisionRecovery}}</div>
<div *ngIf="element.collisionRecovery==0" class="col-md-3 jury-information">Collision during recovery : {{element.collisionRecovery}}</div>
<div *ngIf="element.circuitExit!=0" class="col-md-3 jury-information warning">Circuit exit / Above safety net : {{element.circuitExit}}</div>
<div *ngIf="element.circuitExit==0" class="col-md-3 jury-information">Circuit exit / Above safety net : {{element
.circuitExit}}</div>
</div>
<div class="row">
<div *ngIf="element.crash!=0" class="col-md-2 jury-information warning">Crash : {{element.crash}}</div>
<div *ngIf="element.crash==0" class="col-md-2 jury-information">Crash : {{element.crash}}</div>
<div *ngIf="element.videoProblems!=0" class="col-md-2 jury-information warning">Video problem : {{element.videoProblems}}</div>
<div *ngIf="element.videoProblems==0" class="col-md-2 jury-information">Video problem : {{element.videoProblems}}</div>
<div *ngIf="element.celebratoryManoeuvre!=0" class="col-md-3 jury-information warning">Celebratory manoeuvre : {{element.celebratoryManoeuvre}}</div>
<div *ngIf="element.celebratoryManoeuvre==0" class="col-md-3 jury-information">Celebratory manoeuvre : {{element.celebratoryManoeuvre}}</div>
<div *ngIf="element.dangerousPiloting!=0" class="col-md-3 jury-information warning">Hazardous / Dangerous piloting : {{element.dangerousPiloting}}</div>
<div *ngIf="element.dangerousPiloting==0" class="col-md-3 jury-information">Hazardous / Dangerous piloting : {{element.dangerousPiloting}}</div>
</div>
<div class="row">
<div *ngIf="element.missedGate!=0" class="col-md-2 jury-information warning">Missed gate : {{element.missedGate}}</div>
<div *ngIf="element.missedGate==0" class="col-md-2 jury-information">Missed gate : {{element.missedGate}}</div>
<div *ngIf="element.circuitCut!=0" class="col-md-2 jury-information warning">Circuit cut : {{element.circuitCut}}</div>
<div *ngIf="element.circuitCut==0" class="col-md-2 jury-information">Circuit cut : {{element.circuitCut}}</div>
<div *ngIf="element.failsafe!=0" class="col-md-2 jury-information warning">Failsage : {{element.failsafe}}</div>
<div *ngIf="element.failsafe==0" class="col-md-2 jury-information">Failsafe : {{element.failsafe}}</div>
</div>
</div>
</div>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
<tr mat-row *matRowDef="let element; columns: columnsToDisplay;" class="example-element-row" [class.example-expanded-row]="expandedElement === element" (click)="expandedElement = expandedElement === element ? null : element"></tr>
<tr mat-row *matRowDef="let row; columns: ['expandedDetail']" class="example-detail-row"></tr>
</table>
<mat-paginator [pageSizeOptions]="[4, 16, 64, 256]"></mat-paginator>
</div>
</div>
c4science · Help