Issue-ID: SDC-3983
Signed-off-by: KrupaNagabhushan <krupa.nagabhushan@est.tech>
Change-Id: I2b1f0e5c7f6e55765f35ac807926725343a8aa9e
@Component({
selector: 'tab',
template: `
@Component({
selector: 'tab',
template: `
- <div *ngIf="active" class="tab-content">
+ <div *ngIf="active && show" class="tab-content">
<ng-content></ng-content>
</div>
`,
<ng-content></ng-content>
</div>
`,
export class Tab {
@Input('tabTitle') title: string;
@Input() active:boolean = false;
export class Tab {
@Input('tabTitle') title: string;
@Input() active:boolean = false;
+ @Input() show:boolean = true;
@Input() indication?: number;
}
@Input() indication?: number;
}
~ See the License for the specific language governing permissions and
~ limitations under the License.
-->
~ See the License for the specific language governing permissions and
~ limitations under the License.
-->
<div class="tabs {{tabStyle}}">
<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>
{{tab.title}}
<div class="tab-indication" *ngIf="tab.indication" [@indicatorAnimation]="tab.indication">{{tab.indication}}</div>
</div>
</div>
<div class="tab-content-container">
<ng-content></ng-content>
</div>
<div class="tab-content-container">
<ng-content></ng-content>
(deleteProperty)="deleteProperty($event)">
</properties-table>
</tab>
(deleteProperty)="deleteProperty($event)">
</properties-table>
</tab>
- <tab tabTitle="Inputs">
+ <tab tabTitle="Inputs" [show]="isSelf()">
<inputs-table class="properties-table"
[fePropertiesMap]="instanceFePropertiesMap"
[readonly]="isReadonly"
<inputs-table class="properties-table"
[fePropertiesMap]="instanceFePropertiesMap"
[readonly]="isReadonly"
(inputChanged)="dataChanged($event)">
</inputs-table>
</tab>
(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"
<policies-table class="properties-table"
[readonly]="isReadonly"
[policies]="policies | searchFilter:'name':searchQuery"
min-width:930px;
/deep/ .tabs {
min-width:930px;
/deep/ .tabs {
this.topologyTemplateService
.createInput(this.component, inputsToCreate, this.isSelf())
.subscribe((response) => {
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;
this.setInputTabIndication(response.length);
this.checkedPropertiesCount = 0;
this.checkedChildPropertiesCount = 0;