Automatically Activate A Search After Changing Search Scope

The default behaviour of the Primo new UI forces users to click on the search button after changing the search scope. This piece of Angular/JavaScript changes the behaviour so that the search results are reloaded after changing scope from the drop down menu automatically

Code:

//component to activate search when search scope changed updated 09/11/17 DW
app.component('prmTabsAndScopesSelectorAfter',{
      bindings: {parentCtrl: '<'},
        
      controller: function($scope){
                 setTimeout(function(){
                     function activateSearch(){
               setTimeout(function(){
                 document.getElementsByClassName("zero-margin button-confirm md-button md-primoExplore-theme")[0].click()
                 }, 500)
             }
                                  
                  var searchScopes = document.querySelectorAll('[id^="select_option_"]')
            for (var i in searchScopes){
                searchScopes[i].onclick = function(){
                                activateSearch();
        };
                       }
                              }, 500)
                              
                        }
                              
     });