[ACA-2039] Libraries - custom icon (#825)

* custom icon for library nodes

* match DL folder color

src/app/components/favorite-libraries/favorite-libraries.component.html

@@ -25,6 +25,7 @@
                 [navigate]="false"
                 [sorting]="[ 'title', 'asc' ]"
                 (node-dblclick)="navigateTo($event.detail?.node)"
+                [imageResolver]="imageResolver"
                 (name-click)="navigateTo($event.detail?.node)">
 
                 <empty-folder-content>

src/app/components/libraries/libraries.component.html

@@ -21,6 +21,7 @@
               selectionMode="single"
               [navigate]="false"
               [sorting]="[ 'title', 'asc' ]"
+              [imageResolver]="imageResolver"
               (node-dblclick)="navigateTo($event.detail?.node)"
               (name-click)="navigateTo($event.detail?.node)">
 

src/app/components/page.component.ts

@@ -72,6 +72,10 @@ export abstract class PageComponent implements OnInit, OnDestroy {
     );
   }
 
+  static isLibrary(entry) {
+    return Boolean(entry.role && entry.visibility);
+  }
+
   constructor(
     protected store: Store<AppStore>,
     protected extensions: AppExtensionService,
@@ -129,6 +133,11 @@ export abstract class PageComponent implements OnInit, OnDestroy {
     if (PageComponent.isLockedNode(entry)) {
       return 'assets/images/ic_lock_black_24dp_1x.png';
     }
+
+    if (PageComponent.isLibrary(entry)) {
+      return 'assets/images/baseline-library_books-24px.svg';
+    }
+
     return null;
   }
 

src/app/ui/overrides/adf-document-list.theme.scss

@@ -15,6 +15,11 @@
     overflow-y: scroll;
   }
 
+  .custom-image-cell img {
+    filter: invert(91%) sepia(25%) saturate(1431%) hue-rotate(6deg)
+      brightness(101%) contrast(82%);
+  }
+
   .adf-data-table {
     border: none !important;
 

src/assets/app.extensions.json

@@ -1071,7 +1071,7 @@
           "id": "app.libraries.thumbnail",
           "key": "$thumbnail",
           "type": "image",
-          "class": "image-table-cell",
+          "class": "image-table-cell custom-image-cell",
           "sortable": false,
           "desktopOnly": false
         },
@@ -1109,7 +1109,7 @@
           "id": "app.favorite.libraries.thumbnail",
           "key": "$thumbnail",
           "type": "image",
-          "class": "image-table-cell",
+          "class": "image-table-cell custom-image-cell",
           "sortable": false,
           "desktopOnly": false
         },

src/assets/images/baseline-library_books-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/></svg>