CRM-12872 - Ajax-enable pager links
[civicrm-core.git] / templates / CRM / Contact / Page / View / Log.tpl
index 001577f2f6b1996af815af6a02487ebbd5ce9796..b940ff39516b0535964f4bea8650cd4eac20637d 100644 (file)
@@ -28,7 +28,7 @@
    <div class="bold">{ts}Change Log:{/ts} {$displayName}</div>
    {if $useLogging}
      <br />
-     <div class='hiddenElement' id='instance_data'> </div>
+     <div class='instance_data'><div class="crm-loading-element"></div></div>
    {else}
     <div class="form-item">
      {if $logCount > 0 }
 {if $useLogging}
 {literal}
   <script type="text/javascript">
-  cj( document ).ready( function ( ) {
-    var dataURL = {/literal}"{$instanceUrl}"{literal};
-    cj.ajax({
-      url: dataURL,
-      success: function( content ) {
-        cj('#instance_data').show( ).html( content );
-      }
-    });
-  });
-
-  cj('div#changeLog div#instance_data .report-pager .crm-pager-nav a').live("click", function(e) {
-    cj.ajax({
-      url: this.href + '&snippet=4&section=2',
-      success: function( content ) {
-        cj('div#changeLog div#instance_data').html(content);
-      }
+  cj(function ($) {
+    $('#changeLog .instance_data').on('crmLoad', function(e, data) {
+      CRM.tabHeader.updateCount('#tab_log', data.totalRows);
     });
-    return false;
-  });
-
-  cj('input[name="PagerBottomButton"], input[name="PagerTopButton"]').live("click", function(e) {
-    var crmpid  = (this.name == 'PagerBottomButton') ? cj('input[name="crmPID_B"]').val() : cj('input[name="crmPID"]').val();
-    cj.ajax({
-      url: cj('div#changeLog div#instance_data .report-pager .crm-pager-nav a:first').attr('href') + '&snippet=4&section=2&crmPID=' + crmpid,
-      success: function( content ) {
-        cj('div#changeLog div#instance_data').html(content);
+    CRM.reloadChangeLogTab = function(url) {
+      if (url) {
+        $('#changeLog .instance_data').crmSnippet({url: url});
       }
-    });
-    return false;
+      $('#changeLog .instance_data').crmSnippet('refresh');
+    };
+    CRM.reloadChangeLogTab({/literal}"{$instanceUrl}"{literal});
   });
 
   </script>