Changed the Style of GUI

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

2 files changed, 31 insertions, 68 deletions

diff --git a/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.html b/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.html
index 2211a83..8407b39 100644
--- a/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.html
+++ b/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.html
@@ -15,7 +15,7 @@
 -->
 <div class="container-fluid" style="padding: 40px 55px 0 55px">
     <form #ruleForm="ngForm" class="form-group row" (submit)="onSubmit(ruleName)">
-        <div class="form-body">
+        <div class="form-body col-xs-10">
             <div class="row form-group">
                 <label for="userName" class="col-xs-2 col-sm-1 col-form-label labelstyle">
                     <span>{{"field_rule_name_Add_Page"|translate}}</span>
@@ -52,74 +52,37 @@
                 <label class="col-xs-2 col-sm-1 col-form-label labelstyle">
                     <span>{{"common_status"|translate}}</span>
                 </label>
-
                 <div class="col-xs-10 col-sm-11">
-                    <div class="row">
-                        <div *ngIf="queryRule.enabled == 0">
-                            <div class="col-xs-4 col-sm-2 col-md-1">
-                                <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-4 col-sm-2 col-md-1">
-                                <input class="magic-radio" type="radio" name="radio" [(ngModel)]="queryRule.enabled" value='1'>
-                                <label for="radio1" (click)="switch()">{{"common_on"|translate}}</label>
+                    <div class="row" style="margin-left:-30px">
+                        <div *ngIf="queryRule.enabled == 1" class="col-xs-12">
+                            <div class="row">
+                                <div class="col-xs-4 col-sm-2 col-md-1">
+                                    <input class="magic-radio" type="radio" name="radio" [(ngModel)]="queryRule.enabled" value='1'>
+                                    <label for="radio1">{{"common_on"|translate}}</label>
+                                </div>
+                                <div class="col-xs-4 col-sm-2 col-md-1">
+                                    <input class="magic-radio" type="radio" name="radio" [(ngModel)]="queryRule.enabled" value='0'>
+                                    <label for="radio1" (click)="switch()">{{"common_off"|translate}}</label>
+                                </div>
                             </div>
                         </div>
-                        <div *ngIf="queryRule.enabled == 1">
-                            <div class="col-xs-4 col-sm-2 col-md-1">
-                                <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-4 col-sm-2 col-md-1">
-                                <input class="magic-radio" type="radio" name="radio" [(ngModel)]="queryRule.enabled" value='1'>
-                                <label for="radio1">{{"common_on"|translate}}</label>
+                        <div *ngIf="queryRule.enabled == 0" class="col-xs-12">
+                            <div class="row">
+                                <div class="col-xs-4 col-sm-2 col-md-1">
+                                    <input class="magic-radio" type="radio" name="radio" [(ngModel)]="queryRule.enabled" value='1'>
+                                    <label for="radio1" (click)="switch()">{{"common_on"|translate}}</label>
+                                </div>
+                                <div class="col-xs-4 col-sm-2 col-md-1">
+                                    <input class="magic-radio" type="radio" name="radio" [(ngModel)]="queryRule.enabled" value='0'>
+                                    <label for="radio1">{{"common_off"|translate}}</label>
+                                </div>
+
                             </div>
                         </div>
-                    </div>
-                </div>
-            </div>
 
-            <!--<div class="row form-group">
-                <label for="" class="col-xs-2 col-sm-1 col-form-label labelstyle">
-                    <span>{{"common_file"|translate}}</span>
-                </label>
-                <div class="col-xs-6 col-sm-7">
-                    <div class="btn-group btn-group-circle">
-                        <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>
-                                        </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">
-                                            <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">
-                                                <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>
-                        </span>
                     </div>
                 </div>
-            </div>-->
+            </div>
 
             <div class="row form-group">
                 <label for="" class="col-xs-2 col-sm-1 col-form-label labelstyle">
@@ -129,7 +92,7 @@
                 <div class="col-xs-9 col-sm-10">
                     <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;">
+                            cols="80" required placeholder="package org.onap.holmes.rule;">
                          </textarea>
                     </div>
                 </div>
@@ -138,19 +101,19 @@
             <div class="row form-group">
                 <div class="col-xs-8 col-xs-offset-2 col-sm-offset-1">
                     <label class="myclass" id="checkLabel">
-                        <button type="button" (click)="checkContent('check')" disabled="{{addBottonStatus}}" class="btn btn-info">{{"common_check"|translate}}</button>
+                        <button type="button" (click)="checkContent('check')" disabled="{{addBottonStatus}}" class="btn btn-small">{{"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>
+                        <button type="button" disabled="{{addBottonStatus}}" class="btn btn-primary btn-small" (click)="update()">{{"common_update"|translate}}</button>
                     </label>
                     <label class="myclass" id="saveLabel">
-                        <button type="submit" disabled="{{addBottonStatus}}" class="btn btn-info">{{"common_save"|translate}}</button>
+                        <button type="submit" disabled="{{addBottonStatus}}" class="btn btn-primary btn-small">{{"common_save"|translate}}</button>
                     </label>
                     <label class="myclass" id="cancelLabel">
-                        <button type="button" routerLink='/alarmRule' class="btn btn-info">{{"common_cancel"|translate}}</button>
+                        <button type="button" routerLink='/alarmRule' class="btn btn-small">{{"common_cancel"|translate}}</button>
                     </label>
                 </div>
             </div>
         </div>
     </form>
-</div>
+</div>
\ No newline at end of file
diff --git a/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.ts b/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.ts
index dfb75b4..4610a63 100644
--- a/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.ts
+++ b/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.ts
@@ -62,7 +62,7 @@ export class RuleInfo implements OnInit {
       creator: null,
       updateTime: null,
       modifier: null,
-      enabled: 0,
+      enabled: 1,
       loopControlName: ''
     };