Add processor filter to webhooks list page

Implements #14 (closed)

• Provides a drop-down to filter the received webhooks by the processor.
• All processors are listed, with their type, name, live/test and a summary count of webhooks received.
• (screencast below also includes an ID number before the type, name, but this was just for testing and is not included in the MR)

ang/mjwshared/PaymentprocessorWebhook.html

@@ -6,6 +6,7 @@
     <div crm-ui-accordion="{title: ts('Filters')}">
       <div class="crm-block">
         <div class="crm-group">
+
           <div crm-ui-field="{name: 'myForm.statuses', title: ts('Status')}">
             <select type="text" ng-model="$ctrl.statusFilter" >
               <option value="">{{ts('- Any -')}}</option>
@@ -16,6 +17,19 @@
             </select>
           </div>
 
+          <div crm-ui-field="{name: 'myForm.processor', title: ts('Processor')}">
+            <select type="text" ng-model="$ctrl.processorFilter" >
+              <option value="">{{ts('- Any -')}}</option>
+              <option ng-repeat="processor in $ctrl.processors"
+                      value="{{processor.id}}"
+                      >{{processor.processorType}}:
+                      {{processor.processorName}}:
+                      {{:: processor.isTest ? ts('Test') : ts('Live') }}
+                      ({{ts('%count webhooks', {count:processor.webhooksCount}) }})
+                      </option>
+            </select>
+          </div>
+
           <div crm-ui-field="{name: 'myForm.event', title: ts('Event ID')}">
             <input
               crm-ui-id="myForm.event_id"