this.auth.token(), id, PATRON_FLESH_FIELDS).toPromise()
.then(patron => this.patron = patron)
.then(_ => this.getPatronStats(id))
+ .then(_ => this.setExpires())
.then(_ => this.loaded = true);
}
{{patronService.namePart(context.patron, 'second_given_name')}}
</h3>
+ <div class="row mb-1 alert alert-danger p-0" *ngIf="context.accountExpiresSoon">
+ <div class="col-lg-12" i18n>
+ Patron account will expire soon. Please renew.
+ </div>
+ </div>
+
<div class="row mb-1">
<div class="col-lg-5" i18n>Profile</div>
<div class="col-lg-7">{{context.patron.profile().name()}}</div>
<div class="col-lg-5" i18n>Create Date</div>
<div class="col-lg-7">{{context.patron.create_date() | date:'shortDate'}}</div>
</div>
- <div class="row">
+ <div class="row" [ngClass]="{'alert alert-danger p-0': context.accountExpired}">
<div class="col-lg-5" i18n>Expire Date</div>
<div class="col-lg-7">{{context.patron.expire_date() | date:'shortDate'}}</div>
</div>
<ng-container *ngIf="context.patronStats">
- <div class="row mb-1">
+ <div class="row mb-1"
+ [ngClass]="{'alert alert-danger p-0': context.patronStats.fines.total_owed > 0}">
<div class="col-lg-5" i18n>Fines Owed</div>
<div class="col-lg-7">{{context.patronStats.fines.total_owed | currency}}</div>
</div>
+
+ <!-- TODO GROUP FINES -->
+
<div class="row mb-1">
<div class="col-lg-5" i18n>Items Out</div>
<div class="col-lg-7">{{context.patronStats.checkouts.total_out}}</div>