member_webapp/@overflow/discovery/component/search-result.component.html

48 lines
2.0 KiB
HTML
Raw Normal View History

2018-06-05 02:56:45 +00:00
<of-block-progressbar [target]="content" [pending]="!finished"></of-block-progressbar>
2018-06-01 11:25:51 +00:00
2018-06-05 02:56:45 +00:00
<p-panel #content [showHeader]="false" class="block-panel">
<p-messages [(value)]="msgs"></p-messages>
2018-06-01 11:25:51 +00:00
2018-06-05 02:56:45 +00:00
<p-tree [value]="zoneNode" layout="vertical">
2018-06-01 11:25:51 +00:00
<!-- ZONE node template -->
<ng-template let-node pTemplate="ZONE">
<div>
{{node.label}}
</div>
</ng-template>
<!-- HOST node template -->
<ng-template let-node pTemplate="HOST">
<div @discoveryResultAnim>
2018-06-05 02:56:45 +00:00
<div *ngIf="checkHighligtHost(node.label) else unhighlightHost">
2018-06-04 12:50:46 +00:00
<p-toggleButton onLabel="{{node.label}}" offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" [style]="{'width':'200px'}"
2018-06-05 06:07:12 +00:00
(onChange)="onTargetSelect($event, node)"></p-toggleButton>
2018-06-05 02:56:45 +00:00
</div>
<ng-template #unhighlightHost>
2018-06-05 06:07:12 +00:00
<div style="opacity: 0.2">{{node.label}}</div>
2018-06-04 09:25:48 +00:00
</ng-template>
2018-06-01 11:25:51 +00:00
</div>
</ng-template>
<!-- SERVICE node template -->
<ng-template let-node pTemplate="SERVICE">
2018-06-01 07:32:16 +00:00
<div @discoveryResultAnim>
2018-06-05 02:56:45 +00:00
<div *ngIf="checkHighligtService(node.data.name) else unhighlightServ">
2018-06-04 09:25:48 +00:00
<p-toggleButton onLabel="{{node.label}} {{node.data.portType}}" offLabel="{{node.label}} {{node.data.portType}} {{node.data.portNumber}}"
2018-06-05 06:07:12 +00:00
onIcon="fa-check" offIcon="fa-square" [style]="{'width':'300px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton>
2018-06-04 12:50:46 +00:00
</div>
2018-06-05 02:56:45 +00:00
<ng-template #unhighlightServ>
2018-06-05 06:07:12 +00:00
<div style="opacity: 0.2">{{node.label}} {{node.data.portType}}</div>
2018-06-04 09:25:48 +00:00
</ng-template>
2018-06-04 12:50:46 +00:00
2018-06-01 07:32:16 +00:00
</div>
</ng-template>
</p-tree>
2018-06-05 02:56:45 +00:00
<button class="ui-button-width-fit" [disabled]="selectedItems.length === 0"
type="button" label="Save" icon="ui-icon-close" pButton (click)="saveTargets()"></button>
</p-panel>