diff options
| author |   YILI <li.yi101@zte.com.cn> | 2017-02-24 16:29:14 +0800 |
|---|---|---|
| committer | 6092002077 <li.yi101@zte.com.cn> | 2017-02-24 16:29:14 +0800 |
| commit | 04b6572eb9640542f266d81776748dcad15fb483 (patch) | |
| tree | b568ae80e6041597e87f17c18d41199cb87f318d /alarm-analysis/src/main/webapp/alarm/app | |
| parent | 1288191ce27d81dd0bb0cd1731178e4465170bf4 (diff) | |
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>
Diffstat (limited to 'alarm-analysis/src/main/webapp/alarm/app')
4 files changed, 119 insertions, 0 deletions
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 index 00000000..f93605e0 --- /dev/null +++ b/alarm-analysis/src/main/webapp/alarm/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/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 |