<br/>
-<style>
- /* TODO: MOVE ME */
- tr.selected > td {
- color: #2a6496;
- background-color: #F5F5F5;
- }
-</style>
-
<div class="row">
<div class="col-lg-6">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
<div class="row">
<div class="col-lg-12">
- <table class="table table-hover _table-striped table-condensed"
+ <table class="list table table-hover _table-striped table-condensed"
ng-show="pageList.count()"
ng-init="pageList.defaultColumns([
'id', 'author', 'isbn', 'issn', 'pubdate',
<br/>
-<style>
- /* TODO: MOVE ME */
- tr.selected > td {
- color: #2a6496;
- background-color: #F5F5F5;
- }
-</style>
-
<div class="row">
<div class="col-lg-6">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
<div class="row">
<div class="col-lg-12">
- <table class="table table-hover _table-striped table-condensed"
+ <table class="list table table-hover _table-striped table-condensed"
ng-show="pageList.count()"
ng-init="pageList.defaultColumns([
'id', 'author', 'isbn', 'issn', 'pubdate',
<br/>
-<style>
- /* TODO: MOVE ME */
- tr.selected > td {
- color: #2a6496;
- background-color: #F5F5F5;
- }
-</style>
-
<div class="row">
<div class="col-lg-6">
[% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
</div>
<div class="col-lg-12">
- <table class="table table-hover table-condensed" ng-show="pageList.count()"
+ <table class="list table table-hover table-condensed" ng-show="pageList.count()"
ng-init="pageList.defaultColumns([
'id', 'author', 'isbn', 'issn', 'pubdate',
'publisher', 'tcn_value', 'title'
-<style>
- /* TODO: MOVE ME */
- tr.selected > td {
- color: #2a6496;
- background-color: #F5F5F5;
- }
-</style>
-
[%
COLUMNS = [
{label => l('Hold ID'), name => 'hold.id', display => 1},
<div class="row">
<div class="col-lg-12">
- <table class="table table-hover table-condensed">
+ <table class="list table table-hover table-condensed">
<thead>
<tr>
<th>#</th>
-<style>
- /* TODO: MOVE ME */
- tr.selected > td {
- color: #2a6496;
- background-color: #F5F5F5;
- }
- .overdue-alert td { color: red; font-weight: bold }
-</style>
-
[%
COLUMNS = [
{label => l('Circ ID'), name => 'id', display => 1},
<div class="row">
<div class="col-lg-12">
- <table class="table table-hover table-condensed">
+ <table class="list table table-hover table-condensed">
<thead>
<tr>
<th>#</th>
-<style>
- /* TODO: MOVE ME */
- tr.selected > td {
- color: #2a6496;
- background-color: #F5F5F5;
- }
-</style>
-
[%
# Default / available display columns
# Since there will be demand for configurable columns in this UI,
])">
</div>
-<table class="table table-hover table-condensed">
+<table class="list table table-hover table-condensed">
<thead>
<tr>
<th>#</th>
-<style>
- /* TODO: move me */
- /** style to make a grid look like a striped table */
- #patron-summary-grid div.row {padding: 3px;}
- #patron-summary-grid div.row:nth-child(odd) {background-color: rgb(249, 249, 249);}
- /* there are bootstrap tyles for error, warning, etc.,
- but the ones I'm finding aren't quite cutting it..*/
- .summary-alert {color: red; font-weight:bold}
- .summary-divider { border-top: 1px solid #DDD}
-</style>
-
<div ng-cloak ng-controller="PatronSummaryCtrl">
<div class="row" ng-show="!patron()">
<div class="col-lg-12">
<div class="row"
ng-class="{'summary-divider' : !$index}"
ng-repeat="penalty in patron().standing_penalties()">
- <div class="col-lg-9 summary-alert"
+ <div class="col-lg-9 patron-summary-alert"
title="{{penalty.standing_penalty().name()}}">
{{penalty.note() || penalty.standing_penalty().label()}}
</div>
<div class="col-lg-7">{{patron().expire_date() | date:'shortDate'}}</div>
</div>
<div class="row summary-divider"
- ng-class="{'summary-alert' : patron_stats().fines.balance_owed}">
+ ng-class="{'patron-summary-alert' : patron_stats().fines.balance_owed}">
<div class="col-lg-5">[% l('Fines Owed') %]</div>
<div class="col-lg-7">
{{patron_stats().fines.balance_owed | currency}}
<div class="col-lg-7">{{patron_stats().checkouts.out}}</div>
</div>
<div class="row"
- ng-class="{'summary-alert' : patron_stats().checkouts.overdue}">
+ ng-class="{'patron-summary-alert' : patron_stats().checkouts.overdue}">
<div class="col-lg-5">[% l('Overdue') %]</div>
<div class="col-lg-7">{{patron_stats().checkouts.overdue}}</div>
</div>
<div class="row"
- ng-class="{'summary-alert' : patron_stats().checkouts.long_overdue}">
+ ng-class="{'patron-summary-alert' : patron_stats().checkouts.long_overdue}">
<div class="col-lg-5">[% l('Long Overdue') %]</div>
<div class="col-lg-7">{{patron_stats().checkouts.long_overdue}}</div>
</div>
<div class="row"
- ng-class="{'summary-alert' : patron_stats().checkouts.claims_returned}">
+ ng-class="{'patron-summary-alert' : patron_stats().checkouts.claims_returned}">
<div class="col-lg-5">[% l('Claimed Returned') %]</div>
<div class="col-lg-7">{{patron_stats().checkouts.claims_returned}}</div>
</div>
<div class="row"
- ng-class="{'summary-alert' : patron_stats().checkouts.lost}">
+ ng-class="{'patron-summary-alert' : patron_stats().checkouts.lost}">
<div class="col-lg-5">[% l('Lost') %]</div>
<div class="col-lg-7">{{patron_stats().checkouts.lost}}</div>
</div>
padding-bottom: 10px;
}
+table.list tr.selected td {
+ color: #2a6496;
+ background-color: #F5F5F5;
+}
+
+/** style to make a grid look like a striped table */
+#patron-summary-grid div.row {padding: 3px;}
+#patron-summary-grid div.row:nth-child(odd) {background-color: rgb(249, 249, 249);}
+/* there are bootstrap tyles for error, warning, etc.,
+but the ones I'm finding aren't quite cutting it..*/
+.patron-summary-alert {color: red; font-weight:bold}
+.patron-summary-divider { border-top: 1px solid #DDD}
+