55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
<div fxLayoutAlign="end" [style.margin]="'10px 10px'">
|
|
<form class="form">
|
|
<mat-form-field class="full-width">
|
|
<input matInput placeholder="Search" [(ngModel)]="searchWord" (ngModelChange)="handleSearch($event)" [ngModelOptions]="{standalone: true}">
|
|
<mat-icon matSuffix>search</mat-icon>
|
|
</mat-form-field>
|
|
</form>
|
|
</div>
|
|
<div fxLayoutAlign="end" [style.margin]="'10px 10px'">
|
|
<div class="box up"></div>Up
|
|
<div class="box down"></div>Down
|
|
<div class="box warn"></div>Warn
|
|
<div class="box error"></div>Error
|
|
</div>
|
|
|
|
<div *ngIf="loading" fxLayoutAlign="center">
|
|
<mat-spinner></mat-spinner>
|
|
</div>
|
|
<div *ngIf="!loading">
|
|
<div class="infra-list mat-elevation-z4 " *ngFor="let infra of hostDataList">
|
|
<mat-toolbar>
|
|
<mat-toolbar-row>
|
|
<span matTooltip="showHostInfo(infra)">IP : {{infra.host.ip}}</span>
|
|
<span class="pull-right"></span>
|
|
<span style="margin-right: 20px">
|
|
<of-sensor-name-tag [target]="infra.target"></of-sensor-name-tag>
|
|
</span>
|
|
<button mat-raised-button color="primary" fxLayoutAlign="end" (click)="addSensor(infra)">Add Sensor</button>
|
|
</mat-toolbar-row>
|
|
</mat-toolbar>
|
|
|
|
<mat-card-content *ngFor="let service of infra.services">
|
|
<mat-grid-list cols="6" rowHeight="9:1">
|
|
<mat-grid-tile [rowspan]="2" matTooltip="showServiceInfo(service)" style="background-color: lightcoral">
|
|
{{service.vendor.name}}
|
|
</mat-grid-tile>
|
|
<mat-grid-tile [colspan]="3" style="background-color: lightblue">
|
|
<div class="grid-left-align">
|
|
Port : {{service.port}} | {{service.portType}} {{service.tlsType ? '| TLS' : ''}}
|
|
</div>
|
|
</mat-grid-tile>
|
|
<mat-grid-tile [rowspan]="2" style="background-color: lightgray">
|
|
<span class="pull-right"></span>
|
|
<button mat-button fxLayoutAlign="end" (click)="addSensor(infra)">Add Sensor</button>
|
|
</mat-grid-tile>
|
|
<mat-grid-tile [colspan]="3" style="background-color: lightgreen">
|
|
<div class="grid-left-align">
|
|
<of-sensor-name-tag [target]="service.target"></of-sensor-name-tag>
|
|
</div>
|
|
</mat-grid-tile>
|
|
</mat-grid-list>
|
|
</mat-card-content>
|
|
</div>
|
|
</div>
|