sandre/SkydiveLogs
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Un peu de style

Browse Source
This commit is contained in:
Sébastien André
2020-03-03 15:08:30 +01:00
parent 3ac1e67c74
commit e6f0edebf5
2 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Front/skydivelogs-app/src/app/summary/summary.component.css
View File

@@ -3,8 +3,13 @@
} }
.labelTab { .labelTab {
margin: 5px; padding: 5px;
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
font-weight: bold; font-weight: bold;
background-color: lightgray;
}
.labelTab.selected {
background-color: gray !important;
} }

16
Front/skydivelogs-app/src/app/summary/summary.component.html
View File

@@ -14,13 +14,15 @@
</div> </div>
<div style="display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 15px;"> <div style="display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 15px;">
<label (click)="showStats(1)" class="labelTab">Jumps in the last month</label> <label (click)="showStats(1)" [ngClass]="statsToShow(1) ? 'labelTab selected': 'labelTab'">Jumps in the last
<label (click)="showStats(2)" class="labelTab">Jumps in the last year</label> month</label>
<label (click)="showStats(3)" class="labelTab">By DZ</label> <label (click)="showStats(2)" [ngClass]="statsToShow(2) ? 'labelTab selected': 'labelTab'">Jumps in the last
<label (click)="showStats(4)" class="labelTab">By aircraft</label> year</label>
<label (click)="showStats(5)" class="labelTab">By gear</label> <label (click)="showStats(3)" [ngClass]="statsToShow(3) ? 'labelTab selected': 'labelTab'">By DZ</label>
<label (click)="showStats(6)" class="labelTab">By jump type</label> <label (click)="showStats(4)" [ngClass]="statsToShow(4) ? 'labelTab selected': 'labelTab'">By aircraft</label>
<label (click)="showStats(7)" class="labelTab">By year</label> <label (click)="showStats(5)" [ngClass]="statsToShow(5) ? 'labelTab selected': 'labelTab'">By gear</label>
<label (click)="showStats(6)" [ngClass]="statsToShow(6) ? 'labelTab selected': 'labelTab'">By jump type</label>
<label (click)="showStats(7)" [ngClass]="statsToShow(7) ? 'labelTab selected': 'labelTab'">By year</label>
</div> </div>
<div *ngIf="statsToShow(1)"> <div *ngIf="statsToShow(1)">