add first draft for tree table icon

Author: thkoehler11

src/app/layout/font-awesome-icons.ts

@@ -1,4 +1,4 @@
-import { faAngleDoubleRight, faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
+import { faAngleDoubleRight, faExternalLinkAlt, faSitemap } from '@fortawesome/free-solid-svg-icons';
 import { faAngleRight } from '@fortawesome/free-solid-svg-icons';
 import { faArrowDown } from '@fortawesome/free-solid-svg-icons';
 import { faArrowUp } from '@fortawesome/free-solid-svg-icons';
@@ -135,4 +135,5 @@ export const FONT_AWESOME_ICONS = [
   faInfo,
   faLink,
   faExternalLinkAlt,
+  faSitemap,
 ];

src/app/shared/components/table/table.component.html

@@ -29,6 +29,13 @@
             (change)="onCheckboxSelect(row)"
             (click)="$event.stopPropagation()"
           ></mat-checkbox>
+          <fa-icon
+            *ngIf="row.treeIcon !== '' && row.treeIconColumnIndex === j"
+            size="1x"
+            class="cursor-click"
+            icon="{{ row.treeIcon }}"
+            (click)="onRowClick(row)"
+          ></fa-icon>
           <div
             [ngClass]="{
               'name-column': j === 0,

src/app/shared/components/table/table.component.scss

@@ -30,7 +30,7 @@ table {
 }
 
 .name-column {
-  padding-left: 20px;
+  padding-left: 10px;
   font-size: medium;
 }
 
@@ -61,3 +61,7 @@ table {
   font-size: smaller;
   color: #6a7483;
 }
+.cursor-click {
+  cursor: pointer;
+  padding-left: 10px;
+}

src/app/shared/models/TableData/Adapter/CriteriaListEntryAdapter.ts

@@ -21,6 +21,8 @@ export class CriteriaListEntryAdapter {
         listEntry.getContext(),
       ],
       hasCheckbox: true,
+      treeIcon: 'sitemap',
+      treeIconColumnIndex: 0,
       isCheckboxSelected: false,
       isClickable: true,
       isDisabled: listEntry.getSelectable(),