lpxxx Angular holdings maintenance wip

Signed-off-by: Bill Erickson <berickxx@gmail.com>

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css b/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css
index e0790c4..8c271a8 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css
@@ -7,20 +7,33 @@ See https://v2.angular.io/docs/ts/latest/guide/component-styles.html
 */
 
 /* grid row colors are bootstrap class="bg-info" with opacity */
+
+/*
 :host /deep/ .holdings-copy-row {
+}
+*/
+
+:host /deep/ .holdings-volume-row {
     color: #004085;
-    background-color: rgb(23,162,184, 0.1);
+    background-color: rgb(23,162,184,0.2);
 }
 
+:host /deep/ .holdings-org-row-0 {
+    color: #004085;
+    background-color: rgb(23,162,184);
+}
 
-:host /deep/ .holdings-volume-row {
+:host /deep/ .holdings-org-row-1 {
     color: #004085;
-    background-color: rgb(23,162,184, 0.8);
+    background-color: rgb(23,162,184,0.8);
 }
 
-/*
-:host /deep/ .holdings-org-row {
+:host /deep/ .holdings-org-row-2 {
     color: #004085;
-    background-color: rgb(23,162,184, 0.7);
+    background-color: rgb(23,162,184,0.6);
 }
-*/
+
+:host /deep/ .holdings-org-row-3 {
+    color: #004085;
+    background-color: rgb(23,162,184,0.4);
+}
\ No newline at end of file

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.ts b/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.ts
index fab8003..0617173 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.ts
@@ -142,7 +142,10 @@ export class HoldingsMaintenanceComponent implements OnInit {
                     return 'holdings-volume-row';
                 }
             } else {
-                return 'holdings-org-row';
+                // Add a generic org unit class and a depth-specific
+                // class for styling different levels of the org tree.
+                return 'holdings-org-row holdings-org-row-' +
+                    row.treeNode.target.ou_type().depth();
             }
         }