Allow CCPO to filter requests by DOD component

templates/requests/index.html

@@ -37,7 +37,13 @@
     </div>
   {% endcall %}
 
-  <requests-list inline-template v-bind:requests='{{ requests | tojson }}' v-bind:is-extended='{{ extended_view | tojson }}' v-bind:statuses='{{ possible_statuses | tojson }}'>
+  <requests-list
+    inline-template
+    v-bind:requests='{{ requests | tojson }}'
+    v-bind:is-extended='{{ extended_view | tojson }}'
+    v-bind:statuses='{{ possible_statuses | tojson }}'
+    v-bind:dod-components='{{ possible_dod_components | tojson }}'
+  >
     <div>
 
 {% if num_action_required %}
@@ -96,6 +102,15 @@
             <option v-for="status in statuses" :value="status">!{ status }</option>
           </select>
         </div>
+
+        <div class='usa-input'>
+          <label for='filter-status'>Filter requests by DOD component</label>
+          <select v-model="dodComponentValue" id="filter-dod-component" name="filter-dod-component">
+            <option value="" selected disabled>Filter by DOD Component</option>
+            <option value="">All</option>
+            <option v-for="dodComponent in dodComponents" :value="dodComponent">!{ dodComponent }</option>
+          </select>
+        </div>
       </form>
     {% endif %}