Create the new menu

Author: EpocDotFr

js/content.js

@@ -233,7 +233,7 @@
                 }
 
                 if (self.pipelineFeatureEnabled && self.preferences.enable_menu_to_hide_mrs_based_on_pipeline_status) {
-                    // TODO
+                    self.addHideMrsByPipelineStatusMenu();
                 }
             });
         }
@@ -579,6 +579,27 @@
               return placeholders[placeholder];
             }).trim();
         }
+
+        addHideMrsByPipelineStatusMenu() {
+            let menu = '<div class="filter-dropdown-container d-flex flex-column flex-md-row">' +
+               '<div class="dropdown inline prepend-left-10">' +
+                    '<button class="btn btn-default dropdown-menu-toggle" data-display="static" data-toggle="dropdown" type="button">' +
+                        'Pipeline status <i aria-hidden="true" class="fa fa-chevron-down"></i>' +
+                    '</button>' +
+                    '<ul class="dropdown-menu dropdown-menu-right dropdown-menu-selectable">' +
+                       '<li>' +
+                          '<a class="" href="#">Passed</a>' +
+                          '<a class="is-active" href="#">Failed</a>' +
+                       '</li>' +
+                    '</ul>' +
+               '</div>' +
+            '</div>';
+
+            this.parseHtmlAndAppend(
+                document.querySelector('.filtered-search-block'),
+                menu
+            );
+        }
     }
 
     let cs = new ContentScript();