launcher.component.html 5.23 KB
Newer Older
Chris Hines's avatar
Chris Hines committed
1
2
<!--<div  fxFlex style="flex: 1 1 0%; box-sizing: border-box">-->
<mat-sidenav-container style="height: 100%" autosize>
3
  <mat-sidenav #idSideNav mode="side" [opened]="(settingsService.menuToggle$ | async) && (settingsService.useMenu$ | async)">
Chris Hines's avatar
Chris Hines committed
4
5
        <div fxLayout="column" fxLayout="stretch" style="height: 100%">
            <nav>
Chris Hines's avatar
Chris Hines committed
6
            <mat-accordion style="width: 100%" [displayMode]="flat">
Chris Hines's avatar
Chris Hines committed
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
                <div *ngFor="let id of (computeSitesService.appidentities | async)">
                    <!--<mat-expansion-panel (afterExpand)="selectId(id)" (closed)="selectId(id)" style="width: 100%">-->
                    <mat-expansion-panel style="width: 100%">
                        <mat-expansion-panel-header>
                        <mat-panel-title>
                            <span fxFlex matBadge="{{ countErrors((id.systemalerts | async), (id.accountalerts | async)) }}" 
                                                      [matBadgeHidden]= "countErrors((id.systemalerts | async), (id.accountalerts | async)) == 0"  
                                                      matBadgePosition="above before" 
                                                      matBadgeColor="warn" 
                                                      matBadgeOverlap="false" matBadgeSize="small"
                                                      style="text-align: left; margin-left: 20px; margin-top: 10px" >
                                {{ id.displayName() }}
                            </span>
                            </mat-panel-title>
                        </mat-expansion-panel-header>
                        <mat-list style="width: 100%">

                            <mat-list-item>
                                <button mat-button  style="width: 100%; text-align: left"
                                   [routerLink]="['/launch',id.site.name,'accountinfo']"
                                   routerLinkActive #rla="routerLinkActive">
                                    Account Info
                                </button>
                        </mat-list-item>
                        <app-strudelapplist [applist]=id.site.appCatalog [identity]="id" (appChange)="selectApp($event)" style="width: 100%"></app-strudelapplist>
                        </mat-list>
                    </mat-expansion-panel>
                </div>
35
            </mat-accordion>
Chris Hines's avatar
Chris Hines committed
36
            </nav>
37
        </div>
38
39
        <div fxFlex></div>
  </mat-sidenav>
Chris Hines's avatar
Chris Hines committed
40
  <mat-sidenav-content style="height: 100%">
41
    <div *ngIf="!(settingsService.useMenu$ | async)" class=darker-theme>
Chris Hines's avatar
Chris Hines committed
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
68
69
70
71
72
73
74
75
    <nav mat-tab-nav-bar color="accent" backgroundColor="primary">
    <a mat-tab-link
    *ngFor="let id of (computeSitesService.appidentities | async)"
       [routerLink]="['/launch',id.site.name]"
       routerLinkActive #rla="routerLinkActive"
       [routerLinkActiveOptions]="{'exact': false}"
       [active]="rla.isActive">
                            <span fxFlex matBadge="{{ countErrors((id.systemalerts | async), (id.accountalerts | async)) }}" 
                                                      [matBadgeHidden]= "countErrors((id.systemalerts | async), (id.accountalerts | async)) == 0"  
                                                      matBadgePosition="above before" 
                                                      matBadgeColor="warn" 
                                                      matBadgeOverlap="false" matBadgeSize="small"
                                                      style="text-align: left; margin-left: 20px; margin-top: 10px" >
                                {{ id.displayName() }}
                            </span>
    </a>
    </nav>
<div *ngIf="(identitySubject | async) !== null" style="width: 100%" class=darker-theme>
        <nav mat-tab-nav-bar color=accent backgroundColor=primary>
        <a mat-tab-link
           [routerLink]="['/launch',identitySubject.value.site.name,'accountinfo']"
           routerLinkActive #rla="routerLinkActive"
            [active]="rla.isActive">
            Account Info
        </a>
        <a mat-tab-link
        *ngFor="let app of (identitySubject.value.site.appCatalog | async)"
           [routerLink]="['/launch',identitySubject.value.site.name,app.name]"
           routerLinkActive #rla="routerLinkActive"
            [active]="rla.isActive">
            {{ app.name }}
        </a>
        </nav>
</div>
76
</div>
Chris Hines's avatar
Chris Hines committed
77
<div fxLayout="column" fxLayoutAlign="space-between stretch" style="width: 100%; height: 100%" >
78

Chris Hines's avatar
Chris Hines committed
79
80
81
82
83
84
85
86
87
        <div *ngIf="identitySubject | async as identity">
            <div *ngIf="identity !== undefined && identity !== null && (appSubject | async) === null"  style="padding-left: 5%; padding-right: 5%; padding-top: 5%;">
                <app-accountinfo [identity]="identity"></app-accountinfo>
            </div>
            <div *ngIf="identity !== undefined &&  identity !== null && (appSubject | async) !== undefined && (appSubject | async) !== null" style="padding-left: 5%; padding-right: 5%; padding-top: 5%;">
                <app-launch-dialog [identity]="identitySubject | async" [appSubject]="appSubject"></app-launch-dialog>
                <app-joblist [identitySubject]="identitySubject" [appSubject]="appSubject"></app-joblist>
            </div>
        </div>
Chris Hines's avatar
Chris Hines committed
88

Chris Hines's avatar
Chris Hines committed
89
90
</div>
</mat-sidenav-content>
Chris Hines's avatar
Chris Hines committed
91
</mat-sidenav-container>