Newer
Older
<mat-sidenav-container class="maarch-container">
<mat-sidenav #snavLeft class="panel-left" #snav [mode]="appService.getViewMode() ? 'over' : 'side'"
[fixedInViewport]="appService.getViewMode()" [opened]="appService.getViewMode() ? false : true" autoFocus="false" style="overflow-x:hidden;"
[ngStyle]="{'width': appService.getViewMode() ? '80%' : '350px'}">
<header-panel [snavLeft]="snav"></header-panel>
<menu-shortcut></menu-shortcut>
<menu-nav></menu-nav>
<mat-divider></mat-divider>
</mat-sidenav>
<mat-sidenav-content>
<div class="bg-head">
<div class="bg-head-title" [class.customContainerRight]="appService.getViewMode()">
<div class="bg-head-title-label">
<header-left [snavLeft]="snav"></header-left>
</div>
<div class="bg-head-title-tool">
<header-right></header-right>
</div>
</div>
<div class="bg-head-content" [class.fullContainer]="appService.getViewMode()">
<div class="container" [class.fullContainer]="appService.getViewMode()">
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<div class="container-content">
<div class="loading" *ngIf="loading">
<mat-spinner style="margin:auto;"></mat-spinner>
</div>
<div *ngIf="!loading" class="row adminArea">
<div class="col-md-6 adminArea_1" *ngIf="organisationServices">
<div class="adminArea-label">{{lang.organization}}</div>
<button class="col-md-4 col-xs-6 adminArea-button"
mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of organisationServices"
(click)="goToSpecifiedAdministration(modService)">
<i class="{{modService.style}} fa-4x"></i>
<br />{{modService.name}}</button>
</div>
<div class="col-md-6 adminArea_2" *ngIf="productionServices">
<div class="adminArea-label">{{lang.production}}</div>
<button class="col-md-4 col-xs-6 adminArea-button"
mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of productionServices"
(click)="goToSpecifiedAdministration(modService)">
<i class="{{modService.style}} fa-4x"></i>
<br />{{modService.name}}</button>
</div>
<div class="col-md-6 adminArea_3" *ngIf="classementServices">
<div class="adminArea-label">{{lang.classement}}</div>
<button class="col-md-4 col-xs-6 adminArea-button"
mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of classementServices"
(click)="goToSpecifiedAdministration(modService)">
<i class="{{modService.style}} fa-4x"></i>
<br />{{modService.name}}</button>
</div>
<div class="col-md-6 adminArea_4" *ngIf="supervisionServices">
<div class="adminArea-label">{{lang.supervision}}</div>
<ng-container>
<button class="col-md-4 col-xs-6 adminArea-button"
mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of supervisionServices"
(click)="goToSpecifiedAdministration(modService)">
<i class="{{modService.style}} fa-4x"></i>
<br />{{modService.name}}</button>
</ng-container>
</div>
</div>
</div>
</div>
</mat-sidenav-content>
<mat-sidenav #snav2 [fixedInViewport]="appService.getViewMode()" position='end' [opened]="appService.getViewMode() ? false : false"
[mode]="appService.getViewMode() ? 'over' : 'side'" class="panel-right" style="overflow-x:hidden;" [ngStyle]="{'width': appService.getViewMode() ? '80%' : '30%'}"
autoFocus="false">
</mat-sidenav>
</mat-sidenav-container>