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

Modifs de styles sur les tableaux

Browse Source
This commit is contained in:
Sébastien André
2020-01-29 14:21:28 +01:00
parent 9dbabba5a2
commit 234d16925c
13 changed files with 24 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.css
View File

@@ -2,11 +2,11 @@ table {
width: 100%; width: 100%;
} }
.table-container { /* .table-container {
position: relative; position: relative;
height: 650px; height: 650px;
overflow: auto; overflow: auto;
} } */
.mat-row td { .mat-row td {
padding: 15px; padding: 15px;

5
Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.html
View File

@@ -13,12 +13,11 @@
<td mat-cell *matCellDef="let element">{{element.name}}</td> <td mat-cell *matCellDef="let element">{{element.name}}</td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>
<mat-paginator [length]="resultsLength" [pageSize]="5"></mat-paginator>
</div> </div>
<mat-paginator [length]="resultsLength" [pageSize]="5"></mat-paginator>
<ng-template #loading> <ng-template #loading>
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner> <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

4
Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.css
View File

@@ -2,11 +2,11 @@ table {
width: 100%; width: 100%;
} }
.table-container { /* .table-container {
position: relative; position: relative;
height: 650px; height: 650px;
overflow: auto; overflow: auto;
} } */
.mat-row td { .mat-row td {
padding: 15px; padding: 15px;

5
Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
View File

@@ -50,12 +50,11 @@
<td mat-cell *matCellDef="let element">{{element.type}}</td> <td mat-cell *matCellDef="let element">{{element.type}}</td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>
<mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
</div> </div>
<mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
<ng-template #loading> <ng-template #loading>
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner> <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

4
Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.css
View File

@@ -2,11 +2,11 @@ table {
width: 100%; width: 100%;
} }
.table-container { /* .table-container {
position: relative; position: relative;
height: 650px; height: 650px;
overflow: auto; overflow: auto;
} } */
.mat-row td { .mat-row td {
padding: 15px; padding: 15px;

4
Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.html
View File

@@ -38,11 +38,11 @@
<td mat-cell *matCellDef="let element">{{element.reserveCanopy}}</td> <td mat-cell *matCellDef="let element">{{element.reserveCanopy}}</td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>
<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
</div> </div>
<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
<ng-template #loading> <ng-template #loading>
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner> <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

4
Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.css
View File

@@ -2,11 +2,11 @@ table {
width: 100%; width: 100%;
} }
.table-container { /* .table-container {
position: relative; position: relative;
height: 650px; height: 650px;
overflow: auto; overflow: auto;
} } */
.mat-row td { .mat-row td {
padding: 15px; padding: 15px;

4
Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.html
View File

@@ -13,11 +13,11 @@
<td mat-cell *matCellDef="let element">{{element.name}}</td> <td mat-cell *matCellDef="let element">{{element.name}}</td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>
<mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
</div> </div>
<mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
<ng-template #loading> <ng-template #loading>
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner> <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

4
Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.css
View File

@@ -2,11 +2,11 @@ table {
width: 100%; width: 100%;
} }
.table-container { /* .table-container {
position: relative; position: relative;
height: 650px; height: 650px;
overflow: auto; overflow: auto;
} } */
.mat-row td { .mat-row td {
padding: 15px; padding: 15px;

4
Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
View File

@@ -27,11 +27,11 @@
<td mat-cell *matCellDef="let element">{{element.gear.name}}</td> <td mat-cell *matCellDef="let element">{{element.gear.name}}</td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>
<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
</div> </div>
<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
<ng-template #loading> <ng-template #loading>
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner> <mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>

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

@@ -29,8 +29,8 @@
</table> </table>
</div> </div>
<div> <div>
<label>By Rig</label> <label>By gear</label>
<table mat-table [dataSource]="dsNbJumpByRig"> <table mat-table [dataSource]="dsNbJumpByGear">
<ng-container matColumnDef="label"> <ng-container matColumnDef="label">
<td mat-cell *matCellDef="let element">{{element.label}}</td> <td mat-cell *matCellDef="let element">{{element.label}}</td>
</ng-container> </ng-container>

2
Front/skydivelogs-app/src/app/summary/summary.component.ts
View File

@@ -11,7 +11,7 @@ export class SummaryComponent implements OnInit {
public displayedColumns: Array<string> = ['label', 'nb']; public displayedColumns: Array<string> = ['label', 'nb'];
public dsNbJumpByDz; public dsNbJumpByDz;
public dsNbJumpByAircraft; public dsNbJumpByAircraft;
public dsNbJumpByRig; public dsNbJumpByGear;
public dsNbJumpByType; public dsNbJumpByType;
public dsNbJumpByYear; public dsNbJumpByYear;

2
Front/skydivelogs-app/src/services/stats.service.ts
View File

@@ -34,7 +34,7 @@ export class StatsService {
{ headers: this.headers } { headers: this.headers }
); );
resultat.statsByRig = this.http.get<StatsByRigResp>( resultat.statsByRig = this.http.get<StatsByRigResp>(
`${environment.urlApi}/api/Stats/ByRig`, `${environment.urlApi}/api/Stats/ByGear`,
{ headers: this.headers } { headers: this.headers }
); );
resultat.statsByYear = this.http.get<StatsByYearResp>( resultat.statsByYear = this.http.get<StatsByYearResp>(