launcher.component.html 3.54 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>
Chris Hines's avatar
Chris Hines committed
15
    <mat-accordion>
16
17

<!-- <mat-accordion> -->
18
19
20
    <div *ngIf="(computeSitesService.appidentities | async).length == 0">
      <mat-expansion-panel>
        <mat-expansion-panel-header>
21
        <mat-panel-title>
22
          Login
23
24
        </mat-panel-title>
        </mat-expansion-panel-header>
25
        <div *ngFor="let sshauthzserver of (authService.loggedOutAuthZ | async)">
26
          <button mat-button (click)=login(sshauthzserver) fxFlex style="text-align: left"> Login to {{ sshauthzserver.name }}</button>
27
28
          <button mat-icon-button *ngIf="sshauthzserver.userdefined === true"><mat-icon>remove</mat-icon></button>
        </div>
29
30
        <div *ngFor="let sshauthzserver of (authService.loggedOutAuthZ | async)">
          <button mat-button (click)=signup(sshauthzserver) style="text-align: left"> Signup for {{ sshauthzserver.name }}</button>
31
        </div>
32
        <!--<button mat-button (click) =logout() style="text-align: left">Logout</button>-->
33
        <button mat-button (click) ="authService.updateAgentContents()" style="text-align: left">Refresh</button>
34
35
36
37
38
      </mat-expansion-panel>
    </div>
    <div *ngIf="(computeSitesService.appidentities | async).length > 0">
      <button mat-button (click) =logout() style="text-align: left; width: 100%">Logout</button>
    </div>
39
40
41
42
43
44
45
46
47
48
    <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-expansion-panel>
        <mat-expansion-panel-header>
49
            Advanced
50
51
        </mat-expansion-panel-header>
        Select an API server
52
53
        <div style="width: 100%">
        <mat-form-field>
Chris Hines's avatar
Chris Hines committed
54
55
        <mat-select [ngModel]="selectedApiServer" (selectionChange)="backendSelectionService.setApiServer($event.value)">
            <mat-option *ngFor="let apis of backendSelectionService.apiservers|async" [value]="apis">
56
57
58
                {{ apis.name }}
            </mat-option>
        </mat-select>
59
60
        </mat-form-field>
        </div>
61
62
63
        <button type="button" mat-button (click)="fileInput.click()">Load Config</button>
        <input hidden (change)="loadConfig($event)" accept=".json" #fileInput type="file" id="file">
        <button mat-button (click)=resetConfig()>Reset Config</button>
64
65
66
67
68
69
70
71
72
73
        <div style="width: 100%">
        Select a theme
        <mat-form-field >
            <mat-select [(value)] ="theme" (selectionChange)="selectTheme($event.value)">
                <mat-option *ngFor="let opttheme of themes" [value]="opttheme">
                    {{ opttheme.name }}
                </mat-option>
            </mat-select>
        </mat-form-field>
        </div>
74
    </mat-expansion-panel>
Chris Hines's avatar
Chris Hines committed
75
	</mat-accordion>
76
</mat-sidenav>
Chris Hines's avatar
Chris Hines committed
77

78
79
<app-joblist [identity]="(identitySubject | async)"></app-joblist>
<!--<router-outlet></router-outlet>-->
Chris Hines's avatar
Chris Hines committed
80
81
  <div fxFlex></div>

Chris Hines's avatar
Chris Hines committed
82
</mat-sidenav-container>
Chris Hines's avatar
Chris Hines committed
83
84
</div>
</div>
Chris Hines's avatar
Chris Hines committed
85
86

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