Merge pull request #267 from jdsmithit/add-in-pipes-and-task-list-filtering

Add in filter for team list filtering via a pipe

Author: wurstbrot

src/app/app.module.ts

@@ -20,6 +20,7 @@ import { UsageComponent } from './component/usage/usage.component';
 import { AboutUsComponent } from './component/about-us/about-us.component';
 import { DependencyGraphComponent } from './component/dependency-graph/dependency-graph.component';
 import { Teams } from './component/teams/teams.component';
+import { ToStringValuePipe } from './pipe/to-string-value.pipe';
 
 @NgModule({
   declarations: [
@@ -36,6 +37,7 @@ import { Teams } from './component/teams/teams.component';
     AboutUsComponent,
     DependencyGraphComponent,
     Teams,
+    ToStringValuePipe,
   ],
   imports: [
     BrowserModule,

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

@@ -254,12 +254,17 @@ <h2>Nothing to show</h2>
                       *ngFor="let item of activity.teamsImplemented | keyvalue">
                       <mat-checkbox
                         [checked]="item.value === true"
+                        *ngIf="teamVisible.includes(item.key | ToStringValue)"
                         color="primary"
                         (click)="this.teamCheckbox(activityIndex, item.key)">
                         {{ item.key }}
                       </mat-checkbox>
                     </li>
                   </ul>
+                  <b *ngIf="teamVisible.length === 0">
+                    No Teams Selected, Please select a team from the filters
+                    above.
+                  </b>
                 </ng-template>
               </mat-expansion-panel>
             </mat-card-content>

src/app/pipe/to-string-value.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { ToStringValuePipe } from './to-string-value.pipe';
+
+describe('ToStringValuePipe', () => {
+  it('create an instance', () => {
+    const pipe = new ToStringValuePipe();
+    expect(pipe).toBeTruthy();
+  });
+});

src/app/pipe/to-string-value.pipe.ts

@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'ToStringValue',
+  pure: true,
+})
+export class ToStringValuePipe implements PipeTransform {
+  transform(value: unknown): string {
+    return value as string;
+  }
+}