From d0cdff7950e0772f3124308864e00631715e08cf Mon Sep 17 00:00:00 2001 From: Bill Erickson Date: Wed, 20 Mar 2019 10:03:40 -0400 Subject: [PATCH] lpxxx Angular holdings maintenance wip Signed-off-by: Bill Erickson --- .../staff/catalog/record/holdings.component.css | 27 ++++++++++++++++------ .../app/staff/catalog/record/holdings.component.ts | 5 +++- 2 files changed, 24 insertions(+), 8 deletions(-) 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 e0790c4897..8c271a8e1c 100644 --- 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 fab8003c9a..06171734b3 100644 --- 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(); } } -- 2.11.0