Merge "Resolve the merge conflict"

13 files changed, 576 insertions, 579 deletions

diff --git a/alarm-analysis/src/main/webapp/alarm/app/app.module.ts b/alarm-analysis/src/main/webapp/alarm/app/app.module.ts
index 5c1d6533..fd557717 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/app.module.ts
+++ b/alarm-analysis/src/main/webapp/alarm/app/app.module.ts
@@ -25,7 +25,6 @@ import {HttpModule,Jsonp}   from  '@angular/http';
 import {AlarmRuleService} from './correlation-ruleList/alarmRule.service';

 import {TranslateModule} from "ng2-translate";

 import {SifModalComponent} from './correlation-modal/modal.component'

-import {TestBed,ComponentFixture} from '@angular/core/testing';

 @NgModule({

     imports: [

         BrowserModule,

@@ -39,12 +38,9 @@ import {TestBed,ComponentFixture} from '@angular/core/testing';
         AppComponent,

         AlarmRule,

         RuleInfo,

-        SifModalComponent,

-        TestBed,

-        ComponentFixture

+        SifModalComponent

     ],

     providers:[ModalService,AlarmRuleService,Jsonp],

     bootstrap: [AppComponent]

 })

-export class AppModule { }

-

+export class AppModule { }
\ 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
index e0e1f9cf..7afc5280 100644
--- 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
@@ -13,29 +13,29 @@
  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;
+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";
+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;
+        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
index e792731e..0ff5b7ff 100644
--- 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
@@ -13,12 +13,12 @@
  See the License for the specific language governing permissions and

  limitations under the License.

 */

-import { Subject }           from 'rxjs/Subject';

-import { Injectable }     from '@angular/core';

+import { Subject } from 'rxjs/Subject';

+import { Injectable } from '@angular/core';

 @Injectable()

