@Component({
selector: 'tab',
template: `
- <div *ngIf="active" class="tab-content">
+ <div *ngIf="active && show" class="tab-content">
<ng-content></ng-content>
</div>
`,
export class Tab {
@Input('tabTitle') title: string;
@Input() active:boolean = false;
+ @Input() show:boolean = true;
@Input() indication?: number;
}
~ See the License for the specific language governing permissions and
~ limitations under the License.
-->
-
+
<div class="tabs {{tabStyle}}">
- <div class="tab" *ngFor="let tab of tabs" (click)="selectTab(tab)" [class.active]="tab.active" [attr.data-tests-id]="tab.title">
+<ng-container *ngFor="let tab of tabs">
+ <div class="tab" *ngIf="tab.show" (click)="selectTab(tab)" [class.active]="tab.active" [attr.data-tests-id]="tab.title">
{{tab.title}}
<div class="tab-indication" *ngIf="tab.indication" [@indicatorAnimation]="tab.indication">{{tab.indication}}</div>
</div>
+</ng-container>
</div>
<div class="tab-content-container">
<ng-content></ng-content>
(deleteProperty)="deleteProperty($event)">
</properties-table>
</tab>
- <tab tabTitle="Inputs">
+ <tab tabTitle="Inputs" [show]="isSelf()">
<inputs-table class="properties-table"
[fePropertiesMap]="instanceFePropertiesMap"
[readonly]="isReadonly"
(inputChanged)="dataChanged($event)">
</inputs-table>
</tab>
- <tab tabTitle="Policies">
+ <tab tabTitle="Policies" [show]="isSelf()">
<policies-table class="properties-table"
[readonly]="isReadonly"
[policies]="policies | searchFilter:'name':searchQuery"
min-width:930px;
/deep/ .tabs {
- width:33%;
+ width:18%;
text-align:center;
}
this.topologyTemplateService
.createInput(this.component, inputsToCreate, this.isSelf())
.subscribe((response) => {
+ this.selectInstanceRow(SERVICE_SELF_TITLE);
+ this.onInstanceSelectedUpdate(this.instances[0]);
this.setInputTabIndication(response.length);
this.checkedPropertiesCount = 0;
this.checkedChildPropertiesCount = 0;