launcher.component.html 1.93 KB
Newer Older
1
2


Chris Hines's avatar
Chris Hines committed
3
4
<div  fxFlex style="flex: 1 1 0%; box-sizing: border-box">
<div fxLayout="column" fxLayoutAlign="space-around stretch" style="height: 100%; width: 100%" >
Chris Hines's avatar
Chris Hines committed
5
6
7
<mat-toolbar color="primary">
  <mat-toolbar-row>
    <button mat-icon-button (click)=idSideNav.toggle()><mat-icon>menu</mat-icon></button>
Chris Hines's avatar
Chris Hines committed
8

Chris Hines's avatar
Chris Hines committed
9
10
11
12
    <span>Strudel v2.0</span>
    <span class="fill-horizontal-space"></span>
    </mat-toolbar-row>
  </mat-toolbar>
13
<mat-sidenav-container style="height: 100%; width: 100%">
Chris Hines's avatar
Chris Hines committed
14
  <mat-sidenav #idSideNav mode="side" opened>
15
16
17
18
19
20
21
22
23
24
25
26
    <div fxLayout="column" style="height: 100%">
        <div>
            <mat-accordion>
                <div *ngFor="let id of computeSitesService.appidentities | async">
                <mat-expansion-panel (click)=selectId(id)>
                    <mat-expansion-panel-header>
                        {{ id.displayName() }}
                    </mat-expansion-panel-header>
                    <app-strudelapplist [applist]=id.site.appCatalog [identity]="id"></app-strudelapplist>
                </mat-expansion-panel>
                </div>
            </mat-accordion>
27
        </div>
28
29
30
31
32
33
34
35
36
37
38
39
        <div fxFlex></div>
            <mat-menu #actionmenu="matMenu">

                <div *ngIf="(computeSitesService.appidentities | async).length > 0">
                    <button mat-menu-item (click)="logout()"><mat-icon>logout</mat-icon>Logout</button>
                </div>
                <button mat-menu-item routerLink="/settings"><mat-icon>settings</mat-icon>Settings</button>
                <button mat-menu-item routerLink="/login">Login</button>
            </mat-menu>
            <button mat-icon-button [matMenuTriggerFor]="actionmenu">
                <mat-icon>more_vert</mat-icon>
            </button>
40
    </div>
41
  </mat-sidenav>
Chris Hines's avatar
Chris Hines committed
42

43
44
<app-joblist [identity]="(identitySubject | async)"></app-joblist>
<!--<router-outlet></router-outlet>-->
Chris Hines's avatar
Chris Hines committed
45
46
  <div fxFlex></div>

Chris Hines's avatar
Chris Hines committed
47
</mat-sidenav-container>
Chris Hines's avatar
Chris Hines committed
48
49
</div>
</div>
Chris Hines's avatar
Chris Hines committed
50
51

<!-- <app-joblist></app-joblist> -->