Add List button and make Edit go directly to the selected Control as well as being a button.

Author: connortechnology

web/skins/classic/views/js/monitor.js

@@ -815,5 +815,20 @@ function devices_onchange(devices) {
     device.style['display'] = 'inline';
   }
 }
+function ControlId_onChange(ddm) {
+  const ControlEditButton = document.getElementById('ControlEditButton');
+  if (ControlEditButton) ControlEditButton.disabled = ddm.value ? false : true;
+}
+
+function ControlEdit_onClick() {
+  const ControlId = document.getElementById('ControlId');
+  if (ControlId) {
+    window.location = '?view=controlcap&cid='+ControlId.value;
+  }
+}
+
+function ControlList_onClick() {
+  window.location = '?view=options&tab=control';
+}
 
 window.addEventListener('DOMContentLoaded', initPage);

web/skins/classic/views/monitor.php

@@ -1444,9 +1444,12 @@ class="nav-link<?php echo ($tab == $name ? ' active' : '') . ' ' . (($name == 'z
                     $controlTypes[$control->Id()] = $control->Name();
                   }
 
-                  echo htmlSelect('newMonitor[ControlId]', $controlTypes, $monitor->ControlId());
-                  if ( canEdit('Control') ) {
-                    echo '&nbsp;'.makeLink('?view=options&tab=control', translate('Edit'));
+                  echo htmlSelect('newMonitor[ControlId]', $controlTypes, $monitor->ControlId(), ['id'=>'ControlId', 'data-on-click-this'=>'ControlId_onChange']);
+                  if (canEdit('Control')) {
+                    if ($monitor->ControlId()) {
+                      echo '&nbsp;<button type="button" data-on-click="ControlEdit_onClick" id="ControlEdit">'.translate('Edit').'</button>';
+                    }
+                    echo '&nbsp;<button type="button" data-on-click="ControlList_onClick" id="ControlList">'.translate('List').'</button>';
                   }
 ?>
             </li>