updated css and html for recent state changes for alert lists

This commit is contained in:
Patrick O'Carroll
2017-09-27 10:38:01 +02:00
parent 2ed753232f
commit 8615912018
3 changed files with 86 additions and 47 deletions
+14 -14
View File
@@ -27,22 +27,22 @@
</section>
<section class="card-section card-list-layout-list" ng-if="ctrl.panel.show === 'changes'">
<ol class="card-list">
<ol class ="card-list">
<li class="card-item-wrapper" ng-repeat="al in ctrl.alertHistory">
<div class="card-item card-item--alert">
<div class="card-item-header">
<div class="card-item-sub-name">{{al.time}}</div>
</div>
<div class="card-item-body">
<div class="card-item-details">
<div class="card-item-notice">{{al.title}}</div>
<div class="card-item-sub-name">
<span class="alert-list-item-state {{al.stateModel.stateClass}}">
<i class="{{al.stateModel.iconClass}}"></i>
{{al.stateModel.text}}
</span> {{al.info}}
</div>
<div class="alert-list card-item card-item--alert">
<div class="alert-list-body">
<div class="alert-list-icon alert-list-item-state {{al.stateModel.stateClass}}">
<i class="{{al.stateModel.iconClass}}"></i>
</div>
<div class="alert-list-main">
<p class="alert-list-title">{{al.title}}</p>
<p class="alert-list-state alert-list-text {{al.stateModel.stateClass}}">{{al.stateModel.text}}</p>
<p class="alert-list-text">{{al.info}}</p>
</div>
</div>
<div class="alert-list-footer">
<p class="alert-list-text">{{al.time}}</p>
<p class="alert-list-text">Img Link -></p>
</div>
</div>
</li>