Put the connection details in a panel
</ng-template>
<ng-template #tooltipPopover>
- <div>
- <i class="fa fa-remove pull-right" (click)="hideInfoPopover()"></i>
-
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <button class="pull-right close" type="button" (click)="hideInfoPopover()">
+ <span class="pficon pficon-close"></span>
+ </button>
+ <h3 class="panel-title">Connection Properties</h3>
+ </div>
+ <div class="panel-body">
<!-- TODO Apply UXD outcome - https://github.com/syndesisio/syndesis/issues/700 -->
<!--
<div *ngIf="previousStepShouldDefineDataShape"><p style="color:red"><b>Define a data type</b></p></div>
- <div *ngIf="shouldAddDatamapper"><p style="color:red"><b>Add a datamapper step</b></p></div>
-->
- <dl class="dl-horizontal">
+ <dl>
<dt>
Name
</dt>
{{ step.connection?.name }}
</dd>
</dl>
- <dl class="dl-horizontal">
+ <dl>
<dt>
Action
</dt>
{{ step.action?.name }}
</dd>
</dl>
- <dl class="dl-horizontal" *ngIf="inputDataShapeText">
+ <dl *ngIf="inputDataShapeText && inputDataShapeText !== ''">
<dt>
Input Data Type
</dt>
{{ inputDataShapeText }}
</dd>
</dl>
- <dl class="dl-horizontal" *ngIf="outputDataShapeText">
+ <dl *ngIf="outputDataShapeText">
<dt>
Output Data Type
</dt>
</dd>
</dl>
</div>
+ </div>
</ng-template>
<!-- Icon Progress Line -->
