Change the buiding tool to angular-cli

Change-Id: Iacc77251238b9d8b2893dbbf311775f9fb7425d3
Issue-ID: HOLMES-111
Signed-off-by: GuangrongFu <fu.guangrong@zte.com.cn>

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