summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/ui
diff options
context:
space:
mode:
authorKrupaNagabhushan <krupa.nagabhushan@est.tech>2022-04-22 15:48:40 +0100
committerMichael Morris <michael.morris@est.tech>2022-05-09 15:47:29 +0000
commit401f001b36be5508dd8c129430126e49e68d1b5b (patch)
tree8e672f9cc78557e6298382a87999d3c5def9cf8c /catalog-ui/src/app/ng2/components/ui
parent9f25403b73e8c66d0c0d9f3e8b05d8b5069bb783 (diff)
Fix inputs/policy tabs view for self and instances
Issue-ID: SDC-3983 Signed-off-by: KrupaNagabhushan <krupa.nagabhushan@est.tech> Change-Id: I2b1f0e5c7f6e55765f35ac807926725343a8aa9e
Diffstat (limited to 'catalog-ui/src/app/ng2/components/ui')
-rw-r--r--catalog-ui/src/app/ng2/components/ui/tabs/tab/tab.component.ts3
-rw-r--r--catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.html6
2 files changed, 6 insertions, 3 deletions
diff --git a/catalog-ui/src/app/ng2/components/ui/tabs/tab/tab.component.ts b/catalog-ui/src/app/ng2/components/ui/tabs/tab/tab.component.ts
index bad7b80a51..e0eacdc43b 100644
--- a/catalog-ui/src/app/ng2/components/ui/tabs/tab/tab.component.ts
+++ b/catalog-ui/src/app/ng2/components/ui/tabs/tab/tab.component.ts
@@ -24,7 +24,7 @@ import { ViewEncapsulation } from '@angular/core';
@Component({
selector: 'tab',
template: `
- <div *ngIf="active" class="tab-content">
+ <div *ngIf="active && show" class="tab-content">
<ng-content></ng-content>
</div>
`,
@@ -33,6 +33,7 @@ import { ViewEncapsulation } from '@angular/core';
export class Tab {
@Input('tabTitle') title: string;
@Input() active:boolean = false;
+ @Input() show:boolean = true;
@Input() indication?: number;
}
diff --git a/catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.html b/catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.html
index 8a8ecc3e7f..d52dccc054 100644
--- a/catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.html
+++ b/catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.html
@@ -13,12 +13,14 @@
~ 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>