diff options
author | GuangrongFu <fu.guangrong@zte.com.cn> | 2018-08-03 08:38:16 +0800 |
---|---|---|
committer | GuangrongFu <fu.guangrong@zte.com.cn> | 2018-08-03 08:38:16 +0800 |
commit | 2f6d3758fbc70ee6aac10063a8784a0f34c48a4d (patch) | |
tree | 221ead7bb98f39336312b36897c9cefc9fa6f423 /rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html | |
parent | 9c89d648ca92eccc3a1d6d867eb6188c725f698e (diff) |
Fixed some UI bugs
Change-Id: Ic7229b94bcfca46b33bc3e6184e4dccf34982c60
Issue-ID: HOLMES-154
Signed-off-by: GuangrongFu <fu.guangrong@zte.com.cn>
Diffstat (limited to 'rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html')
-rw-r--r-- | rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html index 4481e18..99966a8 100644 --- a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html +++ b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html @@ -87,16 +87,16 @@ </tr> <tr *ngFor="let rule of rules"> <td> - <a routerLink="/ruleInfo/{{rule.ruleId}}&add">{{rule.rulename}}</a> + <a routerLink="/ruleInfo/{{rule.ruleId}}&add">{{rule.ruleName}}</a> </td> - <td [hidden]="rule.enabled === 1" style="text-align: center"> + <td [hidden]="rule.enabled === 0"> <span value=1> - <img src="../../assets/thirdparty/images/round_off.png" alt=""> + <i class="fas fa-power-off" style="color:#4ac9ff;"></i> </span> </td> - <td [hidden]="rule.enabled === 0" style="text-align: center"> + <td [hidden]="rule.enabled === 1"> <span value=0> - <img src="../../assets/thirdparty/images/round_on.png" alt=""> + <i class="fas fa-power-off" style="color: #aaa;"></i> </span> </td> <td>{{rule.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td> @@ -104,20 +104,20 @@ <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="../../assets/thirdparty/images/edit.png" alt=""> + <i class="fas fa-pencil-alt" style="font-size: 14px;"></i> </span> <span> </span> - <span [hidden]="rule.enabled===1" class="" (click)="on_off(rule); $event.stopPropagation()" style="cursor: pointer;margin: 0 5px"> - <img src="../../assets/thirdparty/images/on.png" alt=""> - </span> <span [hidden]="rule.enabled===0" class="" (click)="on_off(rule); $event.stopPropagation()" style="cursor: pointer;margin: 0 5px"> - <img src="../../assets/thirdparty/images/off.png" alt=""> + <i class="fas fa-toggle-on" style="font-size: 20px; color:#4ac9ff; vertical-align:-2px;"></i> + </span> + <span [hidden]="rule.enabled===1" class="" (click)="on_off(rule); $event.stopPropagation()" style="cursor: pointer;margin: 0 5px"> + <i class="fas fa-toggle-off" style="font-size: 20px; color:black; vertical-align:-2px;" title="Switch On"></i> </span> <span class="" id={{rule.ruleId}} (click)="delete(rule)" style="cursor: pointer;margin: 0 5px"> - <img src="../../assets/thirdparty/images/delete.png" alt=""> + <i class="fas fa-times" style="color: rgba(255, 0, 0, 0.788);font-size:16px;vertical-align:-1px;"></i> </span> </td> </tr> |