web staff: extracting some inline css
authorBill Erickson <berick@esilibrary.com>
Wed, 4 Dec 2013 16:54:52 +0000 (11:54 -0500)
committerBill Erickson <berick@esilibrary.com>
Wed, 4 Dec 2013 16:54:52 +0000 (11:54 -0500)
Signed-off-by: Bill Erickson <berick@esilibrary.com>
Open-ILS/src/templates/staff/cat/bucket/record/t_pending.tt2
Open-ILS/src/templates/staff/cat/bucket/record/t_search.tt2
Open-ILS/src/templates/staff/cat/bucket/record/t_view.tt2
Open-ILS/src/templates/staff/circ/patron/t_holds_table.tt2
Open-ILS/src/templates/staff/circ/patron/t_items_out_table.tt2
Open-ILS/src/templates/staff/circ/patron/t_search_results.tt2
Open-ILS/src/templates/staff/circ/patron/t_summary.tt2
Open-ILS/src/templates/staff/css/style.css.tt2

index 6fabd1c..c8282b1 100644 (file)
@@ -1,13 +1,5 @@
 <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' %]
@@ -89,7 +81,7 @@
 <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', 
index 05319d7..84eef59 100644 (file)
@@ -1,14 +1,6 @@
 
 <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', 
index 53306e4..5c77b0e 100644 (file)
@@ -1,13 +1,5 @@
 <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' %]
@@ -93,7 +85,7 @@
   </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'
index 12d5ede..9d7f667 100644 (file)
@@ -1,11 +1,3 @@
-<style>
-  /* TODO: MOVE ME */
-  tr.selected > td {
-    color: #2a6496;
-    background-color: #F5F5F5;
-  }
-</style>
-
 [%
 COLUMNS = [
 {label => l('Hold ID'), name => 'hold.id', display => 1},
@@ -33,7 +25,7 @@ holds.addColumnsForClass('ahr', 'hold');
 
 <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>
index b85fda4..10b8be6 100644 (file)
@@ -1,12 +1,3 @@
-<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},
@@ -33,7 +24,7 @@ items_out.setColumns([
 
 <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>
index 2d9b2e1..054a98a 100644 (file)
@@ -1,11 +1,3 @@
-<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,
@@ -54,7 +46,7 @@ patrons.setColumns([
 ])">
 </div>
 
-<table class="table table-hover table-condensed">
+<table class="list table table-hover table-condensed">
   <thead>
     <tr>
       <th>#</th>
index 9edd66a..86f2ee4 100644 (file)
@@ -1,15 +1,4 @@
 
-<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">
@@ -27,7 +16,7 @@
     <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>
@@ -65,7 +54,7 @@
       <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>
index fc45281..3f3c146 100644 (file)
     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}
+