File size: 2,800 Bytes
1bc149f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<mat-card>
  <mat-toolbar color="primary">
    <mat-toolbar-row>

      <button mat-menu-item style="width: 50%; align-items: center;" routerLink="/">
        <span style="color: white">CompUGE Bench</span>
      </button>

      <div style="width: 50%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 14px;">

        <button mat-menu-item style="display: flex; justify-content: center; align-items: center;" routerLink='/'>
          <span style="color: white">Home</span>
        </button>

        <button mat-menu-item [matMenuTriggerFor]="tasksMenu" style="display: flex; justify-content: center; align-items: center;">
          <mat-menu #tasksMenu="matMenu">
            <button *ngFor="let task of (stateObservable | async)?.tasks"
                    mat-menu-item
                    routerLink='/tasks/{{task.name}}'
                    style="display: flex; justify-content: center; align-items: center;">
              {{ task.name }}
            </button>
          </mat-menu>
          <span style="color: white">Tasks</span>
        </button>

        <button mat-menu-item [matMenuTriggerFor]="leaderboardsMenu" style="display: flex; justify-content: center; align-items: center;">
          <mat-menu #leaderboardsMenu="matMenu">
            <button *ngFor="let task of (stateObservable | async)?.tasks"
                    mat-menu-item
                    routerLink='/leaderboards/{{task.name}}'
                    style="display: flex; justify-content: center; align-items: center;">
              {{ task.name }}
            </button>
          </mat-menu>
          <span style="color: white">Leaderboards</span>
        </button>

        <button mat-menu-item [matMenuTriggerFor]="submissionsMenu" style="display: flex; justify-content: center; align-items: center;">
          <mat-menu #submissionsMenu="matMenu">
            <button mat-menu-item routerLink='/submissions' style="display: flex; justify-content: center; align-items: center;">
              Submissions List
            </button>

            <button mat-menu-item routerLink='/submitting' style="display: flex; justify-content: center; align-items: center;">
              Submit a Model
            </button>
          </mat-menu>
          <span style="color: white">Submissions</span>
        </button>

        <button mat-menu-item routerLink='/datasets' style="display: flex; justify-content: center; align-items: center;">
          <span style="color: white">Datasets</span>
        </button>

        <button mat-menu-item routerLink='/about' style="display: flex; justify-content: center; align-items: center;">
          <span style="color: white">About</span>
        </button>

      </div>
    </mat-toolbar-row>
  </mat-toolbar>
</mat-card>