WATcher/src/app/issues-viewer/issues-viewer.component.html at a914cbb9cf42e73ca17cce08c3430f40a3b7d9b0 · CATcher-org/WATcher · GitHub

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
<div class="issues-viewer">
  <div class="loading-spinner" *ngIf="(this.viewService.isChangingRepo | async) || this.groupService.groups.length === 0; else elseBlock">
    <mat-progress-spinner color="primary" mode="indeterminate" diameter="50" strokeWidth="5"> </mat-progress-spinner>
  </div>

  <ng-template #elseBlock>
    <div class="container">
      <mat-drawer-container class="drawer-container">
        <mat-drawer #sidenav mode="side" opened>
          <div class="left">
            <app-filter-bar [views$]="views" (escapePressed)="sidenav.close()"> </app-filter-bar>
          </div>
        </mat-drawer>
        <mat-drawer-content>
          <div class="content-container">
            <div class="toggle-switch-container" (click)="sidenav.toggle()">
              <mat-icon
                [matTooltip]="sidenav.opened ? 'Hide filters' : 'Show filters'"
                matTooltipPosition="right"
                [style.transform]="sidenav.opened ? 'rotate(180deg)' : 'rotate(0deg)'"
                >chevron_right</mat-icon
              >
            </div>
            <div class="main-content">
              <mat-card class="warning-card" *ngIf="this.isDisplayMilestoneAnomalies()">
                <div class="header">
                  <mat-icon color="warn">warning</mat-icon>
                  <div class="title">Milestone Anomalies:</div>
                  <button mat-icon-button (click)="dismissMilestoneAnomalies()">
                    <mat-icon>close</mat-icon>
                  </button>
                </div>
                <div class="content">
                  <div [innerHTML]="this.milestoneService.getConsolidatedAnomaliesMessageHTML()"></div>
                </div>
              </mat-card>

              <div class="right">
                <app-card-view
                  *ngFor="let group of this.groupService.groups"
                  class="issue-table"
                  #card
                  [ngStyle]="{ display: card.isLoading || card.issueLength > 0 ? 'initial' : 'none' }"
                  [group]="group"
                  [headers]="this.displayedColumns"
                  (issueLengthChange)="this.groupService.updateHiddenGroups($event, group)"
                ></app-card-view>
                <app-hidden-groups [groups]="this.groupService.hiddenGroups"></app-hidden-groups>
              </div>
            </div>
          </div>
        </mat-drawer-content>
      </mat-drawer-container>
    </div>
  </ng-template>
</div>