connected-it/swiss-client
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Layout fixes
All checks were successful
Gitea/swiss-client/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
Michel ten Voorde
2025-10-04 22:40:51 +02:00
parent edaffc82e4
commit 0fd693aa42
3 changed files with 57 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/components/team-display/team-display.component.ts
View File

@@ -16,7 +16,11 @@ import {Team} from "../../model/team";
</app-player-display> </app-player-display>
@if (event.doublesEvent && team.player2) { @if (event.doublesEvent && team.player2) {
/ @if (this.inline) {
/
} @else {
<br />
}
<app-player-display <app-player-display
[player]="team.player2" [player]="team.player2"
[event]="event" [event]="event"
@@ -29,4 +33,5 @@ export class TeamDisplayComponent {
@Input({ required: true }) team!: Team; @Input({ required: true }) team!: Team;
@Input({ required: true }) event!: Event; @Input({ required: true }) event!: Event;
@Input({ required: true }) tournament!: Tournament; @Input({ required: true }) tournament!: Tournament;
@Input({ required: false }) inline: boolean = true;
} }

92
src/app/components/tournament-manage/tournament-manage.component.html
View File

@@ -122,53 +122,57 @@
<span class="badge text-bg-success">{{ this.activeMatches().length }}</span> <span class="badge text-bg-success">{{ this.activeMatches().length }}</span>
} }
</ng-template> </ng-template>
<div class="tab-content-wrapper">
@if (this.activeMatches().length > 0) {
<h6 class="mt-3"></h6>
@if (this.activeMatches().length > 0) { @for (activeMatch of this.activeMatches(); track activeMatch.match.id) {
<h6 class="mt-3"></h6> <mat-expansion-panel>
<mat-expansion-panel-header>
@for (activeMatch of this.activeMatches(); track activeMatch.match.id) { <div class="col-md-2 d-flex align-items-center">Baan {{ activeMatch.match.court }}</div>
<mat-expansion-panel> <div class="col-md-3">
<mat-expansion-panel-header> <app-team-display
<div class="col-md-2">Baan {{ activeMatch.match.court }}</div> [team]="activeMatch.match.team1"
<div class="col-md-3"> [event]="activeMatch.event"
<app-team-display [tournament]="this.tournament"
[team]="activeMatch.match.team1" [inline]="false">
[event]="activeMatch.event" </app-team-display>
[tournament]="this.tournament"> </div>
</app-team-display> <div class="col-md-1 d-flex align-items-center">-</div>
<div class="col-md-3">
<app-team-display
[team]="activeMatch.match.team2"
[event]="activeMatch.event"
[tournament]="this.tournament"
[inline]="false">
</app-team-display>
</div>
<div class="col-md-3 d-flex align-items-center">{{ activeMatch.group.name }} {{ activeMatch.round.name }}</div>
</mat-expansion-panel-header>
<div class="row">
<hr/>
<div class="col-md-3">Teller: {{ activeMatch.match.counter | fullName }}</div>
<div class="col-md-5"></div>
<div class="col-md-2">Starttijd: {{ activeMatch.match.startTime | date: 'HH:mm' }}</div>
<div class="col-md-2">Duur: {{ getDuration(activeMatch.match.startTime) | date: 'mm:ss' }}</div>
</div> </div>
<div class="col-md-1">-</div> <mat-action-row>
<div class="col-md-3"> <button class="align-baseline" mat-button (click)="editResult(activeMatch.match, activeMatch.group, activeMatch.round)">
<app-team-display <mat-icon>edit</mat-icon>
[team]="activeMatch.match.team2" Uitslag invoeren
[event]="activeMatch.event" </button>
[tournament]="this.tournament"> <button mat-button (click)="stopMatch(activeMatch.match)">
</app-team-display> <mat-icon>stop</mat-icon>
</div> Wedstrijd stoppen
<div class="col-md-3">{{ activeMatch.group.name }} {{ activeMatch.round.name }}</div> </button>
</mat-expansion-panel-header> </mat-action-row>
<div class="row"> </mat-expansion-panel>
<div class="col-md-3">Teller: {{ activeMatch.match.counter | fullName }}</div> <br>
<div class="col-md-5"></div> }
<div class="col-md-2">Starttijd: {{ activeMatch.match.startTime | date: 'HH:mm' }}</div> } @else {
<div class="col-md-2">Duur: {{ getDuration(activeMatch.match.startTime) | date: 'mm:ss' }}</div> <h6 class="mt-3">Geen actieve wedstrijden</h6>
</div>
<mat-action-row>
<button class="align-baseline" mat-button (click)="editResult(activeMatch.match, activeMatch.group, activeMatch.round)">
<mat-icon>edit</mat-icon>
Uitslag invoeren
</button>
<button mat-button (click)="stopMatch(activeMatch.match)">
<mat-icon>stop</mat-icon>
Wedstrijd stoppen
</button>
</mat-action-row>
</mat-expansion-panel>
<br>
} }
} @else { </div>
<h6 class="mt-3">Geen actieve wedstrijden</h6>
}
</mat-tab> </mat-tab>
} }
@if (tournament.status == 'ONGOING' || tournament.status == 'DRAWN') { @if (tournament.status == 'ONGOING' || tournament.status == 'DRAWN') {

3
src/app/components/tournament-manage/tournament-manage.component.scss
View File

@@ -39,3 +39,6 @@ td.w-fill {
z-index: 1000 !important; z-index: 1000 !important;
} }
.tab-content-wrapper {
margin: 0 4px 0 4px;
}