CRM-12753, change labels according to selected options

----------------------------------------
* CRM-12753: Searching for contacts by date created
  http://issues.civicrm.org/jira/browse/CRM-12753

diff --git a/templates/CRM/Contact/Form/Search/Criteria/ChangeLog.tpl b/templates/CRM/Contact/Form/Search/Criteria/ChangeLog.tpl
index 94c3930cd4c04cd98fbe6920a11f8077dc6158f9..d441ccd98e5b49293d2d0775c1ffc2830cb76e99 100644 (file)
--- a/templates/CRM/Contact/Form/Search/Criteria/ChangeLog.tpl
+++ b/templates/CRM/Contact/Form/Search/Criteria/ChangeLog.tpl
@@ -24,52 +24,57 @@
  +--------------------------------------------------------------------+
 *}
 <div id="changelog" class="form-item">
-   <table class="form-layout">
-     <tr>
-        <td>
-          {$form.changed_by.label}<br />
-          {$form.changed_by.html}
-        </td>
-  <td width="100%">
-    {$form.log_date.html}<span class="crm-clear-link">(<a href="#" title="unselect" onclick="unselectRadio('log_date', '{$form.formName}'); return false;" >{ts}clear{/ts}</a>)</span><br />
-        </td>
-     </tr>
-     <tr>
-  <td>
-     <span id="modbet"><label>{ts}Modified Between{/ts}</label></span>
-     <span id="addbet" class="hiddenElement"><label>{ts}Added Between{/ts}</label></span>
-  </td>
-     </tr>
-     <tr>
-  {include file="CRM/Core/DateRange.tpl" fieldName="log_date" from='_low' to='_high'}
-     </tr>
-   </table>
- </div>
+  <table class="form-layout">
+    <tr>
+      <td>
+        <span class="modifiedBy"><label>{ts}Modified By{/ts}</label></span>
+        <span class="hiddenElement addedBy"><label>{ts}Added By{/ts}</label></span>
+        <br/>
+        {$form.changed_by.html}
+      </td>
+      <td width="100%">
+        {$form.log_date.html}
+        <span class="crm-clear-link">(<a href="#" title="unselect"
+                                         onclick="unselectRadio('log_date', '{$form.formName}');
+                                           return false;">{ts}clear{/ts}</a>)
+        </span>
+        <br/>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <span class="modifiedBy"><label>{ts}Modified Between{/ts}</label></span>
+        <span class="hiddenElement addedBy"><label>{ts}Added Between{/ts}</label></span>
+      </td>
+    </tr>
+    <tr>
+      {include file="CRM/Core/DateRange.tpl" fieldName="log_date" from='_low' to='_high'}
+    </tr>
+  </table>
+</div>
 
 {literal}
   <script type="text/javascript">
     cj(function () {
-      var changeType = cj('input[name=log_date]:checked').val();
-      if (changeType == 2) {
-        cj('#addbet').hide();
-        cj('#modbet').show();
-      }
-      else if (changeType == 1) {
-        cj('#addbet').show();
-        cj('#modbet').hide();
-      }
+      updateChangeLogLabels();
     });
 
     cj('[name=log_date]:input').change(function () {
+      updateChangeLogLabels();
+    });
+
+    function updateChangeLogLabels() {
       var changeType = cj('input[name=log_date]:checked').val();
       if (changeType == 2) {
-        cj('#addbet').hide();
-        cj('#modbet').show();
+        cj('.addedBy').hide();
+        cj('.modifiedBy').show();
       }
-      else if (changeType == 1) {
-        cj('#addbet').show();
-        cj('#modbet').hide();
+      else {
+        if (changeType == 1) {
+          cj('.addedBy').show();
+          cj('.modifiedBy').hide();
+        }
       }
-    }).change();
+    }
   </script>
 {/literal}