\ No newline at end of file
diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.component.ts b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.component.ts
new file mode 100644
index 00000000..e0e1f9cf
--- /dev/null
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.component.ts
@@ -0,0 +1,44 @@
+/*
+ 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){};
+ modalTitle:string="modalTitleDefault";
+ modalBodyMessage:string="modalBodyMessageDefault";
+ closeBtnTitle:string="closeBtnTitleDefault";
+
+ ngOnInit(): void {
+ console.log('init');
+ 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/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.service.ts b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.service.ts
new file mode 100644
index 00000000..e792731e
--- /dev/null
+++ b/alarm-analysis/src/main/webapp/alarm/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/Subject';
+import { Injectable } from '@angular/core';
+@Injectable()
+export class ModalService{
+ private modalObservable=new Subject();
+ get getmodalObservable(){
+ return this.modalObservable;
+ }
+}
diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/msg.ts b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/msg.ts
new file mode 100644
index 00000000..b42904eb
--- /dev/null
+++ b/alarm-analysis/src/main/webapp/alarm/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
--
cgit 1.2.3-korg