Merge pull request #1354 from totten/master-revlink-jquery

CRM-12910 - Extract JS from logButton.tpl so it can be reused by client-side apps

js/jquery/jquery.crmRevisionLink.js

+(function($, CRM) {
+
+  /**
+   * Usage:
+   *
+   * cj('.my-link').crmRevisionLink({
+   *   'reportId': 123, // CRM_Report_Utils_Report::getInstanceIDForValue('logging/contact/summary'),
+   *   'tableName': 'my_table',
+   *   'contactId': 123
+   * ));
+   *
+   * Note: This file is used by CivHR
+  */
+  $.fn.crmRevisionLink = function(options) {
+    return this.each(function(){
+      var $dialog = $('<div><div class="revision-content"></div></div>');
+      $('body').append($dialog);
+      $(this).on("click", function() {
+        $dialog.show();
+        $dialog.dialog({
+          title: ts("Revisions"),
+          modal: true,
+          width: "680px",
+          bgiframe: true,
+          overlay: { opacity: 0.5, background: "black" },
+          open:function() {
+            var ajaxurl = CRM.url("civicrm/report/instance/" + options.reportId);
+            cj.ajax({
+              data: "reset=1&snippet=4&section=2&altered_contact_id_op=eq&altered_contact_id_value="+options.contactId+"&log_type_table_op=has&log_type_table_value=" + options.tableName,
+              url:  ajaxurl,
+              success: function (data) {
+                $dialog.find(".revision-content").html(data);
+                if (!$dialog.find(".revision-content .report-layout").length) {
+                  $dialog.find(".revision-content").html("Sorry, couldn't find any revisions.");
+                }
+              }
+            });
+          },
+          buttons: {
+            "Done": function() {
+              $(this).dialog("destroy");
+            }
+          }
+        });
+        return false;
+      });
+    }); // this.each
+  }; // fn.crmRevisionLink
+
+})(jQuery, CRM);

templates/CRM/common/logButton.tpl

@@ -37,39 +37,15 @@
 *}
 
 <a class="css_right {$snippet.css_class}" href="#" title="{ts}View Revisions{/ts}">View Revisions</a>
-<div class="dialog-{$snippet.css_class}">
-  <div class="revision-content"></div>
-</div>
 
 {literal}
 <script type="text/javascript">
-cj(document).on("click", ".{/literal}{$snippet.css_class}{literal}", function() {
-  cj(".dialog-{/literal}{$snippet.css_class}{literal}").show( );
-  cj(".dialog-{/literal}{$snippet.css_class}{literal}").dialog({
-    title: "{/literal}{ts}Revisions{/ts}{literal}",
-    modal: true,
-    width: "680px",
-    bgiframe: true,
-    overlay: { opacity: 0.5, background: "black" },
-    open:function() {
-      var ajaxurl = {/literal}'{crmURL p="civicrm/report/instance/`$snippet.instance_id`" h=0 }'{literal};
-      cj.ajax({
-        data: "reset=1&snippet=4&section=2&altered_contact_id_op=eq&altered_contact_id_value={/literal}{$snippet.contact_id}{literal}&log_type_table_op=has&log_type_table_value={/literal}{$snippet.table_name}{literal}",
-        url:  ajaxurl,
-        success: function (data) {
-          cj(".dialog-{/literal}{$snippet.css_class}{literal} .revision-content").html(data);
-          if (!cj(".dialog-{/literal}{$snippet.css_class}{literal} .revision-content .report-layout").length) {
-            cj(".dialog-{/literal}{$snippet.css_class}{literal} .revision-content").html("Sorry, couldn't find any revisions.");
-          }
-        }
-      });
-    },
-    buttons: {
-      "Done": function() {
-        cj(this).dialog("destroy");
-      }
-    }
+(function($, CRM) {
+  $(".{/literal}{$snippet.css_class}{literal}").crmRevisionLink({
+    contactId: {/literal}{$snippet.contact_id}{literal},
+    tableName: "{/literal}{$snippet.table_name}{literal}",
+    reportId: {/literal}{$snippet.instance_id}{literal}
   });
-});
+})(cj, CRM);
 </script>
 {/literal}