joachim/koersepublicfrontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

got colors working, goddamn janky shit

Browse Source
This commit is contained in:
Joachim 2018-09-08 20:28:02 +02:00
parent ff4d5695a3
commit b1581cfe91
3 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/app.module.ts
View File

@ -15,6 +15,7 @@ import { ChampionshipselectordialogComponent } from './championshipselectordialo
import { RacetimepipePipe } from './racetimepipe.pipe';
import { MinutesPipe } from './minutes.pipe';
import { TimespanComponent } from './timespan/timespan.component';
import { SecondsPipe } from './seconds.pipe';
@NgModule({
declarations: [
@ -27,7 +28,8 @@ import { TimespanComponent } from './timespan/timespan.component';
ChampionshipselectordialogComponent,
RacetimepipePipe,
MinutesPipe,
TimespanComponent
TimespanComponent,
SecondsPipe
],
imports: [
BrowserModule,

17
src/app/content/poule/poule.component.html
View File

@ -8,7 +8,8 @@
<!--</ng-container>-->
<div class="toplevelheader" [ngStyle]="{'grid-column': 2, 'grid-row' : 1}">penalty</div>
<div class="toplevelheader" [ngStyle]="{'grid-column': 3, 'grid-row' : 1}">racetijd</div>
<div class="toplevelheader" [ngStyle]="{'grid-column': 4, 'grid-row' : 1}">result</div>
<div class="toplevelheader" [ngStyle]="{'grid-column': 4, 'grid-row' : 1}">penalised</div>
<div class="toplevelheader" [ngStyle]="{'grid-column': 5, 'grid-row' : 1}">result</div>
<!--start looping over teams, make a block for each-->
@ -36,8 +37,10 @@
<!--do a penalty for this race/team combo-->
<div class="penaltycell" [ngStyle]="{'grid-column':2, 'grid-row':2+(teamindex*(maxRaces+1))+raceindex+1}">
<!--<span class="timecell seconds">{{getPenaltySum(raceindex, team.idteam)}}</span>-->
<app-timespan [theNumber]="getPenaltySum(raceindex, team.idteam)" [theUnit]="'s'"></app-timespan>
<app-timespan [prefix] = "'+'" [theNumber]="getPenaltySum(raceindex, team.idteam)" [theUnit]="'s'"></app-timespan>
</div>
<!--the total time-->
<div class="totalcell" [ngStyle]="{'grid-column':3, 'grid-row':2+(teamindex*(maxRaces+1))+raceindex+1}"
[class]="'timerank'+getTimeRank(raceindex, team.idteam)"
>
@ -45,11 +48,19 @@
<app-timespan [theNumber]="getRaceTimeSeconds(raceindex, team.idteam)" [theUnit]="'s'"></app-timespan>
</div>
<!--total time + penalty-->
<div class="penalisedtime" [ngStyle]="{'grid-column':4, 'grid-row':2+(teamindex*(maxRaces+1))+raceindex+1}"
[class]="'timerank'+getTimeRank(raceindex, team.idteam)"
>
<app-timespan [theNumber]="getPenalisedRaceTime(raceindex, team.idteam) | minutes" [theUnit]="'m'"></app-timespan>
<app-timespan [theNumber]="getPenalisedRaceTime(raceindex, team.idteam) | seconds" [theUnit]="'s'"></app-timespan>
</div>
</ng-container>
<!--this only has to be added once for each team...-->
<div class="resultcell" [ngStyle]="{'grid-column':4,
<div class="resultcell" [ngStyle]="{'grid-column':5,
'grid-row-start':2+(teamindex*(maxRaces+1))+1,
'grid-row-end': 2+(teamindex*(maxRaces+1))+1+maxRaces}">
<app-timespan [theNumber]="getAvgOfBestTwo(team.idteam) | minutes" [theUnit]="'m'"></app-timespan>

1
src/app/content/poule/poule.component.scss
View File

@ -36,6 +36,7 @@
.penaltycell {
color: red;
font-weight: bolder;
}
.resultcell {
font-size: 120%;