Abstract out an expiration status view into its own component

This commit is contained in:
Joseph Schorr 2017-06-21 17:03:02 -04:00
parent c5d8b5f86b
commit 977539bf08
7 changed files with 78 additions and 48 deletions

View file

@ -113,20 +113,14 @@
<span am-time-ago="key.created_date"></span>
</td>
<td>
<span class="rotation" bo-if="key.expiration_date && getExpirationInfo(key).willRotate">
<span class="rotation" bo-if="key.expiration_date && willRotate(key)">
<i class="fa" ng-class="getExpirationInfo(key).icon"></i>
Automatically rotated <span am-time-ago="getRotationDate(key)"></span>
</span>
<span bo-if="key.expiration_date && !getExpirationInfo(key).willRotate">
<span ng-class="getExpirationInfo(key).className">
<a ng-click="showChangeExpiration(key)">
<i class="fa" ng-class="getExpirationInfo(key).icon"></i>
Expire<span bo-if="getExpirationInfo(key).className != 'expired'">s</span><span bo-if="getExpirationInfo(key).className == 'expired'">d</span> <span am-time-ago="key.expiration_date"></span>
</a>
</span>
</span>
<span class="no-expiration" bo-if="!key.expiration_date">
<i class="fa fa-check"></i> Does not expire
<span bo-if="!willRotate(key)">
<a ng-click="showChangeExpiration(key)">
<expiration-status-view expiration-date="key.expiration_date"></expiration-status-view>
</a>
</span>
</td>
<td>