<mat-sidenav-container fullscreen>
<mat-sidenav #projectSelector mode="side" [(opened)]="projectSelectorOpened">
    <div class="list-group-item" (click)="projectSelectorOpened = !projectSelectorOpened">
        <i class="fa fa-arrow-circle-left"></i> {{l10n.get('T_Projects')}}
    </div>
    <project-selector [selectedProjectId]="projectId" [selectedComponentId]="componentId"></project-selector>
</mat-sidenav>

<mat-sidenav-content>

</mat-sidenav-content>

<mat-sidenav #projectSelector2 mode="side" position="end" [(opened)]="projectSelectorOpened">
    <div class="list-group-item" (click)="projectSelectorOpened = !projectSelectorOpened">
        <i class="fa fa-arrow-circle-left"></i> {{l10n.get('T_Projects')}}
    </div>
    <project-selector [selectedProjectId]="projectId"></project-selector>
</mat-sidenav>