subsystem-list.component.html 1.77 KB
Newer Older
Vitali Stupin's avatar
Vitali Stupin committed
1
2
3
<app-header></app-header>

<h3>{{'subsystemList.heading' | translate}}</h3>
Vitali Stupin's avatar
Vitali Stupin committed
4
<div [innerHTML]="'subsystemList.intro.common' | translate:{'jsonUrl': getApiUrl()}"></div>
Vitali Stupin's avatar
Vitali Stupin committed
5
<div *ngIf="isIE()">
6
  <p [innerHTML]="'subsystemList.intro.ieWarning' | translate" class="alert alert-danger mt-3 mb-0"></p>
Vitali Stupin's avatar
Vitali Stupin committed
7
8
  <br>
</div>
9

10
<app-messages [message]="message"></app-messages>
11

Vitali Stupin's avatar
Vitali Stupin committed
12
<div class="btn-group" role="group" [attr.aria-label]="'subsystemList.selectInstance' | translate">
13
14
15
16
  <button *ngFor="let instance of getInstances()"
    type="button" [ngClass]="getInstance() == instance ? 'btn btn-primary' : 'btn btn-secondary'"
    (click)="switchInstance(instance)">{{instance}}</button>
</div>
17

18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div class="card">
  <div class="card-header">
    {{'subsystemList.selectVersion' | translate}}
  </div>
  <div class="card-body">
    <div class="row">
      <div class="col-sm-6">
        <select [(ngModel)]="instanceVersion" class="form-control" id="instanceVersion" (ngModelChange)="setInstanceVersion()">
          <option value="">{{'subsystemList.latestVersion' | translate}}</option>
          <option *ngFor="let version of instanceVersions | async" [ngValue]="version.reportTimeCompact">{{version.reportTime}}</option>
        </select>
      </div>
    </div>
  </div>
</div>

34
<app-search></app-search>
35
<br>
36

37
38
39
<app-subsystem-item *ngFor="let subsystem of filteredSubsystems | async" [subsystem]="subsystem"></app-subsystem-item>
<br>

40
41
42
43
44
<p *ngIf="isPartialList()">
  {{'subsystemList.moreSubsystems' | translate}}<br>
  <a class="font-weight-bold"
    onClick="return false" href="#" (click)="setMaxLimit()">{{'subsystemList.showAll' | translate}}</a>.
</p>
45
46
47
48

<p *ngIf="filteredSubsystems.value?.length">
  <button type="button" [ngClass]="'btn btn-secondary'" (click)="scrollToTop()">{{'scrollToTop' | translate}}</button>
</p>