add filter row to DM/SDM index tables

6 files changed, 24 insertions, 0 deletions

diff --git a/templates/web/zurich/admin/index-dm.html b/templates/web/zurich/admin/index-dm.html
index bd8894e70..db0972398 100644
--- a/templates/web/zurich/admin/index-dm.html
+++ b/templates/web/zurich/admin/index-dm.html
@@ -33,6 +33,9 @@
         <th>[% loc('Created') %]</th>
         <th>*</th>
     </tr>
+    <tr class="filter-row">
+        <td colspan="6"><input type="text" placeholder="[%= loc('Filter report list') %]" /></td>
+    </tr>
 [%- FOR problem IN problems %]
     <tr[% ' class="adminhidden"' IF problem.state == 'hidden' %]>
         <td class="record-id">[% problem.id %]</td>
diff --git a/templates/web/zurich/admin/index-sdm.html b/templates/web/zurich/admin/index-sdm.html
index 7d6f10726..b55bf5bf1 100644
--- a/templates/web/zurich/admin/index-sdm.html
+++ b/templates/web/zurich/admin/index-sdm.html
@@ -23,6 +23,9 @@
         <th>*</th>
         [% END %]
     </tr>
+    <tr class="filter-row">
+        <td colspan="6"><input type="text" placeholder="[%= loc('Filter report list') %]" /></td>
+    </tr>
 [%- FOR problem IN problems %]
     <tr[% ' class="adminhidden"' IF problem.state == 'hidden' %]>
         <td class="record-id">[% problem.id %]</td>
diff --git a/web/cobrands/zurich/_colours.scss b/web/cobrands/zurich/_colours.scss
index b07bbdf06..843369b01 100644
--- a/web/cobrands/zurich/_colours.scss
+++ b/web/cobrands/zurich/_colours.scss
@@ -19,3 +19,5 @@ $table_border_color:   #ccc;
 $table_heading_bg_col: #595959;
 $table_heading_col:    #fff;
 $table_heading_underline_col: #393939;
+$button_col:    #fff;
+$button_bg_col: #a1a1a1;  // also search bar (tables)
\ No newline at end of file
diff --git a/web/cobrands/zurich/_zurich.scss b/web/cobrands/zurich/_zurich.scss
index 361f57c5b..2d7309d5b 100644
--- a/web/cobrands/zurich/_zurich.scss
+++ b/web/cobrands/zurich/_zurich.scss
@@ -49,4 +49,20 @@ table.admin {
     text-align: center;
     font-weight: bold;
   }
+  tr.filter-row td {
+    padding: 4px 4px 4px 40px;
+    background-color: $button_bg_col;
+    background-image: url('search-icon-white.png');
+    background-position: 14px center;
+    background-repeat: no-repeat;
+    border-bottom: 2px solid $table_border_color;
+  }
+  tr.filter-row td input[type=text] {
+    background-color: #e1e1e1;
+    width: 16em;
+    @include border-radius(4px);
+    border: none;
+    padding: 3px 0.5em;
+  }
+  
 }
\ No newline at end of file
diff --git a/web/cobrands/zurich/search-icon-white.png b/web/cobrands/zurich/search-icon-white.png
new file mode 100644
index 000000000..59f3f1f82
--- /dev/null
+++ b/web/cobrands/zurich/search-icon-white.png
diff --git a/web/cobrands/zurich/search-icon.png b/web/cobrands/zurich/search-icon.png
new file mode 100644
index 000000000..b74f9397f
--- /dev/null
+++ b/web/cobrands/zurich/search-icon.png