launcher.component.html 5.16 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>
Chris Hines's avatar
Chris Hines committed
3
  <mat-sidenav #idSideNav mode="side" opened>
Chris Hines's avatar
Chris Hines committed
4
5
6
    <div *ngIf="usemenu">
        <div fxLayout="column" fxLayout="stretch" style="height: 100%">
            <nav>
Chris Hines's avatar
Chris Hines committed
7
            <mat-accordion style="width: 100%" [displayMode]="flat">
Chris Hines's avatar
Chris Hines committed
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
35
                <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>
36
            </mat-accordion>
Chris Hines's avatar
Chris Hines committed
37
            </nav>
38
        </div>
39
        <div fxFlex></div>
40
    </div>
41
  </mat-sidenav>
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
76
77
78
79
  <mat-sidenav-content style="height: 100%">
<!--<div *ngIf="usetabs" class=darker-theme>
    <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>
</div>-->
<div fxLayout="column" fxLayoutAlign="space-between stretch" style="width: 100%; height: 100%" >
80

Chris Hines's avatar
Chris Hines committed
81
82
83
84
85
86
87
88
89
        <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
90

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