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

<h3>{{'subsystemList.heading' | translate}}</h3>
<p [innerHTML]="'subsystemList.intro.p1' | translate"></p>
<p [innerHTML]="'subsystemList.intro.p2' | translate"></p>
<p [innerHTML]="'subsystemList.intro.p3' | translate"></p>
Vitali Stupin's avatar
Vitali Stupin committed
7
8
<p [innerHTML]="'subsystemList.intro.p4' | translate:{'jsonUrl': getApiUrl()}"></p>
<p [innerHTML]="'subsystemList.intro.p5' | translate"></p>
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>