diff options
Diffstat (limited to 'rulemgt-frontend/src/app/correlation-modal')
4 files changed, 118 insertions, 0 deletions
diff --git a/rulemgt-frontend/src/app/correlation-modal/modal.component.html b/rulemgt-frontend/src/app/correlation-modal/modal.component.html new file mode 100644 index 0000000..16f61e8 --- /dev/null +++ b/rulemgt-frontend/src/app/correlation-modal/modal.component.html @@ -0,0 +1,31 @@ +<!-- + Copyright 2017 ZTE Corporation. + + 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. +--> +<div class="modal fade in" id="myModal" #sifModal> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <h4 class="modal-title">{{modalTitle|translate}}</h4> + </div> + <div class="modal-body"> + <p>{{modalBodyMessage|translate}}</p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-primary" data-dismiss="modal">{{closeBtnTitle|translate}}</button> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/rulemgt-frontend/src/app/correlation-modal/modal.component.ts b/rulemgt-frontend/src/app/correlation-modal/modal.component.ts new file mode 100644 index 0000000..d2861bf --- /dev/null +++ b/rulemgt-frontend/src/app/correlation-modal/modal.component.ts @@ -0,0 +1,43 @@ +/* + Copyright 2017 ZTE Corporation. + + 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. +*/ +import { Component, Input, OnInit } from '@angular/core'; +import { ModalService } from './modal.service'; +import { Msg } from './msg'; +declare var $: any; +@Component({ + + selector: 'sif-modal', + templateUrl: './modal.component.html', + +}) +export class SifModalComponent implements OnInit { + constructor(private modalServer: ModalService) { }; + private modalTitle = 'modalTitleDefault'; + modalBodyMessage = 'modalBodyMessageDefault'; + closeBtnTitle = 'closeBtnTitleDefault'; + + ngOnInit(): void { + this.modalServer.getmodalObservable.subscribe((msg: Msg) => { + console.log('receive ' + msg); + this.modalTitle = msg.title || this.modalTitle; + this.modalBodyMessage = msg.message || this.modalBodyMessage; + this.closeBtnTitle = msg.btn || this.closeBtnTitle; + $('#myModal').modal('show'); + }); + } + + +} diff --git a/rulemgt-frontend/src/app/correlation-modal/modal.service.ts b/rulemgt-frontend/src/app/correlation-modal/modal.service.ts new file mode 100644 index 0000000..d851d52 --- /dev/null +++ b/rulemgt-frontend/src/app/correlation-modal/modal.service.ts @@ -0,0 +1,24 @@ +/* + Copyright 2017 ZTE Corporation. + + 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. +*/ +import { Subject } from 'rxjs'; +import { Injectable } from '@angular/core'; +@Injectable() +export class ModalService { + private modalObservable = new Subject(); + get getmodalObservable() { + return this.modalObservable; + } +} diff --git a/rulemgt-frontend/src/app/correlation-modal/msg.ts b/rulemgt-frontend/src/app/correlation-modal/msg.ts new file mode 100644 index 0000000..8608dc1 --- /dev/null +++ b/rulemgt-frontend/src/app/correlation-modal/msg.ts @@ -0,0 +1,20 @@ +/* + Copyright 2017 ZTE Corporation. + + 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. +*/ +export interface Msg { + title?: string; + message: string; + btn?: string; +}
\ No newline at end of file |