Case Sources added primarily to filter the kind of cases in case list.

otis/src/app/cases/case-list/case-list.component.html

@@ -7,6 +7,24 @@
     </a>
   </mat-card-title-group>
   <mat-card-content>
+      <form [formGroup]="form" fxLayout="column">
+      <div
+        fxLayout="row"
+        fxLayout.lt-md="column"
+        fxLayoutGap="20px"
+        fxLayoutGap.lt-md="0px"
+        fxLayoutAlign="space-around start"
+      >
+        <mat-form-field fxFlex>
+          <mat-label>Case Source</mat-label>
+          <mat-select placeholder="Case Source" formControlName="caseSource">
+            <mat-option *ngFor="let cs of caseSources" [value]="cs.id">
+              {{ cs.name }}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+      </form>
     <mat-table #table [dataSource]="dataSource" aria-label="Elements">
       <!-- Office File Number Column -->
       <ng-container matColumnDef="officeFileNumber">
@@ -93,5 +111,13 @@
       <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
       <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
     </mat-table>
+    <mat-paginator
+      #paginator
+      [length]="0"
+      [pageIndex]="0"
+      [pageSize]="10"
+      [pageSizeOptions]="[10, 25, 50, 100, 250]"
+    >
+    </mat-paginator>
   </mat-card-content>
 </mat-card>