feat: i-frame component created

Author: jyothishjose6190

projects/observability/src/public-api.ts

@@ -388,3 +388,11 @@ export * from './shared/components/bar-gauge/bar-gauge.module';
 
 // Time Range utils
 export * from './shared/utils/time-range';
+
+// Custom Dashboard
+export * from './pages/custom-dashboard/custom-dashboard.component';
+export * from './pages/custom-dashboard/custom-dashboard.module';
+
+// I-frame
+export * from './shared/components//i-frame/i-frame.component';
+export * from './shared/components/i-frame/i-frame.module';

projects/observability/src/shared/components/i-frame/i-frame.component.scss

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IFrameComponent } from './i-frame.component';
+
+describe('IFrameComponent', () => {
+  let component: IFrameComponent;
+  let fixture: ComponentFixture<IFrameComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [IFrameComponent]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(IFrameComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

projects/observability/src/shared/components/i-frame/i-frame.component.spec.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+
+@Component({
+  selector: 'ht-i-frame',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<iframe width="{{ this.width }}" height="{{ this.height }}" frameBorder="0" [src]="urlSafe"></iframe>`,
+  styleUrls: ['./i-frame.component.scss']
+})
+export class IFrameComponent implements OnInit {
+  @Input() public source: string = 'https://angular.io/api/router/RouterLink';
+  @Input() public title?: string;
+  @Input() public width?: string = '100%';
+  @Input() public height?: string = '100%';
+  @Input() public allow?: boolean;
+
+  public urlSafe?: SafeResourceUrl;
+  public constructor(public sanitizer: DomSanitizer) {}
+
+  public ngOnInit(): void {
+    this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(this.source);
+  }
+}

projects/observability/src/shared/components/i-frame/i-frame.component.ts

@@ -0,0 +1,10 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { IFrameComponent } from './i-frame.component';
+
+@NgModule({
+  declarations: [IFrameComponent],
+  imports: [CommonModule],
+  exports: [IFrameComponent]
+})
+export class IFrameModule {}