From 457685063fd4b960441e482cc8b88fa8c972a7d2 Mon Sep 17 00:00:00 2001 From: Nicholas Soteropoulos Date: Mon, 14 Sep 2020 17:19:10 -0400 Subject: Fix mod ui build issues Change-Id: I4d002645240852a3a5f1964d9ffa2cac11c45b47 Signed-off-by: Nicholas Soteropoulos Issue-ID: DCAEGEN2-2317 Signed-off-by: Nicholas Soteropoulos --- .../onboarding-tools.component.css | 27 +++++++++++ .../onboarding-tools.component.html | 23 ++++++++++ .../onboarding-tools.component.spec.ts | 48 ++++++++++++++++++++ .../onboarding-tools/onboarding-tools.component.ts | 52 ++++++++++++++++++++++ 4 files changed, 150 insertions(+) create mode 100644 mod2/ui/src/app/onboarding-tools/onboarding-tools.component.css create mode 100644 mod2/ui/src/app/onboarding-tools/onboarding-tools.component.html create mode 100644 mod2/ui/src/app/onboarding-tools/onboarding-tools.component.spec.ts create mode 100644 mod2/ui/src/app/onboarding-tools/onboarding-tools.component.ts (limited to 'mod2/ui/src/app/onboarding-tools') diff --git a/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.css b/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.css new file mode 100644 index 0000000..1130851 --- /dev/null +++ b/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.css @@ -0,0 +1,27 @@ +/* + * # ============LICENSE_START======================================================= + * # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + * # ================================================================================ + * # Licensed under the Apache License, Version 2.0 (the "License"); + * # you may not use this file except in compliance with the License. + * # You may obtain a copy of the License at + * # + * # http://www.apache.org/licenses/LICENSE-2.0 + * # + * # Unless required by applicable law or agreed to in writing, software + * # distributed under the License is distributed on an "AS IS" BASIS, + * # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * # See the License for the specific language governing permissions and + * # limitations under the License. + * # ============LICENSE_END========================================================= + */ + +iframe{ + padding-top: 0px; + border: none; +} + +#content{ + position:absolute; + left: 0; right: 0; bottom: 0; top: 0px; +} \ No newline at end of file diff --git a/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.html b/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.html new file mode 100644 index 0000000..417ee39 --- /dev/null +++ b/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.html @@ -0,0 +1,23 @@ + + + +
+ +
+ diff --git a/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.spec.ts b/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.spec.ts new file mode 100644 index 0000000..d88c06d --- /dev/null +++ b/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.spec.ts @@ -0,0 +1,48 @@ +/* + * # ============LICENSE_START======================================================= + * # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + * # ================================================================================ + * # Licensed under the Apache License, Version 2.0 (the "License"); + * # you may not use this file except in compliance with the License. + * # You may obtain a copy of the License at + * # + * # http://www.apache.org/licenses/LICENSE-2.0 + * # + * # Unless required by applicable law or agreed to in writing, software + * # distributed under the License is distributed on an "AS IS" BASIS, + * # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * # See the License for the specific language governing permissions and + * # limitations under the License. + * # ============LICENSE_END========================================================= + */ + +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { Ng4LoadingSpinnerModule } from 'ng4-loading-spinner'; +import { SafePipe } from '../onboarding-tools/onboarding-tools.component'; + +import { OnboardingToolsComponent } from './onboarding-tools.component'; + +describe('OnboardingToolsComponent', () => { + let component: OnboardingToolsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [OnboardingToolsComponent, SafePipe], + imports: [ + Ng4LoadingSpinnerModule, + ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(OnboardingToolsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.ts b/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.ts new file mode 100644 index 0000000..d400120 --- /dev/null +++ b/mod2/ui/src/app/onboarding-tools/onboarding-tools.component.ts @@ -0,0 +1,52 @@ +/* + * # ============LICENSE_START======================================================= + * # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + * # ================================================================================ + * # Licensed under the Apache License, Version 2.0 (the "License"); + * # you may not use this file except in compliance with the License. + * # You may obtain a copy of the License at + * # + * # http://www.apache.org/licenses/LICENSE-2.0 + * # + * # Unless required by applicable law or agreed to in writing, software + * # distributed under the License is distributed on an "AS IS" BASIS, + * # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * # See the License for the specific language governing permissions and + * # limitations under the License. + * # ============LICENSE_END========================================================= + */ + +import { Component, ViewEncapsulation, ViewChild, ElementRef, PipeTransform, Pipe, OnInit } from '@angular/core'; +import { DomSanitizer } from "@angular/platform-browser"; +import { Ng4LoadingSpinnerService } from 'ng4-loading-spinner'; +import { environment } from '../../environments/environment'; + +@Pipe({ name: 'safe' }) +export class SafePipe implements PipeTransform { + constructor(private sanitizer: DomSanitizer) { } + transform(url) { + return this.sanitizer.bypassSecurityTrustResourceUrl(url); + } +} + +@Component({ + selector: 'app-onboarding-tools', + templateUrl: './onboarding-tools.component.html', + styleUrls: ['./onboarding-tools.component.css'] +}) + +export class OnboardingToolsComponent implements OnInit { + + title = 'Onboarding Tools'; + + //video: string = `http://${environment.api_baseURL}:30991/onboarding-toolbox/blueprint-generator` + video: string = 'http://dcae-onboarding-toolbox-fe.ecomp.idns.cip.att.com:30991/onboarding-toolbox/blueprint-generator' + + constructor(private spinnerService: Ng4LoadingSpinnerService) { + this.spinnerService.show(); + } + + ngOnInit() { + } + +} -- cgit 1.2.3-korg