add rule modal gui source code

read rule manager modal

Issue-ID:CLIENT-151

Change-Id: I503f84e8a04bc68cd1313cd9cdff3a8031e5ba8e
Signed-off-by: YILI <li.yi101@zte.com.cn>

diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.component.html b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.component.html
new file mode 100644 (file)
index 0000000..f93605e
--- /dev/null
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.component.html
@@ -0,0 +1,31 @@
+<!--\r
+ Copyright 2017 ZTE Corporation.\r
+\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+\r
+     http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+-->\r
+<div class="modal fade in" id="myModal" #sifModal>\r
+    <div class="modal-dialog">\r
+        <div class="modal-content">\r
+            <div class="modal-header">\r
+                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>\r
+                <h4 class="modal-title">{{modalTitle|translate}}</h4>\r
+            </div>\r
+            <div class="modal-body">\r
+                <p>{{modalBodyMessage|translate}}</p>\r
+            </div>\r
+            <div class="modal-footer">\r
+                <button type="button" class="btn btn-primary" data-dismiss="modal">{{closeBtnTitle|translate}}</button>\r
+            </div>\r
+        </div>\r
+    </div>\r
+</div>
\ 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 (file)
index 0000000..e0e1f9c
--- /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 (file)
index 0000000..e792731
--- /dev/null
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/modal.service.ts
@@ -0,0 +1,24 @@
+/*\r
+ Copyright 2017 ZTE Corporation.\r
+\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+\r
+     http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+*/\r
+import { Subject }           from 'rxjs/Subject';\r
+import { Injectable }     from '@angular/core';\r
+@Injectable()\r
+export class ModalService{\r
+    private modalObservable=new Subject();\r
+    get getmodalObservable(){\r
+        return this.modalObservable;\r
+    }\r
+}\r

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 (file)
index 0000000..b42904e
--- /dev/null
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/msg.ts
@@ -0,0 +1,20 @@
+/*\r
+ Copyright 2017 ZTE Corporation.\r
+\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+\r
+     http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+*/\r
+export interface Msg{\r
+    title?:string;\r
+    message:string;\r
+    btn?:string;\r
+}
\ No newline at end of file