form select type of device in the list of device. Step 1

ereuse_devicehub/inventory/views.py

@@ -42,7 +42,13 @@ class DeviceListMix(View):
     def get_context(self, lot_id):
         # TODO @cayop adding filter
         # https://github.com/eReuse/devicehub-teal/blob/testing/ereuse_devicehub/resources/device/views.py#L56
-        filter_types = ['Desktop', 'Laptop', 'Server']
+        import pdb; pdb.set_trace()
+        type_device = {
+            None: ['Desktop', 'Laptop', 'Server'],
+            'Computer': ['Computer'],
+            'Monitor': ['Monitor'],
+        }
+        filter_types = type_device[request.get('filter')]
         lots = Lot.query.outerjoin(Trade) \
             .filter(or_(Trade.user_from == g.user,
                         Trade.user_to == g.user,

ereuse_devicehub/templates/inventory/device_list.html

@@ -279,10 +279,17 @@
               <div class="tab-content pt-2">
 
                 <h5 class="card-title">Computers</h5>
+                <form method="get">
+                  <select class="form-data" name="filter">
+                    <option value="Computer">Computer</option>
+                    <option value="Monitor">Monitor</option>
+                  </select>
+                  <input type="submit" class="btn btn-primary" value="Search" />
+                </form>
                 <table class="table">
                   <thead>
                     <tr>
-                      <th scope="col">Select all</th>
+                      <th scope="col">Select</th>
                       <th scope="col">Title</th>
                       <th scope="col">DHID</th>
                       <th scope="col">Tags</th>