-export class ModalService{

-    private modalObservable=new Subject();

-    get getmodalObservable(){

+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
index b42904eb..46015ddf 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/msg.ts
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-modal/msg.ts
@@ -13,8 +13,8 @@
  See the License for the specific language governing permissions and

  limitations under the License.

 */

-export interface Msg{

-    title?:string;

-    message:string;

-    btn?:string;

+export interface Msg {

+    title?: string;

+    message: string;

+    btn?: string;

 }
\ No newline at end of file
diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleInfo/ruleInfo.component.html b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleInfo/ruleInfo.component.html
index 95585133..b294cd06 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleInfo/ruleInfo.component.html
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleInfo/ruleInfo.component.html
@@ -13,130 +13,131 @@
  See the License for the specific language governing permissions and

  limitations under the License.

 -->

-<div class="container"  style="margin-top: 20px">

-    <form #ruleForm = "ngForm"  class="form-group row" (submit)="onSubmit(ruleName)">

+<div class="container" style="margin-top: 20px">

+    <form #ruleForm="ngForm" class="form-group row" (submit)="onSubmit(ruleName)">

         <div class="form-body">

-            

+

             <div class="row form-group col-xs-12 ">

-                     <label for="userName" class="col-xs-2 col-form-label labelstyle">

+                <label for="userName" class="col-xs-2 col-form-label labelstyle">

                         <span>{{"field_rule_name"|translate}}</span>

                         <span style="color: red">*</span>

                     </label>

-                    <div class="col-xs-6" style="margin-left: -100px">

-                        <input class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required" 

-                        style="width: 60%" type="text" name="rulename" [(ngModel)]="queryRule.rulename" 

-                        id="ruleNameInput" readonly="{{addBottonStatus}}" #ruleName="ngModel" required>

-                    </div>

+                <div class="col-xs-6" style="margin-left: -100px">

+                    <input class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required" style="width: 60%" type="text" name="rulename"

+                        [(ngModel)]="queryRule.rulename" id="ruleNameInput" readonly="{{addBottonStatus}}" #ruleName="ngModel"

+                        required>

+                </div>

             </div>

-            

-             <div class="row form-group col-xs-12">

-                     <label for="userName" class="col-xs-2 col-form-label labelstyle">

+

+            <div class="row form-group col-xs-12">

+                <label for="userName" class="col-xs-2 col-form-label labelstyle">

                         <span>{{"field_description"|translate}}</span>

                     </label>

                 <div class="col-xs-6" style="margin-left: -100px">

-                    <input class="form-control ng-untouched ng-pristine ng-valid" readonly="{{addBottonStatus}}"

-                        style="width: 60%"  type="text" [(ngModel)]="queryRule.description" name="description" >

+                    <input class="form-control ng-untouched ng-pristine ng-valid" readonly="{{addBottonStatus}}" style="width: 60%" type="text"

+                        [(ngModel)]="queryRule.description" name="description">

                 </div>

             </div>

 

             <div id="state" class="row form-group col-xs-12">

-                     <label  class="col-xs-2 col-form-label labelstyle">

+                <label class="col-xs-2 col-form-label labelstyle">

                          <span>{{"common_status"|translate}}</span>

                      </label>

 

                 <div class="col-xs-6" style="margin-left: -113px">

-                    <div *ngIf="queryRule.enabled == 1">

-                        <div class="col-xs-3">

-                            <input class="magic-radio" type="radio" name="enabled"   id="radio3" [(ngModel)]="queryRule.enabled" value="0">

-                            <label for="radio1">{{"common_on"|translate}}</label>

+                    <div *ngIf="queryRule.enabled == 0">

+                        <div class="col-xs-3" >

+                            <input class="magic-radio" type="radio" name="radio" [(ngModel)]="queryRule.enabled" value='0'>

+                            <label for="radio1" >{{"common_off"|translate}}</label>

                         </div>

-                        <div class="col-xs-3">

-                            <input class="magic-radio" type="radio" name="enabled" id="radio4" [(ngModel)]="queryRule.enabled" value="1">

-                            <label for="radio2">{{"common_off"|translate}}</label>

+                        <div class="col-xs-3" >

+                            <input class="magic-radio" type="radio" name="radio"  [(ngModel)]="queryRule.enabled" value='1'>

+                            <label for="radio1" (click)="switch()">{{"common_on"|translate}}</label>

                         </div>

                     </div>

-                    <div *ngIf="queryRule.enabled == 0">

-                        <div class="col-xs-3">

-                            <input class="magic-radio" type="radio" name="enabled"  id="radio1" [(ngModel)]="queryRule.enabled" value="0">

-                            <label for="radio1">{{"common_on"|translate}}</label>

+                    <div *ngIf="queryRule.enabled == 1">

+                        <div class="col-xs-3" >

+                            <input class="magic-radio" type="radio" name="radio" [(ngModel)]="queryRule.enabled" value='0'>

+                            <label for="radio1" (click)="switch()">{{"common_off"|translate}}</label>

                         </div>

-                        <div class="col-xs-3">

-                            <input class="magic-radio" type="radio" name="enabled"   id="radio2" [(ngModel)]="queryRule.enabled" value="1">

-                            <label for="radio2">{{"common_off"|translate}}</label>

+                        <div class="col-xs-3" >

+                            <input class="magic-radio" type="radio" name="radio"  [(ngModel)]="queryRule.enabled" value='1'>

+                            <label for="radio1" >{{"common_on"|translate}}</label>

                         </div>

                     </div>

-                     

+                    

+                    

+

                 </div>

 

             </div>

-            

-             <div class="row form-group col-xs-12" >

-                    <label for="" class="col-xs-2 col-form-label labelstyle">

+

+            <div class="row form-group col-xs-12">

+                <label for="" class="col-xs-2 col-form-label labelstyle">

                         <span>{{"common_file"|translate}}</span>

                     </label>

                 <div class="col-xs-6" style="margin-left: -100px">

                     <div class="btn-group btn-group-circle">

-                        <span class="importDivArea mmlBatchBtnBar" >

+                        <span class="importDivArea mmlBatchBtnBar">

                             <button class="btn btn-info" id="importBtn" disabled="{{addBottonStatus}}">

                                 <span class="ict-import"></span>

-                                <span>{{"import"|translate}}</span>

-                            </button>

-                            <div id="importDiv" class="container upload">

-                                <form id="fileupload" #fileForm="ngForm" role="form" enctype="multipart/form-data" >

-                                    <div class="file-preview">

-                                        <div id="dropzone" class="file-drop-zone">

-                                            <div class="file-drop-zone-title">

-                                                <span >{{"file_import"|translate}}</span>

-                                            </div>

+                        <span>{{"import"|translate}}</span>

+                        </button>

+                        <div id="importDiv" class="container upload">

+                            <form id="fileupload" #fileForm="ngForm" role="form" enctype="multipart/form-data">

+                                <div class="file-preview">

+                                    <div id="dropzone" class="file-drop-zone">

+                                        <div class="file-drop-zone-title">

+                                            <span>{{"file_import"|translate}}</span>

                                         </div>

                                     </div>

+                                </div>

 

-                                    <div class="input-group fileupload-btn">

-                                        <div id="fileName" class="form-control file-caption">task2.zip</div>

-                                        <span class="input-group-btn" id="btnGroup">

+                                <div class="input-group fileupload-btn">

+                                    <div id="fileName" class="form-control file-caption">task2.zip</div>

+                                    <span class="input-group-btn" id="btnGroup">

                                             <span class="btn btn-primary fileinput-button white radius_s blue1-active" id="browse" data-placement="bottom" data-toggle="tooltip">

                                                 <span class="importBtnFontSize">{{"common_browse"|translate}}</span>

-                                                <input type="file" name="file" title=" " accept=".txt" multiple="">

-                                            </span>

-                                            <button id="fileremove" class="btn btn-default" type="button">

+                                    <input type="file" name="file" title=" " accept=".txt" multiple="">

+                                    </span>

+                                    <button id="fileremove" class="btn btn-default" type="button">

                                                 <span class="importBtnFontSize">{{"common_remove"|translate}}</span>

                                             </button>

-                                            <button id="filesubmit" class="btn btn-default" type="button">{{"common_confirm"|translate}}</button>

-                                        </span>

-                                    </div>

-                                    

-                                </form>

-                            </div>

+                                    <button id="filesubmit" class="btn btn-default" type="button">{{"common_confirm"|translate}}</button>

+                                    </span>

+                                </div>

+

+                            </form>

+                        </div>

                         </span>

                     </div>

                 </div>

             </div>

 

-             <div class="row form-group col-xs-12" >

-                  <label for="" class="col-xs-2 col-form-label labelstyle">

+            <div class="row form-group col-xs-12">

+                <label for="" class="col-xs-2 col-form-label labelstyle">

                         <span>{{"message_rule_content"|translate}}</span>

                         <span style="color: red">*</span>

                     </label>

                 <div class="col-xs-8" style="margin-left: -100px">

                     <div class="form-group">

-                         <textarea id="cmds" class="form-control" readonly="{{addBottonStatus}}" [(ngModel)]="queryRule.content" 

-                            name="content" rows="12" cols="80" required

-                            placeholder="package example">

+                        <textarea id="cmds" class="form-control" readonly="{{addBottonStatus}}" [(ngModel)]="queryRule.content" name="content" rows="12"

+                            cols="80" required placeholder="package example">

                          </textarea>

-                         

+

                     </div>

                 </div>

             </div>

-            

+

             <div class="row form-group col-xs-12 " style="margin-left: 73px">

                 <div class="col-xs-8 ">

-                     <label class="myclass" id="checkLabel">

+                    <label class="myclass" id="checkLabel">

                         <button type="button" (click)="checkContent('check')" disabled="{{addBottonStatus}}" class="btn btn-info">{{"common_check"|translate}}</button>

                     </label>

                     <label class="myclass" id="updateLabel">

                         <button type="button"  disabled="{{addBottonStatus}}" class="btn btn-info" (click)="update()">{{"common_update"|translate}}</button>

                     </label>

-                   <label class="myclass" id="saveLabel">

+                    <label class="myclass" id="saveLabel">

                         <button type="submit"  disabled="{{addBottonStatus}}" class="btn btn-info">{{"common_save"|translate}}</button>

                     </label>

                     <label class="myclass" id="cancelLabel">

@@ -146,8 +147,4 @@
             </div>

         </div>

     </form>

-</div>

-

-

-

- 
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleInfo/ruleInfo.component.ts b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleInfo/ruleInfo.component.ts
index 2fc81602..8bcbad5b 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleInfo/ruleInfo.component.ts
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleInfo/ruleInfo.component.ts
@@ -13,278 +13,283 @@
  See the License for the specific language governing permissions and

  limitations under the License.

 */

-import { Component,OnInit ,Input} from '@angular/core';

-import {RuleModel} from '../correlation-ruleList/alarmRule';

-import { ActivatedRoute, Params ,Router} from '@angular/router';

-import {AlarmRuleService} from '../correlation-ruleList/alarmRule.service';

-import {Http,Response,Headers} from '@angular/http';

-import {ModalService} from  '../correlation-modal/modal.service';

-import {NgModel} from '@angular/forms';

+import { Component, OnInit, Input } from '@angular/core';

+import { RuleModel } from '../correlation-ruleList/alarmRule';

+import { ActivatedRoute, Params, Router } from '@angular/router';

+import { AlarmRuleService } from '../correlation-ruleList/alarmRule.service';

+import { Http, Response, Headers } from '@angular/http';

+import { ModalService } from '../correlation-modal/modal.service';

+import { NgModel } from '@angular/forms';

 declare var $: any;

 @Component({

-    selector:'RuleInfo',

-    templateUrl:'./ruleInfo.component.html'

+    selector: 'RuleInfo',

+    templateUrl: './ruleInfo.component.html'

 })

-export class RuleInfo implements OnInit{

-    formModel:RuleModel;

-    queryRule:RuleModel;

-    id:number;

-    addBottonStatus:boolean;

-    constructor(private _ModalService:ModalService, private route: ActivatedRoute,private router:Router,private alarmRuleService:AlarmRuleService,http:Http){};

-    

-     update(){

-         this.queryRule.enabled = $('input:radio:checked').val();

-         if(!this.queryRule.content.startsWith("package ")){

-              let msg={title:"exception_content_error",message:"exception_package_error"};

-              this._ModalService.getmodalObservable.next(msg);

-         }else{

+export class RuleInfo implements OnInit {

+    formModel: RuleModel;

+    queryRule: RuleModel;

+    id: number;

+    addBottonStatus: boolean;

+    constructor(private modalService: ModalService, private route: ActivatedRoute, private router: Router, private alarmRuleService: AlarmRuleService, http: Http) { };

 

-         this.alarmRuleService.checkContent(this.queryRule.content)

-         .then(res => {

-                if(res.status == 200){

-                    this.alarmRuleService.updateRule(this.queryRule)

-                    .then(res =>{

-                    if(res.status == 200){

-                        let msg={title:"modalTitleUpdate",message:"message_update_rule_success"};

-                        this._ModalService.getmodalObservable.next(msg);

-                        this.router.navigate(['alarmRule']);

-                    }else if(res.status == 499){

-                        let msg={title:"modalTitleUpdate",message:"message_exception_rule_fail"};

-                        this._ModalService.getmodalObservable.next(msg);

-                    }else{

-                        let msg={title:"modalTitleUpdate",message:"message_other_exception_rule_fail"};

-                        this._ModalService.getmodalObservable.next(msg);

-                    }

-                }).catch(

-                    res =>{

-                        let msg={title:"modalTitleUpdate",message:"message_other_exception_rule_fail"};

-                        this._ModalService.getmodalObservable.next(msg);

-                    }

-                );

-                    

-                    }else if(res.status == 499){

-                        let msg={"title":"modalTitleCheck",message:"message_rule_content_repeat_error"};

-                        this._ModalService.getmodalObservable.next(msg);

-                        return false;

-                    }else{

-                        let msg={"title":"modalTitleCheck",message:"message_other_exception_rule_fail"};

-                        this._ModalService.getmodalObservable.next(msg);

-                        return false;

-                    }

-            })

-         }

-     }

-     

-    onSubmit(obj:NgModel){

-        this.save();

-    }

+    update() {

+        this.queryRule.enabled = $('input:radio:checked').val();

+        if (!this.queryRule.content.startsWith("package ")) {

+            let msg = { title: "exception_content_error", message: "exception_package_error" };

+            this.modalService.getmodalObservable.next(msg);

+        } else {

 

-     save(){

-         if(!this.queryRule.content.startsWith("package ")){

-              let msg={title:"exception_content_error",message:"exception_package_error"};

-              this._ModalService.getmodalObservable.next(msg);

-         }else{

-             this.alarmRuleService.checkContent(this.queryRule.content).then(res => {

-                if(res.status == 200){

-                        this.alarmRuleService.save(this.queryRule).then(res => {

-                            if(res.status == 200){

-                                let msg={title:"modalTitleDefault",message:"message_add_rule_success"};

-                                this._ModalService.getmodalObservable.next(msg);

-                                this.router.navigate(['alarmRule']);

-                            }else if(res.status == 499){

-                                let msg={title:"modalTitleDefault",message:"message_rule_name_repeat_error"};

-                                this._ModalService.getmodalObservable.next(msg);

-                            }else{

-                                let msg={"title":"modalTitleCheck",message:"message_other_exception_rule_fail"};

-                                this._ModalService.getmodalObservable.next(msg);

+            this.alarmRuleService.checkContent(this.queryRule.content)

+                .then(res => {

+                    if (res.status == 200) {

+                        this.alarmRuleService.updateRule(this.queryRule)

+                            .then(res => {

+                                if (res.status == 200) {

+                                    let msg = { title: "modalTitleUpdate", message: "message_update_rule_success" };

+                                    this.modalService.getmodalObservable.next(msg);

+                                    this.router.navigate(['alarmRule']);

+                                } else if (res.status == 499) {

+                                    let msg = { title: "modalTitleUpdate", message: "message_exception_rule_fail" };

+                                    this.modalService.getmodalObservable.next(msg);

+                                } else {

+                                    let msg = { title: "modalTitleUpdate", message: "message_other_exception_rule_fail" };

+                                    this.modalService.getmodalObservable.next(msg);

+                                }

+                            }).catch(

+                            res => {

+                                let msg = { title: "modalTitleUpdate", message: "message_other_exception_rule_fail" };

+                                this.modalService.getmodalObservable.next(msg);

                             }

-                            

-                        }).catch(error =>{

-                                let msg={title:"modalTitleDefault",message:"message_rule_name_repeat_error"};

-                                this._ModalService.getmodalObservable.next(msg);

-                        });

-                        return true;

-                    }else if(res.status == 499){

-                        let msg={"title":"modalTitleCheck",message:"message_rule_content_repeat_error"};

-                        this._ModalService.getmodalObservable.next(msg);

+                            );

+

+                    } else if (res.status == 499) {

+                        let msg = { "title": "modalTitleCheck", message: "message_rule_content_repeat_error" };

+                        this.modalService.getmodalObservable.next(msg);

                         return false;

-                    }else{

-                        let msg={"title":"modalTitleCheck",message:"message_other_exception_rule_fail"};

-                        this._ModalService.getmodalObservable.next(msg);

+                    } else {

+                        let msg = { "title": "modalTitleCheck", message: "message_other_exception_rule_fail" };

+                        this.modalService.getmodalObservable.next(msg);

                         return false;

                     }

                 })

-            }

-     }

-    

-    getRuleInfo(id:string):void{

-         this.route.params.switchMap((params:Params) =>this.alarmRuleService.search(id))

-                .subscribe(rule =>{

-                    rule[0].enabled = ""+rule[0].enabled;

+        }

+    }

+

+    onSubmit(obj: NgModel) {

+        this.save();

+    }

+

+    save() {

+        if (!this.queryRule.content.startsWith("package ")) {

+            let msg = { title: "exception_content_error", message: "exception_package_error" };

+            this.modalService.getmodalObservable.next(msg);

+        } else {

+            this.alarmRuleService.checkContent(this.queryRule.content).then(res => {

+                if (res.status == 200) {

+                    this.alarmRuleService.save(this.queryRule).then(res => {

+                        if (res.status == 200) {

+                            let msg = { title: "modalTitleDefault", message: "message_add_rule_success" };

+                            this.modalService.getmodalObservable.next(msg);

+                            this.router.navigate(['alarmRule']);

+                        } else if (res.status == 499) {

+                            let msg = { title: "modalTitleDefault", message: "message_rule_name_repeat_error" };

+                            this.modalService.getmodalObservable.next(msg);

+                        } else {

+                            let msg = { "title": "modalTitleCheck", message: "message_other_exception_rule_fail" };

+                            this.modalService.getmodalObservable.next(msg);

+                        }

+

+                    }).catch(error => {

+                        let msg = { title: "modalTitleDefault", message: "message_rule_name_repeat_error" };

+                        this.modalService.getmodalObservable.next(msg);

+                    });

+                    return true;

+                } else if (res.status == 499) {

+                    let msg = { "title": "modalTitleCheck", message: "message_rule_content_repeat_error" };

+                    this.modalService.getmodalObservable.next(msg);

+                    return false;

+                } else {

+                    let msg = { "title": "modalTitleCheck", message: "message_other_exception_rule_fail" };

+                    this.modalService.getmodalObservable.next(msg);

+                    return false;

+                }

+            })

+        }

+    }

+

+    getRuleInfo(id: string): void {

+        this.route.params.switchMap((params: Params) => this.alarmRuleService.search(id))

+            .subscribe(rule => {

+                rule[0].enabled = "" + rule[0].enabled;

                 this.queryRule = rule[0]

-                 })

+            })

     }

 

-    checkContent(judge:string):void{

-        if(!this.queryRule.content.startsWith("package ")){

-              let msg={title:"exception_content_error",message:"exception_package_error"};

-              this._ModalService.getmodalObservable.next(msg);

-         }else{

+    checkContent(judge: string): void {

+        if (!this.queryRule.content.startsWith("package ")) {

+            let msg = { title: "exception_content_error", message: "exception_package_error" };

+            this.modalService.getmodalObservable.next(msg);

+        } else {

             this.alarmRuleService.checkContent(this.queryRule.content)

-            .then(res => {

-                if(res.status == 200){

-                    let msg={"title":"modalTitleCheck",message:"message_checkContent_rule_success"};

-                    this._ModalService.getmodalObservable.next(msg);

-                }else if(res.status == 499){

-                     let msg={"title":"modalTitleCheck",message:"message_rule_content_repeat_error"};

-                     this._ModalService.getmodalObservable.next(msg);

-                     return false;

-                }else{

-                     let msg={"title":"modalTitleCheck",message:"message_other_exception_rule_fail"};

-                     this._ModalService.getmodalObservable.next(msg);

-                     return false;

-                }

-            });

-         }

+                .then(res => {

+                    if (res.status == 200) {

+                        let msg = { "title": "modalTitleCheck", message: "message_checkContent_rule_success" };

+                        this.modalService.getmodalObservable.next(msg);

+                    } else if (res.status == 499) {

+                        let msg = { "title": "modalTitleCheck", message: "message_rule_content_repeat_error" };

+                        this.modalService.getmodalObservable.next(msg);

+                        return false;

+                    } else {

+                        let msg = { "title": "modalTitleCheck", message: "message_other_exception_rule_fail" };

+                        this.modalService.getmodalObservable.next(msg);

+                        return false;

+                    }

+                });

+        }

+    }

+    switch(): void {

+        // alert(this.queryRule.enabled);

+        this.queryRule.enabled == '0' ? this.queryRule.enabled = '1' : this.queryRule.enabled = '0';

     }

 

-    initUpload(queryRule:RuleModel):void{

+

+    initUpload(queryRule: RuleModel): void {

         $("#fileName").text("");

         $("#importFailTip").addClass("hide_panel");

         $("#fileupload").fileupload({

-        

-        dropZone: $('#dropzone'),

-        maxNumberOfFiles: 1,

-        maxChunkSize: 20000000, 

-        autoUpload: false,

-        add: function (e, data) {

-            var fileName = data.files[0].name;

-            

-            $("#importFailTip").addClass("hide_panel");

-            let suffix = fileName.substring(fileName.lastIndexOf("."),fileName.length)

-            

-            if (suffix != ".txt") {

-                $("#importFailTip").removeClass("hide_panel");

-                return suffix;

-            }

-            

-            $("#bar").css('width', '0%');

-            $("#persent").text('0%');

-            $("#fileName").text(fileName);

-            $("#fileremove").attr("disabled", false);

-            $("#filesubmit").attr("disabled", false);

-            $("#filesubmit").click(function () {

-                this.file = data.files[0]

-                var reader = new FileReader();

-                reader.readAsText(this.file);

-                reader.onload = function (data) {

-                    queryRule.content = this.result;

+

+            dropZone: $('#dropzone'),

+            maxNumberOfFiles: 1,

+            maxChunkSize: 20000000,

+            autoUpload: false,

+            add: function (e, data) {

+                var fileName = data.files[0].name;

+

+                $("#importFailTip").addClass("hide_panel");

+                let suffix = fileName.substring(fileName.lastIndexOf("."), fileName.length)

+

+                if (suffix != ".txt") {

+                    $("#importFailTip").removeClass("hide_panel");

+                    return suffix;

                 }

-                $("#fileremove").click();

-                $("#importDiv").hide();

-                e.stopPropagation();

-            });

 

-            $("#fileremove").click(function () {

                 $("#bar").css('width', '0%');

-                $("#persent").text("0%");

-                $("#fileName").text("");

-                $("#filesubmit").attr("disabled", true);

-                $("#fileremove").attr("disabled", true);

-            });

-        },

-        done: function (e, data) {

+                $("#persent").text('0%');

+                $("#fileName").text(fileName);

+                $("#fileremove").attr("disabled", false);

+                $("#filesubmit").attr("disabled", false);

+                $("#filesubmit").click(function () {

+                    this.file = data.files[0]

+                    var reader = new FileReader();

+                    reader.readAsText(this.file);

+                    reader.onload = function (data) {

+                        queryRule.content = this.result;

+                    }

+                    $("#fileremove").click();

+                    $("#importDiv").hide();

+                    e.stopPropagation();

+                });

 

-        },

-        fail: function (e, resp) {

-        },

-        always: function (e, data) {

-            $(".progress").removeClass("active");

-            $("#bar").css('width', '100%');

-            $("#persent").text('100%');

-        },

-        progressall: function (e, data) {

-        }

-    });

+                $("#fileremove").click(function () {

+                    $("#bar").css('width', '0%');

+                    $("#persent").text("0%");

+                    $("#fileName").text("");

+                    $("#filesubmit").attr("disabled", true);

+                    $("#fileremove").attr("disabled", true);

+                });

+            },

+            done: function (e, data) {

+

+            },

+            fail: function (e, resp) {

+            },

+            always: function (e, data) {

+                $(".progress").removeClass("active");

+                $("#bar").css('width', '100%');

+                $("#persent").text('100%');

+            },

+            progressall: function (e, data) {

+            }

+        });

     }

 

-    initImportDiv(queryRule:RuleModel):void{

+    initImportDiv(queryRule: RuleModel): void {

         this.initUpload(queryRule);

         var importDiv = $("#importDiv");

         $(function (arg) {

             $("#importBtn").click(function (e) {

-                    e.preventDefault();

-                    $("[data-toggle='tooltip']").tooltip();

-                    $("#importFailTip").addClass("hide_panel");

-                    showDiv();

-                    $(document).one("click", function (e) {

-                        $(importDiv).hide();

-                    });

-                    e.stopPropagation();

+                e.preventDefault();

+                $("[data-toggle='tooltip']").tooltip();

+                $("#importFailTip").addClass("hide_panel");

+                showDiv();

+                $(document).one("click", function (e) {

+                    $(importDiv).hide();

+                });

+                e.stopPropagation();

             });

             $(importDiv).click(function (e) {

                 e.stopPropagation();

             });

             $("#filesubmit").attr("disabled", true);

             $("#fileremove").attr("disabled", true);

-    });

+        });

         function showDiv() {

             $("#bar").css('width', '0%');

             $("#persent").text('0%');

             $(importDiv).fadeIn();

         }

     }

-     ngOnInit(){

-         this.formModel={

-            ruleid:null,

-            rulename:null,

-            description:null,

-            content:null,

-            createtime:null,

-            creator:null,

-            updatetime:null,

-            modifier:null,

-            enabled:null,

+    ngOnInit() {

+        this.formModel = {

+            ruleid: null,

+            rulename: null,

+            description: null,

+            content: null,

+            createtime: null,

+            creator: null,

+            updatetime: null,

+            modifier: null,

+            enabled: null,

         }

-        this.queryRule={

-            ruleid:null,

-            rulename:null,

-            description:null,

-            content:null,

-            createtime:null,

-            creator:null,

-            updatetime:null,

-            modifier:null,

-            enabled:0,

+        this.queryRule = {

+            ruleid: null,

+            rulename: null,

+            description: null,

+            content: null,

+            createtime: null,

+            creator: null,

+            updatetime: null,

+            modifier: null,

+            enabled: 0,

         }

-         

+

         this.route.params.subscribe((params) => {

-             

+

             let id = params['id'];

-            if(typeof(id) == "string"){

-                if(id.indexOf('&') == -1){

-                    $("#ruleNameInput").attr("disabled",true);

+            if (typeof (id) == "string") {

+                if (id.indexOf('&') == -1) {

+                    $("#ruleNameInput").attr("disabled", true);

                     $("#saveLabel").hide();

-                }else{

-                    this.addBottonStatus=false;

+                } else {

+                    this.addBottonStatus = false;

                     $("#saveLabel").hide();

                     $("#checkLabel").hide();

                     $("#updateLabel").hide();

                 }

-               

+

                 let str = id.split("&");

                 this.getRuleInfo(str[0]);

-            }else if(typeof(id) != "undefined"){

+            } else if (typeof (id) != "undefined") {

                 this.getRuleInfo(id);

-            }else{

-                 $("#updateLabel").hide();

+            } else {

+                $("#updateLabel").hide();

             }

-            if(typeof(this.queryRule.enabled) === "number"){

-                this.queryRule.enabled = ""+this.queryRule.enabled;

+            if (typeof (this.queryRule.enabled) === "number") {

+                this.queryRule.enabled = "" + this.queryRule.enabled;

             }

         })

 

         this.initImportDiv(this.queryRule);

-     }

-     

+    }

+

 }
\ No newline at end of file
diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.html b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.html
index 4898a01b..f2acebd2 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.html
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.html
@@ -14,31 +14,32 @@
  limitations under the License.

 -->

 <div class="container" style="margin-top: 20px">

-    <form  class="form-inline" >

+    <form class="form-inline">

         <div class="form-body">

             <div class="row form-group col-xs-12">

                 <div class="col-xs-4">

-                     <label class="col-xs-3 control-label myclass" >

+                    <label class="col-xs-3 control-label" style="padding-top: 8px">

                         {{"common_status"|translate}}

                     </label>

-                    <select #selection class="form-control" style="width: 60%" id="status" (change)="switch(selection.value)" [(ngModel)]="activeText" name="activestatus">

+                    <select #selection class="form-control" style="width: 60%" id="status" (change)="switch(selection.value)" [(ngModel)]="activeText"

+                        name="activestatus">

                       <option *ngFor="let a of activeStatus" [value]="a">{{a|translate}}</option>

                     </select>

                 </div>

 

                 <div class="col-xs-4">

-                     <label for="userName" class="col-xs-3 control-label myclass">

+                    <label for="userName" class="col-xs-3 control-label" style="padding-top: 8px">

                         <span>{{"common_keyword"|translate}}</span>

                     </label>

-                    <input class="form-control ng-untouched ng-pristine ng-valid" style="width: 60%"  placeholder='{{"field_rule_name"|translate}}'

-                        type="text"  [(ngModel)]="ruleModel.rulename" name="name">

+                    <input class="form-control ng-untouched ng-pristine ng-valid" style="width: 60%" placeholder='{{"field_rule_name"|translate}}'

+                        type="text" [(ngModel)]="ruleModel.rulename" name="name">

                 </div>

 

                 <div class="fmrule_btn_group display_table">

                     <div class="inline">

                         <button id="batchDeleteButton" class="btn btn-primary" (click)="searchRules()">

+                            <span class="glyphicon glyphicon-search" style="padding-top: 2px"></span>

                             <span>{{"common_query"|translate}}</span>

-                            <span class="glyphicon glyphicon-search pull-right" style="padding-left: 10px"></span>

                         </button>

                         <button class="btn btn-secondary" (click)="reset()" style="margin-left: 10px">

                             <span class="glyphicon glyphicon-refresh"></span>

@@ -48,63 +49,63 @@
                 </div>

             </div>

 

-        <div class="row form-group col-xs-12" style="margin-top: 10px">

-            <div class="">

-                <div class="inline">

-                    <button type="button" routerLink='/ruleInfo' class="btn btn-info">

+            <div class="row form-group col-xs-12" style="margin-top: 10px">

+                <div class="">

+                    <div class="inline">

+                        <button type="button" routerLink='/ruleInfo' class="btn btn-info">

                     <span class="glyphicon glyphicon-plus"></span>

                     <span>{{"common_add"|translate}}</span>

                     </button>

+                    </div>

                 </div>

             </div>

         </div>

-    </div>

-        

+

     </form>

-<div>

-    <div class="row form-group col-xs-12 myclass">{{"common_total1"|translate}}{{totalcount}}{{"common_total2"|translate}}</div>

-    <table class="table table-bordered table-striped customtable table-hover" >

-        <thead class="nf_thead">

-            <tr class="heading">

-                <td>{{"field_rule_name"|translate}}</td>

-                <td>{{"common_status"|translate}}</td>

-                <td>{{"field_create_time"|translate}}</td>

-                <td>{{"field_creator"|translate}}</td>

-                <td>{{"field_update_time"|translate}}</td>

-                <td>{{"common_operator"|translate}}</td>

-            </tr>

-        </thead>

-        <tbody>

-            <tr *ngFor="let rule of rules">

-                <td><a routerLink="/ruleInfo/{{rule.ruleid}}&add">{{rule.rulename}}</a></td>

-                <td [hidden]="rule.enabled === 0" style="text-align: center"><span value=0><img src="../../../public/thirdparty/images/round_off.png" alt=""></span></td>

-                <td [hidden]="rule.enabled === 1" style="text-align: center"><span value=1><img src="../../../public/thirdparty/images/round_on.png" alt=""></span></td>

-                <td>{{rule.createtime | date:'yyyy-MM-dd HH:mm:ss'}}</td>

-                <td>{{rule.creator}}</td>

-                <td>{{rule.updatetime | date:'yyyy-MM-dd HH:mm:ss'}}</td>

-                <td>

-                    <span (click)="updateRule(rule); $event.stopPropagation()" style="cursor: pointer;margin: 0 5px">

+    <div>

+        <div class="row form-group col-xs-12" style="margin-top: 20px">{{"common_total1"|translate}}{{totalcount}}{{"common_total2"|translate}}</div>

+        <table class="table table-bordered table-striped customtable table-hover">

+            <thead class="nf_thead">

+                <tr class="heading">

+                    <td>{{"field_rule_name"|translate}}</td>

+                    <td>{{"common_status"|translate}}</td>

+                    <td>{{"field_create_time"|translate}}</td>

+                    <td>{{"field_creator"|translate}}</td>

+                    <td>{{"field_update_time"|translate}}</td>

+                    <td>{{"common_operator"|translate}}</td>

+                </tr>

+            </thead>

+            <tbody>

+                <tr *ngFor="let rule of rules">

+                    <td><a routerLink="/ruleInfo/{{rule.ruleid}}&add">{{rule.rulename}}</a></td>

+                    <td [hidden]="rule.enabled === 1" style="text-align: center"><span value=1><img src="../../../public/thirdparty/images/round_off.png" alt=""></span></td>

+                    <td [hidden]="rule.enabled === 0" style="text-align: center"><span value=0><img src="../../../public/thirdparty/images/round_on.png" alt=""></span></td>

+                    <td>{{rule.createtime | date:'yyyy-MM-dd HH:mm:ss'}}</td>

+                    <td>{{rule.creator}}</td>

+                    <td>{{rule.updatetime | date:'yyyy-MM-dd HH:mm:ss'}}</td>

+                    <td>

+                        <span (click)="updateRule(rule); $event.stopPropagation()" style="cursor: pointer;margin: 0 5px">

                         <img src="../../../public/thirdparty/images/edit.png" alt="">

                     </span>

-                    <span>

+                        <span>

                         

                     </span>

-                    <span [hidden]="rule.enabled===0" class=""  (click)="on_off(rule); $event.stopPropagation()">

-                        <img src="../../../public/thirdparty/images/off.png" alt="">

-                    </span>

-                    <span [hidden]="rule.enabled===1" class="" (click)="on_off(rule); $event.stopPropagation()">

+                        <span [hidden]="rule.enabled===1" class="" (click)="on_off(rule); $event.stopPropagation()" style="cursor: pointer;margin: 0 5px"> 

                         <img src="../../../public/thirdparty/images/on.png" alt="">

                     </span>

-                

-                    <span  class="" id={{rule.ruleid}} (click)="delete(rule)" style="cursor: pointer;margin: 0 5px">

+                        <span [hidden]="rule.enabled===0" class="" (click)="on_off(rule); $event.stopPropagation()" style="cursor: pointer;margin: 0 5px">

+                        <img src="../../../public/thirdparty/images/off.png" alt="">

+                    </span>

+

+                        <span class="" id={{rule.ruleid}} (click)="delete(rule)" style="cursor: pointer;margin: 0 5px">

                          <img src="../../../public/thirdparty/images/delete.png" alt="">

                     </span>

-                </td>

-            </tr>

-        </tbody>

-    </table>

-</div>

- <div id="deleteTimingTaskDlg" style="display: none;" >

+                    </td>

+                </tr>

+            </tbody>

+        </table>

+    </div>

+    <div id="deleteTimingTaskDlg" style="display: none;">

         <div id="deleteTimingTaskContent">

             <div class="deletePromptMessage">

                 <span>{{"message_is_delete"|translate}}</span>

@@ -125,12 +126,10 @@
             <div class="deletePromptMessage">

                 <span>{{"warn_delete_info"|translate}}</span>

             </div>

-            <div style="float:right;padding-top:10px" >

+            <div style="float:right;padding-top:10px">

                 <button class="btn btnDefault btnmrg" data-popmodal-but="ok">

                     <span>{{"common_confirm"|translate}}</span>

                 </button>

             </div>

         </div>

-    </div>

-

-     
\ No newline at end of file
+    </div>
\ No newline at end of file
diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.ts b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.ts
index b8d4247b..7fec7a8c 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.ts
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.ts
@@ -13,114 +13,114 @@
  See the License for the specific language governing permissions and

  limitations under the License.

 */

-import {Component,OnInit,ViewChild,ViewEncapsulation} from '@angular/core';

-import {ModalService} from  '../correlation-modal/modal.service';

-import {RuleModel} from './alarmRule';

-import {RuleRequest} from './ruleRequest';

+import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';

+import { ModalService } from '../correlation-modal/modal.service';

+import { RuleModel } from './alarmRule';

+import { RuleRequest } from './ruleRequest';

 import { Router } from '@angular/router';

-import {Http,Response,Jsonp,Headers,RequestOptions} from '@angular/http';

-import {AlarmRuleService} from './alarmRule.service';

+import { Http, Response, Jsonp, Headers, RequestOptions } from '@angular/http';

+import { AlarmRuleService } from './alarmRule.service';

 declare var jQuery: any;

 

 @Component({

-    selector:'alarmRule',

-    templateUrl:'./alarmRule.component.html',

-   

+    selector: 'alarmRule',

+    templateUrl: './alarmRule.component.html',

+

 })

-export class AlarmRule implements OnInit{

-    ruleModel:RuleModel;

-    rules:RuleModel[];

-    queryRule:RuleModel;

-    activeText:string;

-    ruleName:string;

-    enable_on="enabled";

-    enable_off="disabled"

-    totalcount:number;

+export class AlarmRule implements OnInit {

+    ruleModel: RuleModel;

+    rules: RuleModel[];

+    queryRule: RuleModel;

+    activeText: string;

+    ruleName: string;

+    enable_on = "enabled";

+    enable_off = "disabled"

+    totalcount: number;

     model: any;

     ruleRequest: RuleRequest;

     solution = 'ANGULAR';

     selection = 'A'

-    activeStatus=["option_all","common_enabled", "common_disabled"];

+    activeStatus = ["option_all", "common_enabled", "common_disabled"];

 

-    constructor(public _alarmRuleService:AlarmRuleService, private _ModalService:ModalService,

-    private router: Router){};

+    constructor(public _alarmRuleService: AlarmRuleService, private modalService: ModalService,

+        private router: Router) { };

 

-    switch(select:string):void {

+    switch(select: string): void {

         console.log(select);

-        if(select == "common_enabled") {

+        if (select == "common_enabled") {

             this.ruleModel.enabled = 1;

-        }else if(select=="common_disabled"){

+        } else if (select == "common_disabled") {

             this.ruleModel.enabled = 0;

-        }else{

+        } else {

 

-             this.ruleModel.enabled = null;

+            this.ruleModel.enabled = null;

         }

         this.setActiveText();

     };

 

-    setActiveText():void {

-        if(this.ruleModel.enabled == 1){

+    setActiveText(): void {

+        if (this.ruleModel.enabled == 1) {

             this.activeText = "common_enabled";

-            this.ruleRequest.enabled=1;

+            this.ruleRequest.enabled = 1;

         }

-        else if(this.ruleModel.enabled == 0){

+        else if (this.ruleModel.enabled == 0) {

             this.activeText = "common_disabled";

-            this.ruleRequest.enabled=0;

-        }else{

-            this.activeText="option_all";

-            this.ruleRequest.enabled=null;

+            this.ruleRequest.enabled = 0;

+        } else {

+            this.activeText = "option_all";

+            this.ruleRequest.enabled = null;

         }

     };

-  

-     getRules():Promise<any>{

-         return  this._alarmRuleService

-             .getRules()

-             .then(rules=>{

-                this.rules=rules.rules;

+

+    getRules(): Promise<any> {

+        return this._alarmRuleService

+            .getRules()

+            .then(rules => {

+                this.rules = rules.rules;

                 this.totalcount = rules.totalcount;

-                });

-     }

-

-     searchRules():void{

-         if(this.ruleModel.enabled == null){

-            this.ruleRequest.enabled =null;

-         }

-         this.ruleRequest.rulename = this.ruleModel.rulename;

-         console.log(this.ruleRequest.enabled,this.ruleRequest.rulename);

-         

-         this._alarmRuleService

-         .searchrules(this.ruleRequest)

-         .then(rules=>{

-             this.rules = rules;

-             this.totalcount = rules.length;

             });

-     }

-     updateRule(rule:RuleModel):void{

-         this.router.navigate(['ruleInfo/',rule.ruleid]);

-     }

-

-     delete(rule: RuleModel):void{

-         rule.enabled == 1 ? this.deleteActiveRule(rule):this.deleteModel(rule.ruleid,this._alarmRuleService,this);

-     }

-

-     on_off(rule:RuleModel){

-         rule.enabled == 0 ? rule.enabled = 1: rule.enabled = 0;

-         this._alarmRuleService

-         .updateRule(rule)

-         .then(res => {

-             rule = res;

+    }

+

+    searchRules(): void {

+        if (this.ruleModel.enabled == null) {

+            this.ruleRequest.enabled = null;

+        }

+        this.ruleRequest.rulename = this.ruleModel.rulename;

+        console.log(this.ruleRequest.enabled, this.ruleRequest.rulename);

+

+        this._alarmRuleService

+            .searchrules(this.ruleRequest)

+            .then(rules => {

+                this.rules = rules;

+                this.totalcount = rules.length;

             });

-     }

+    }

+    updateRule(rule: RuleModel): void {

+        this.router.navigate(['ruleInfo/', rule.ruleid]);

+    }

+

+    delete(rule: RuleModel): void {

+        rule.enabled == 1 ? this.deleteActiveRule(rule) : this.deleteModel(rule.ruleid, this._alarmRuleService, this);

+    }

 

-     reset():void{

+    on_off(rule: RuleModel) {

+        rule.enabled == 0 ? rule.enabled = 1 : rule.enabled = 0;

+        this._alarmRuleService

+            .updateRule(rule)

+            .then(res => {

+                rule = res;

+            });

+    }

+

+    reset(): void {

         this.ruleModel.rulename = null;

         this.activeText = "option_all";

         this.ruleModel.enabled = null;

         this.getRules();

-  }

-    

-     deleteActiveRule(rule:RuleModel):void{

-         jQuery("#"+rule.ruleid).popModal({

+    }

+

+    deleteActiveRule(rule: RuleModel): void {

+        jQuery("#" + rule.ruleid).popModal({

             html: jQuery('#deleteActiveRuleContent'),

             placement: 'leftTop',

             showCloseBut: false,

@@ -128,42 +128,42 @@ export class AlarmRule implements OnInit{
             onOkBut: function () {

             },

         });

-     }

-      deleteModel(ruleid:string,alarm:AlarmRuleService,obj:any):void{

-          jQuery("#"+ruleid).popModal({

+    }

+    deleteModel(ruleid: string, alarm: AlarmRuleService, obj: any): void {

+        jQuery("#" + ruleid).popModal({

             html: jQuery('#deleteTimingTaskContent'),

             placement: 'leftTop',

             showCloseBut: false,

             onDocumentClickClose: true,

             onOkBut: function () {

                 jQuery("#deleteTimingTaskDlg").append(jQuery('#deleteTimingTaskContent'));

-                 alarm.delete(ruleid);

-                 obj.getRules();

+                alarm.delete(ruleid);

+                obj.getRules();

             },

             onCancelBut: function () {

             }

         });

-     }

-

-    ngOnInit():void{

-        this.activeText="option_all";

-        this.ruleModel={

-            ruleid:null,

-            rulename:null,

-            description:"",

-            content:null,

-            createtime:null,

-            creator:null,

-            updatetime:null,

-            modifier:null,

-            enabled:0,

+    }

+

+    ngOnInit(): void {

+        this.activeText = "option_all";

+        this.ruleModel = {

+            ruleid: null,

+            rulename: null,

+            description: "",

+            content: null,

+            createtime: null,

+            creator: null,

+            updatetime: null,

+            modifier: null,

+            enabled: 0,

         }

-        this.ruleRequest={

-            ruleid:null,

-            rulename:null,

-            creator:null,

-            modifier:null,

-            enabled:null,

+        this.ruleRequest = {

+            ruleid: null,

+            rulename: null,

+            creator: null,

+            modifier: null,

+            enabled: null,

         }

         this.getRules();

     }

diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.service.ts b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.service.ts
index f7b640ba..a76319f1 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.service.ts
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.service.ts
@@ -13,114 +13,112 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 */
-import {Injectable} from '@angular/core';
-import {Http,Response,Headers} from '@angular/http';
+import { Injectable } from '@angular/core';
+import { Http, Response, Headers } from '@angular/http';
 import 'rxjs/add/operator/toPromise';
 import 'rxjs/add/operator/map';
-import {RuleModel} from './alarmRule';
-import {RuleRequest} from './ruleRequest'
+import { RuleModel } from './alarmRule';
+import { RuleRequest } from './ruleRequest'
 import { Router } from '@angular/router';
-import {ModalService} from  '../correlation-modal/modal.service';
+import { ModalService } from '../correlation-modal/modal.service';
 
 @Injectable()
-export class AlarmRuleService{
+export class AlarmRuleService {
     private ruleUrl = "/api/correlation-mgt/v1/rule";
-    private headers = new Headers({'Content-Type': 'application/json'});
-    constructor(private http:Http,private _ModalService:ModalService,private router:Router){}
+    private headers = new Headers({ 'Content-Type': 'application/json' });
+    constructor(private http: Http, private modalService: ModalService, private router: Router) { }
 
-    getRules():Promise<any>{
+    getRules(): Promise<any> {
         return this.http.get(this.ruleUrl)
-        .toPromise()
-        .then(res => res.json())
-        .catch(this.handleError);
+            .toPromise()
+            .then(res => res.json())
+            .catch(this.handleError);
     }
 
     private handleError(error: any): Promise<any> {
-        console.error('An error occurred', error); 
+        console.error('An error occurred', error);
         return Promise.reject(error._body || error);
     }
-    
-     search(ruleid:string):Promise<RuleModel>{
-      if(typeof(ruleid) == "string"){
-         let rule =[{
-            ruleid:null,
-            rulename:null,
-            description:null,
-            content:null,
-            createtime:null,
-            creator:null,
-            updatetime:null,
-            modifier:null,
-            enabled:0,
-         }]
-      }
-      let data = {'ruleid':ruleid};
-      var queryrequest = JSON.stringify(data);
-      const url = `${this.ruleUrl}?queryrequest=${queryrequest}`;
+
+    search(ruleid: string): Promise<RuleModel> {
+        if (typeof (ruleid) == "string") {
+            let rule = [{
+                ruleid: null,
+                rulename: null,
+                description: null,
+                content: null,
+                createtime: null,
+                creator: null,
+                updatetime: null,
+                modifier: null,
+                enabled: 0,
+            }]
+        }
+        let data = { 'ruleid': ruleid };
+        var queryrequest = JSON.stringify(data);
+        const url = `${this.ruleUrl}?queryrequest=${queryrequest}`;
         return this.http.get(url, this.headers)
-        .toPromise()
-        .then(res => res.json().rules as RuleModel)
-        .catch(this.handleError);
-  }
-  
-  searchrules(rule:RuleRequest):Promise<RuleModel[]>{
-     let data = {rulename:rule.rulename,enabled:rule.enabled}
-     console.log(JSON.stringify(data));
-     const url = `${this.ruleUrl}?queryrequest=${JSON.stringify(data)}`
-      return this.http.get(url,{body:data,headers:this.headers})
-      .toPromise()
-      .then(res => res.json().rules as RuleModel[])
-      .catch(this.handleError);
-  }
+            .toPromise()
+            .then(res => res.json().rules as RuleModel)
+            .catch(this.handleError);
+    }
+
+    searchrules(rule: RuleRequest): Promise<RuleModel[]> {
+        let data = { rulename: rule.rulename, enabled: rule.enabled }
+        console.log(JSON.stringify(data));
+        const url = `${this.ruleUrl}?queryrequest=${JSON.stringify(data)}`
+        return this.http.get(url, { body: data, headers: this.headers })
+            .toPromise()
+            .then(res => res.json().rules as RuleModel[])
+            .catch(this.handleError);
+    }
+
+    checkContent(ruleContent: string): Promise<any> {
+        const url = "/api/correlation-engine/v1/rule";
+        let data = { content: ruleContent };
+        return this.http
+            .post(url, JSON.stringify(data), { headers: this.headers })
+            .toPromise()
+            .then(res => res)
+            .catch(error => error);
+    }
 
-  checkContent(ruleContent:string): Promise<any>{
-      const url = "/api/correlation-engine/v1/rule";
-      let data = {content:ruleContent};
-      return this.http
-      .post(url,JSON.stringify(data),{headers:this.headers})
-      .toPromise()
-      .then(res => res)
-      .catch(error => error);
-  }
-  
-  updateRule(rule:RuleModel): Promise<any>{
-      let rules = {
-          "ruleid": rule.ruleid,
-          "description": rule.description,
-          "content": rule.content,
-          "enabled": rule.enabled
-      }
-      const url = `${this.ruleUrl}`
-      return this.http
-      .post(url,JSON.stringify(rules),{headers:this.headers})
-      .toPromise()
-      .then(res => res)
-      .catch(error => error)
-  }
-  
-  save(rule:RuleModel):Promise<any>{
-      let ruledata = {
-        "description": rule.description,
-        "content": rule.content,
-        "enabled": rule.enabled,
-        "rulename": rule.rulename
-      }
-      return this.http.put(this.ruleUrl,JSON.stringify(ruledata),{headers:this.headers})
-      .toPromise()
-      .then(res => res)
-      .catch(error => error);
-  }
+    updateRule(rule: RuleModel): Promise<any> {
+        let rules = {
+            "ruleid": rule.ruleid,
+            "description": rule.description,
+            "content": rule.content,
+            "enabled": rule.enabled
+        }
+        const url = `${this.ruleUrl}`
+        return this.http
+            .post(url, JSON.stringify(rules), { headers: this.headers })
+            .toPromise()
+            .then(res => res)
+            .catch(error => error)
+    }
 
-  public delete(ruleid:string):Promise<void>{
-      let ru = {'ruleid':ruleid};
-      const url = `${this.ruleUrl}`;
-      return this.http.delete(url,{body:JSON.stringify(ru),headers:this.headers})
-      .toPromise()
-      .then(res => {
-          if(res.status == 200){
-              
-          }
-      })
-      .catch(this.handleError);
-  }
+    save(rule: RuleModel): Promise<any> {
+        let ruledata = {
+            "description": rule.description,
+            "content": rule.content,
+            "enabled": rule.enabled,
+            "rulename": rule.rulename
+        }
+        return this.http.put(this.ruleUrl, JSON.stringify(ruledata), { headers: this.headers })
+            .toPromise()
+            .then(res => res)
+            .catch(error => error);
+    }
+
+    public delete(ruleid: string): Promise<void> {
+        let ru = { 'ruleid': ruleid };
+        const url = `${this.ruleUrl}`;
+        return this.http.delete(url, { body: JSON.stringify(ru), headers: this.headers })
+            .toPromise()
+            .then(res => {
+               
+            })
+            .catch(this.handleError);
+    }
 }
\ No newline at end of file
diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.ts b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.ts
index a376acab..54aebf85 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.ts
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.ts
@@ -13,14 +13,14 @@
  See the License for the specific language governing permissions and

  limitations under the License.

 */

-export class RuleModel{

-    ruleid:string;

-    rulename:string;

-    description:string; 

-    content:string;

-    createtime:Date;

-    creator:number;

-    updatetime:Date;

-    modifier:string;

+export class RuleModel {

+    ruleid: string;

+    rulename: string;

+    description: string;

+    content: string;

+    createtime: Date;

+    creator: number;

+    updatetime: Date;

+    modifier: string;

     enabled?;

 }
\ No newline at end of file
diff --git a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/ruleRequest.ts b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/ruleRequest.ts
index 0abf6323..d1bec2c9 100644
--- a/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/ruleRequest.ts
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/ruleRequest.ts
@@ -13,10 +13,10 @@
  See the License for the specific language governing permissions and

  limitations under the License.

 */

-export class RuleRequest{

-    ruleid:string;

-    rulename:string;

-    creator:number;

-    modifier:string;

-    enabled:number;

+export class RuleRequest {

+    ruleid: string;

+    rulename: string;

+    creator: number;

+    modifier: string;

+    enabled: number;

 }
\ No newline at end of file
diff --git a/alarm-analysis/src/main/webapp/alarm/index.html b/alarm-analysis/src/main/webapp/alarm/index.html
index 270f8d81..9762df6a 100644
--- a/alarm-analysis/src/main/webapp/alarm/index.html
+++ b/alarm-analysis/src/main/webapp/alarm/index.html
@@ -19,11 +19,13 @@
     <base href="/iui/LY-Correlation/">

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1">

-    <script src="public/component/thirdparty/jquery/jquery-1.10.2.min.js"></script>

+    <script src="public/thirdparty/js/jquery_1.12.4.min.js"></script>

     <script src="public/common/js/popModal.js"></script>

+    <script src="public/common/js/jQuery-File-Upload/js/jquery.ui.widget.js"></script>

     <script src="public/common/js/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>

     <script src="public/common/js/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>

     <script src="public/common/js/jQuery-File-Upload/js/jquery.fileupload.js"></script>

+    

 <body style="overflow: auto">

 <remote-config>Loading...</remote-config>

 

diff --git a/alarm-analysis/src/main/webapp/alarm/vendor.ts b/alarm-analysis/src/main/webapp/alarm/vendor.ts
index 748c4cc4..6ef97c23 100644
--- a/alarm-analysis/src/main/webapp/alarm/vendor.ts
+++ b/alarm-analysis/src/main/webapp/alarm/vendor.ts
@@ -26,7 +26,7 @@ import '../public/thirdparty/css/bootstrap.min.css';
 import '../public/thirdparty/css/magic-check.css';
 import '../public/thirdparty/css/zTreeStyle.css';
 import '../public/framework/browser/css/open-ostyle.css';
-import '../public/css/alarm-rule.css'
+import '../public/thirdparty/css/alarm-rule.css'
 
 import '../public/thirdparty/js/bootstrap.min.js';
 import '../public/thirdparty/js/bootstrap-table.min.js';