commit rule list gui source code

read rule manager gui list,inclode query and table list

Issue-ID:CLIENT-151

Change-Id: Iefa4658d66806cec44c1092f38a35fdc29ee72de
Signed-off-by: YILI <li.yi101@zte.com.cn>

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
new file mode 100644 (file)
index 0000000..4d2969b
--- /dev/null
+++ b/alarm-analysis/src/main/webapp/alarm/app/correlation-ruleList/alarmRule.component.html
@@ -0,0 +1,140 @@
+<!--\r
+ Copyright 2017 ZTE Corporation.\r
+\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+\r
+     http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+-->\r
+<div class="container">\r
+    <form  class="form-inline" >\r
+        <div class="form-body">\r
+            \r
+            <div class="row form-group col-xs-12">\r
+               \r
+                <div class="checkbox-list col-lg-4">\r
+                     <label class="col-lg-3 control-label myclass" >\r
+                        {{"common_status"|translate}}\r
+                    </label>\r
+                    <select #selection class="form-control" style="width: 60%" id="status" (change)="switch(selection.value)" [(ngModel)]="activeText" name="activestatus">\r
+                                               <option *ngFor="let a of activeStatus" [value]="a">{{a|translate}}</option>\r
+                        \r
+                                       </select>\r
+                </div>\r
+                              \r
+                <div class="col-lg-4">\r
+                     <label for="userName" class="myclass">\r
+                        <span>{{"common_keyword"|translate}}</span>\r
+                    </label>\r
+                    <input class="form-control ng-untouched ng-pristine ng-valid" style="width: 60%"  placeholder='{{"field_rule_name"|translate}}'\r
+                        type="text"  [(ngModel)]="ruleModel.rulename" name="name" id="teseselect">\r
+                   \r
+                </div>\r
+                <div class="fmrule_btn_group display_table">\r
+                    <div class="inline">\r
+                        <button id="batchDeleteButton" class="btn radius_s white" (click)="searchRules()">\r
+                            <span class="ict-Magnifier"></span>\r
+                            <span>{{"common_query"|translate}}</span>\r
+                        </button>\r
+                        <button class="btn radius_s white" (click)="reset()">\r
+                            <span class="ict-clearAlarm"></span>\r
+                            <span>{{"common_reset"|translate}}</span>\r
+\r
+                        </button>\r
+                    </div>\r
+                    \r
+                </div>\r
+            </div>\r
+<br>\r
+        <div class="row form-group col-xs-12">\r
+            <div class="fmrule_btn_group display_table">\r
+                <div class="inline">\r
+                    <button type="button" routerLink='/ruleInfo' class="btn radius_s white">\r
+                    <span class="ict-new"></span>\r
+                    <span>{{"common_add"|translate}}</span>\r
+                    </button>\r
+                </div>\r
+            </div>\r
+        </div>\r
+        </div>\r
+\r
+    </form>\r
+    <br>\r
+<div>\r
+    <br>\r
+    <br>\r
+    <br>\r
+    <p>{{"common_total1"|translate}}{{totalcount}}{{"common_total2"|translate}}</p>\r
+    <table class="table table-striped table-bordered fmrule_table_border table-hover dataTable" >\r
+        <thead class="nf_thead">\r
+            <tr class="heading">\r
+                <td>{{"field_rule_name"|translate}}</td>\r
+                <td>{{"common_status"|translate}}</td>\r
+                <td>{{"field_create_time"|translate}}</td>\r
+                <td>{{"field_creator"|translate}}</td>\r
+                <td>{{"field_update_time"|translate}}</td>\r
+                <td>{{"common_operator"|translate}}</td>\r
+            </tr>\r
+        </thead>\r
+        <tbody>\r
+            <tr *ngFor="let rule of rules">\r
+                <td><a routerLink="/ruleInfo/{{rule.ruleid}}&add">{{rule.rulename}}</a></td>\r
+                 \r
+                <td [hidden]="rule.enabled === 0" ><span class="ict-circle rule_table_btn" value=0></span></td>\r
+                <td [hidden]="rule.enabled === 1"><span class="ict-circle rule_table_btn"  value=1></span></td>\r
+                <td>{{rule.createtime | date:'yyyy-MM-dd HH:mm:ss'}}</td>\r
+                <td>{{rule.creator}}</td>\r
+                <td>{{rule.updatetime | date:'yyyy-MM-dd HH:mm:ss'}}</td>\r
+                <td>\r
+                    <button class="btn-xs radius_s white task_table_btn rule_table_btn" (click)="updateRule(rule); $event.stopPropagation()">{{"update"|translate}}</button>\r
+                   \r
+                    <button [hidden]="rule.enabled===0" class="btn-xs radius_s white task_table_btn rule_table_btn"  (click)="on_off(rule); $event.stopPropagation()">{{"off"|translate}}</button>\r
+                    <button [hidden]="rule.enabled===1" class="btn-xs radius_s white task_table_btn rule_table_btn" (click)="on_off(rule); $event.stopPropagation()">{{"on"|translate}}</button>\r
+                \r
+                    <button  class="btn-xs radius_s white task_table_btn rule_table_btn" id={{rule.ruleid}} (click)="delete(rule)">{{"delete"|translate}}</button>\r
+                </td>\r
+            </tr>\r
+           \r
+        </tbody>\r
+    </table>\r
+</div>\r
+\r
+\r
+\r
+ <div id="deleteTimingTaskDlg" style="display: none;" >\r
+        <div id="deleteTimingTaskContent">\r
+            <div class="deletePromptMessage">\r
+                <span>{{"message_is_delete"|translate}}</span>\r
+            </div>\r
+            <div style="float:right" class="">\r
+                <button class="btn-xs radius_s over-grey" type="button" data-popmodal-but="cancel">\r
+                    <span>{{"common_cancel"|translate}}</span>\r
+                </button>\r
+                <button class="blue1-active btn-xs white radius_s btn-dialog" data-popmodal-but="ok">\r
+                    <span>{{"common_confirm"|translate}}</span>\r
+                </button>\r
+            </div>\r
+        </div>\r
+    </div>\r
+\r
+    <div id="deleteActiveAlarmRuleDlg" style="display: none;">\r
+        <div id="deleteActiveRuleContent">\r
+            <div class="deletePromptMessage">\r
+                <span>{{"warn_delete_info"|translate}}</span>\r
+            </div>\r
+            <div style="float:right" >\r
+                <button class="blue1-active btn-xs white radius_s btn-dialog" data-popmodal-but="ok">\r
+                    <span>{{"common_confirm"|translate}}</span>\r
+                </button>\r
+            </div>\r
+        </div>\r
+    </div>\r
+\r
+     
\ No newline at end of file