diff options
Diffstat (limited to 'mod2/ui/src/app/onboarding-tools')
4 files changed, 150 insertions, 0 deletions
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 @@ +<!-- + # ============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========================================================= + --> + +<ng4-loading-spinner id=loadingSpinner [timeout]="60000"></ng4-loading-spinner> +<div id="content"> + <iframe width="100%" height="98.5%" [src]="video | safe" onload="document.getElementById('loadingSpinner').style.display='none';"></iframe> +</div> + 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<OnboardingToolsComponent>; + + 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() { + } + +} |