Tags expansion panel in the overlay

Author: ptechofficial

src/app/component/circular-heatmap/circular-heatmap.component.html

@@ -98,6 +98,7 @@ <h2>Nothing to show</h2>
                   <p [innerHTML]="taskDetails.dependsOn"></p>
                 </ng-template>
               </mat-expansion-panel>
+
               <mat-expansion-panel
                 [expanded]="true"
                 *ngIf="taskDetails.difficultyOfImplementation">
@@ -118,6 +119,18 @@ <h2>Nothing to show</h2>
                   </p>
                 </ng-template>
               </mat-expansion-panel>
+              <mat-expansion-panel [expanded]="true" *ngIf="taskDetails.tags">
+                <mat-expansion-panel-header>
+                  <mat-panel-title>
+                    <b>Tags</b>
+                  </mat-panel-title>
+                </mat-expansion-panel-header>
+                <ng-template matExpansionPanelContent>
+                  <ul *ngFor="let tag of taskDetails.tags">
+                    <li [innerHTML]="tag"></li>
+                  </ul>
+                </ng-template>
+              </mat-expansion-panel>
               <mat-expansion-panel
                 [expanded]="true"
                 *ngIf="taskDetails.references">