Status filter checkboxes

src/app/core/services/filters.service.ts

@@ -4,17 +4,30 @@ import { BehaviorSubject, pipe } from 'rxjs';
 
 export type Filter = {
   title: string;
-  status: string;
+  status: string[];
   type: string;
   sort: Sort;
   labels: string[];
   milestones: string[];
   hiddenLabels?: Set<string>;
 };
 
+type StatusInfo = {
+  type: string;
+  status: string;
+};
+
+/**
+ * Converts a status string into an info object
+ */
+export const statusToType = (statusString: string): StatusInfo => {
+  const [status, type] = statusString.split(' ');
+  return { status, type };
+};
+
 export const DEFAULT_FILTER: Filter = {
   title: '',
-  status: 'all',
+  status: ['open pullrequest', 'merged pullrequest', 'closed pullrequest', 'open issue', 'closed issue'],
   type: 'all',
   sort: { active: 'id', direction: 'asc' },
   labels: [],
@@ -31,40 +44,15 @@ export const DEFAULT_FILTER: Filter = {
 export class FiltersService {
   public filter$ = new BehaviorSubject<Filter>(DEFAULT_FILTER);
 
-  private _validateFilter = pipe(this.updateStatusPairing, this.updateTypePairing);
-
   clearFilters(): void {
     this.filter$.next(DEFAULT_FILTER);
   }
 
   updateFilters(newFilters: Partial<Filter>): void {
-    let nextDropdownFilter: Filter = {
+    const nextDropdownFilter: Filter = {
       ...this.filter$.value,
       ...newFilters
     };
-
-    nextDropdownFilter = this._validateFilter(nextDropdownFilter);
-
     this.filter$.next(nextDropdownFilter);
   }
-
-  /**
-   * Changes type to a valid, default value when an incompatible combination of type and status is encountered.
-   */
-  updateTypePairing(dropdownFilter: Filter): Filter {
-    if (dropdownFilter.status === 'merged') {
-      dropdownFilter.type = 'pullrequest';
-    }
-    return dropdownFilter;
-  }
-
-  /**
-   * Changes status to a valid, default value when an incompatible combination of type and status is encountered.
-   */
-  updateStatusPairing(dropdownFilter: Filter): Filter {
-    if (dropdownFilter.status === 'merged' && dropdownFilter.type === 'issue') {
-      dropdownFilter.status = 'all';
-    }
-    return dropdownFilter;
-  }
 }

src/app/shared/filter-bar/filter-bar.component.html

@@ -9,11 +9,12 @@
     <div class="dropdown-filters">
       <mat-form-field appearance="standard">
         <mat-label>Status</mat-label>
-        <mat-select [value]="this.filter.status" (selectionChange)="this.filtersService.updateFilters({ status: $event.value })">
-          <mat-option value="all">All</mat-option>
-          <mat-option value="open">Open</mat-option>
-          <mat-option value="closed">Closed</mat-option>
-          <mat-option value="merged" *ngIf="isNotFilterIssue()">Merged</mat-option>
+        <mat-select [value]="this.filter.status" (selectionChange)="this.filtersService.updateFilters({ status: $event.value })" multiple>
+          <mat-option *ngIf="isFilterPullRequest()" value="open pullrequest">Open Pull Requests</mat-option>
+          <mat-option *ngIf="isFilterPullRequest()" value="merged pullrequest">Merged Pull Requests</mat-option>
+          <mat-option *ngIf="isFilterPullRequest()" value="closed pullrequest">Closed Pull Request</mat-option>
+          <mat-option *ngIf="isFilterIssue()" value="open issue">Open Issues</mat-option>
+          <mat-option *ngIf="isFilterIssue()" value="closed issue">Closed Issues</mat-option>
         </mat-select>
       </mat-form-field>
       <mat-form-field appearance="standard">

src/app/shared/filter-bar/filter-bar.component.ts

@@ -67,8 +67,12 @@ export class FilterBarComponent implements OnInit, AfterViewInit, OnDestroy {
   /**
    * Checks if program is filtering by type issue.
    */
-  isNotFilterIssue() {
-    return this.filter.type !== 'issue';
+  isFilterIssue() {
+    return this.filter.type === 'issue' || this.filter.type === 'all';
+  }
+
+  isFilterPullRequest() {
+    return this.filter.type === 'pullrequest' || this.filter.type === 'all';
   }
 
   /**

src/app/shared/issue-tables/dropdownfilter.ts

@@ -1,5 +1,5 @@
 import { Issue } from '../../core/models/issue.model';
-import { Filter } from '../../core/services/filters.service';
+import { Filter, statusToType } from '../../core/services/filters.service';
 
 /**
  * This module serves to improve separation of concerns in IssuesDataTable.ts and IssueList.ts module by containing the logic for
@@ -11,14 +11,13 @@ export function applyDropdownFilter(filter: Filter, data: Issue[]): Issue[] {
   const filteredData: Issue[] = data.filter((issue) => {
     let ret = true;
 
-    if (filter.status === 'open') {
-      ret = ret && issue.state === 'OPEN';
-    } else if (filter.status === 'closed') {
-      // there is apparently also a status called 'all' based on github api
-      ret = ret && issue.state === 'CLOSED';
-    } else if (filter.status === 'merged') {
-      ret = ret && issue.state === 'MERGED';
-    }
+    // status can either be 'open', 'closed', or 'merged'
+    ret =
+      ret &&
+      filter.status.some((item) => {
+        const statusInfo = statusToType(item);
+        return statusInfo.status === issue.state.toLowerCase() && statusInfo.type === issue.issueOrPr.toLowerCase();
+      });
 
     if (filter.type === 'issue') {
       ret = ret && issue.issueOrPr === 'Issue';