make block leaner by removing redundant structural container directives
<section class="integration-description">
- <div *ngIf="integration.steps">
- <ng-template ngFor let-step [ngForOf]="integration.steps" let-index="index" let-last="last">
- <div *ngIf="step" class="step-block inline-block text-center">
+ <div *ngFor="let step of integration?.steps; let index=index; let last=last"
+ class="step-block inline-block text-center">
<ng-container [ngSwitch]="step.stepKind">
- <ng-container *ngSwitchCase="'endpoint'">
- <div id="{{ step.connection.name | synSlugify }}"
+ <div *ngSwitchCase="'endpoint'"
+ id="{{ step.connection.name | synSlugify }}"
class="text-center connection"
(click)="onViewDetails(step)"
title="{{ step.connection.name }}&nbsp;{{ step.action.name }}">
</div>
<div class="syn-truncate__ellipsis">{{ step.connection.name | capitalize }}</div>
</div>
- </ng-container>
- <ng-container *ngSwitchDefault>
- <div id="{{ (step.name || step.stepKind) | synSlugify }}" class="text-center step">
+ <div *ngSwitchDefault
+ id="{{ (step.name || step.stepKind) | synSlugify }}"
+ class="text-center step">
<div class="step-line"></div>
<div class="icon not-connection">
<div class="icon-line"></div>
<div>{{ stepStore.getStepName(step) }}</div>
</div>
</ng-container>
- </ng-container>
<span *ngIf="!last" class="step-sep fa fa-angle-right"></span>
</div>
- </ng-template>
- </div>
<p>
- <syndesis-editable-textarea
- [value]="integration.description"
+ <syndesis-editable-textarea [value]="integration.description"
placeholder="No description set..."
(onSave)="onAttributeUpdated('description', $event)">
</syndesis-editable-textarea>
