diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note')
4 files changed, 283 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.css b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.css new file mode 100644 index 00000000..5ca96efd --- /dev/null +++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.css @@ -0,0 +1,77 @@ +/* + * ============LICENSE_START========================================== + * ONAP Portal SDK + * =================================================================== + * Copyright © 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software 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. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * 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============================================ + * + * + */ + +.note { + background-color: rgb(255, 240, 70); + position: relative; + box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); + margin-bottom: 1em; + border-radius: 10px 10px 0px 0px; +} + +.note_toolbar { + background: #7f6c04; + border-radius: 8px 8px 0px 0px; +} + +.close { + top: 5px; + cursor:pointer; + color: white; + position: relative; +} + +.content { + padding: 5px; + outline: none; + height: 150px; + border-radius: 8px; + overflow-y: auto; + font-size: large; +} + +.footer{ + text-align: center +} +button { + cursor: pointer; + background: transparent; + border: none; + font-size: x-large; + outline: none; +}
\ No newline at end of file diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.html b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.html new file mode 100644 index 00000000..f842511f --- /dev/null +++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.html @@ -0,0 +1,47 @@ +<!-- + ============LICENSE_START========================================== + ONAP Portal SDK + =================================================================== + Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + =================================================================== + + Unless otherwise specified, all software contained herein is licensed + under the Apache License, Version 2.0 (the "License"); + you may not use this software 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. + + Unless otherwise specified, all documentation contained herein is licensed + under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + you may not use this documentation except in compliance with the License. + You may obtain a copy of the License at + + https://creativecommons.org/licenses/by/4.0/ + + Unless required by applicable law or agreed to in writing, documentation + 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============================================ + +--> +<div class="note"> + <div class="note_toolbar"> + <span class="close material-icons" (click)="onDismiss($event)">close</span> + </div> + <div class="content" contenteditable="true" (blur)="onFocusOut($event)"> + <ng-content></ng-content> + </div> + <div class="footer"> + <button class="material-icons" (click)="record($event)">settings_voice</button> + </div> +</div>
\ No newline at end of file diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.spec.ts b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.spec.ts new file mode 100644 index 00000000..b512fc1f --- /dev/null +++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.spec.ts @@ -0,0 +1,76 @@ +/* + * ============LICENSE_START========================================== + * ONAP Portal SDK + * =================================================================== + * Copyright © 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software 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. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * 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 { NoteComponent } from './note.component'; + +describe('NoteComponent', () => { + let component: NoteComponent; + let fixture: ComponentFixture<NoteComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ NoteComponent ] + }) + .compileComponents(); + })); + + // beforeEach(() => { + // fixture = TestBed.createComponent(NoteComponent); + // component = fixture.componentInstance; + // fixture.detectChanges(); + // }); + + // it('should create', () => { + // expect(component).toBeTruthy(); + // }); + + // it('should test onDismiss method',()=>{ + // component.onDismiss("onDismiss"); + // }) + + // it('should test onFocusOut method',()=>{ + // component.onFocusOut("onFocusOut"); + // }) + + //it('should test record method',()=>{ + //component.record(4); + // }) + +}); diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.ts b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.ts new file mode 100644 index 00000000..d8935f7c --- /dev/null +++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/welcome-module/welcome-dashboard/note/note.component.ts @@ -0,0 +1,83 @@ +/* + * ============LICENSE_START========================================== + * ONAP Portal SDK + * =================================================================== + * Copyright © 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software 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. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * 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, HostBinding, EventEmitter, Output, ElementRef} from '@angular/core' +//declare var webkitSpeechRecognition:any; +//declare var SpeechRecognition:any; +@Component({ + selector:'app-note', + templateUrl:'./note.component.html', + styleUrls:['./note.component.css'] +}) + +export class NoteComponent { + //SpeechRecognition:any =webkitSpeechRecognition; + + recognition:any; + + @Output() dismiss = new EventEmitter(); + @Output() focusout = new EventEmitter(); + constructor(private el:ElementRef) { + const {webkitSpeechRecognition} : IWindow = <IWindow>window; + + // Commented below code as it works only for chrome browser. + + // this.recognition = new webkitSpeechRecognition(); + // this.recognition.onresult = (event)=> { + // this.el.nativeElement.querySelector(".content").innerText += event.results[0][0].transcript + // console.log(event.results[0][0].transcript) + // document.getElementById('toolbar').focus(); + // }; + } + + onDismiss(event){ + this.dismiss.emit(event); + } + + onFocusOut(event){ + this.focusout.emit(event) + } + + record(event) { + this.recognition.start(); + } + +} + +export interface IWindow extends Window { + webkitSpeechRecognition: any; +}
\ No newline at end of file |