district-politics/projects/speech-statistics/src/app/statistics/session-statistics/session-statistics.componen...

51 lines
2.2 KiB
HTML

<header>
<app-navbar [currentPage]="'statistics'"></app-navbar>
</header>
<main class="container">
<div class="row mt-3">
<h1>{{session?.body}} Sitzung Nr. {{session?.number}},
{{session?.date}}</h1>
<table class="table">
<thead>
<tr>
<th>Fraktion</th>
<th>Gesamtrededauer (mm:ss)</th>
<th>Gesamtdauer Zwischenrufe (mm:ss)</th>
<th>Kürzeste Rede (mm:ss)</th>
<th>Längste Rede (mm:ss)</th>
<th>Anzahl Sitze</th>
</tr>
</thead>
<tbody>
<tr>
<td>Insgesamt</td>
<td>{{totalSpeechTime | toMinuteSeconds}} (100%)</td>
<td>{{totalCommentaryTime | toMinuteSeconds}} (100%)</td>
<td>{{shortestSpeech?.timeInMilliseconds | toMinuteSeconds}}</td>
<td>{{longestSpeech?.timeInMilliseconds | toMinuteSeconds}}</td>
<td></td>
</tr>
<ng-container *ngFor="let faction of factionsInCurrentBody | async">
<tr *ngIf="faction.payload.exists()">
<td>{{faction.payload.val()?.faction}}</td>
<td>{{speechTimesPerFaction.get(faction.payload.val()?.factionKey || '') | toMinuteSeconds}}
<span *ngIf="proportionOfSpeechTimePerFaction.get(faction.payload.val()?.factionKey || '') != null">
({{proportionOfSpeechTimePerFaction.get(faction.payload.val()?.factionKey || '') | percent}})
</span>
</td>
<td>{{commentaryTimesPerFaction.get(faction.payload.val()?.factionKey || '') | toMinuteSeconds}}
<span *ngIf="proportionOfCommentaryTimePerFaction.get(faction.payload.val()?.factionKey || '') != null">
({{proportionOfCommentaryTimePerFaction.get(faction.payload.val()?.factionKey || '') | percent}})
</span>
</td>
<td>{{shortestSpeechPerFaction.get(faction.payload.val()?.factionKey || '')?.timeInMilliseconds | toMinuteSeconds}}</td>
<td>{{longestSpeechPerFaction.get(faction.payload.val()?.factionKey || '')?.timeInMilliseconds | toMinuteSeconds}}</td>
<td>{{faction.payload.val()?.size}}</td>
</tr>
</ng-container>
</tbody>
</table>
</div>
</main>