feat(matrix ui): add checkbox for latest version

Author: bethesque

lib/pact_broker/ui/controllers/matrix.rb

@@ -63,6 +63,7 @@ def create_selector_objects(selector_hashes)
             o.tag_disabled = o.tag ? nil : 'disabled'
             o.version_disabled = o.pacticipant_version_number ? nil : 'disabled'
             o.specify_latest_tag_checked = o.tag ? 'checked' : nil
+            o.specify_latest_checked = o.latest ? 'checked' : nil
             o.specify_version_checked = o.pacticipant_version_number ? 'checked' : nil
             o.specify_all_versions_checked = !(o.tag || o.pacticipant_version_number) ? 'checked' : nil
             o

lib/pact_broker/ui/views/matrix/show.haml

@@ -36,6 +36,12 @@
             Version
           %input{name: 'q[]version', type: 'text', id: "pacticipant#{index}_version", class: 'by-version', value: selector.pacticipant_version_number}
 
+        .input-group
+          %input{type: 'radio', name: "ignorethis#{index}", class: 'specify-latest version-selectorizor', value: 'tag', id: "pacticipant#{index}_latest", checked: selector.specify_latest_checked}
+          %label{for: "pacticipant#{index}_latest"}
+            Latest version
+          %input{name: 'q[]latest', value: 'true', hidden: true, class: 'latest-flag'}
+
         .input-group
           %input{type: 'radio', name: "ignorethis#{index}", class: 'specify-latest-tag version-selectorizor', value: 'tag', id: "pacticipant#{index}_by_tag", checked: selector.specify_latest_tag_checked}
           %label{for: "pacticipant#{index}_by_tag"}

public/javascripts/matrix.js

@@ -1,5 +1,6 @@
 function handleRadioButtonClicked() {
   selectApplicableTextBox($(this));
+  clearOtherTextBoxes($(this));
 }
 
 function selectApplicableTextBox(selectedRadioButton) {
@@ -15,9 +16,9 @@ function selectApplicableRadioButton(selectedTextBox) {
   selectedTextBox.closest('.input-group').find('.version-selectorizor').prop('checked', 'checked');
 }
 
-function clearOtherTextBoxes(selectedTextBox) {
-  selectedTextBox.closest('.selector').find('input[type="text"]').each(function(){
-    if(!selectedTextBox.is($(this))) {
+function clearOtherTextBoxes(clickedElement) {
+  clickedElement.closest('.selector').find('input[type="text"]').each(function(){
+    if(!$.contains(clickedElement.closest('.input-group')[0], $(this)[0])) {
       $(this).prop('value', '');
     }
   });