summaryrefslogtreecommitdiffstats
path: root/rulemgt-frontend/src/app/correlation-modal
diff options
context:
space:
mode:
authorGuangrongFu <fu.guangrong@zte.com.cn>2018-07-20 09:26:29 +0800
committerGuangrongFu <fu.guangrong@zte.com.cn>2018-07-20 09:26:29 +0800
commit9720e7d6a706d79f50778af6a39ce6fba79955ed (patch)
tree78dc557e10f914d44a08567286113e8728b090fa /rulemgt-frontend/src/app/correlation-modal
parent0b1df79ef7749d62b4412e5433538d32feb6850c (diff)
Change the buiding tool to angular-cli
Change-Id: Iacc77251238b9d8b2893dbbf311775f9fb7425d3 Issue-ID: HOLMES-111 Signed-off-by: GuangrongFu <fu.guangrong@zte.com.cn>
Diffstat (limited to 'rulemgt-frontend/src/app/correlation-modal')
-rw-r--r--rulemgt-frontend/src/app/correlation-modal/modal.component.html31
-rw-r--r--rulemgt-frontend/src/app/correlation-modal/modal.component.ts43
-rw-r--r--rulemgt-frontend/src/app/correlation-modal/modal.service.ts24
-rw-r--r--rulemgt-frontend/src/app/correlation-modal/msg.ts20
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">&times;</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