Web UI: add checkbox, selects to filter toolbar

Support three new filter types: checkbox, select and ternary select.

The ternary select tool is meant to support fields that can be set to
True, False, or ignored.

Use this feature to allow filtering builds by held status (i.e. show
builds that triggered a autohold only) or by voting status (i.e. show only
voting jobs).

Selects let a user choose among predefined values. Use a select to help
a user choose a result value when searching builds and buildsets.

Build page: add a thumbtack icon next to a build's status badge if that
build triggered an autohold.

Change-Id: I40b06c83ed069e0756c7f8b00430d36a36230bfa

1 files changed, 7 insertions, 2 deletions

diff --git a/web/src/pages/Buildsets.jsx b/web/src/pages/Buildsets.jsx
index a9372e8b0..62978308e 100644
--- a/web/src/pages/Buildsets.jsx
+++ b/web/src/pages/Buildsets.jsx
@@ -60,12 +60,17 @@ class BuildsetsPage extends React.Component {
         placeholder: 'Filter by Change...',
         type: 'search',
       },
-      // TODO (felix): We could change the result filter to a dropdown later on
       {
         key: 'result',
         title: 'Result',
         placeholder: 'Filter by Result...',
-        type: 'search',
+        type: 'select',
+        // are there more?
+        options: [
+          'SUCCESS',
+          'FAILURE',
+          'MERGER_FAILURE',
+        ]
       },
       {
         key: 'uuid',