Add data renderer anchor

dataRender/anchor.js

@@ -0,0 +1,77 @@
+/**
+ *  @name anchor
+ *  @summary Renders the column data as HTML anchor (`a` tag)
+ *  @author [Fedonyuk Anton](http://ensostudio.ru)
+ *  @requires DataTables 1.10+
+ *
+ *  @param {string} type The anchor type: 'link'(by default), 'phone' or 'email'
+ *  @param {object|function} attributes The attributes of the anchor tag or the
+ *       callback function returning the tag attributes, the callback syntax:
+ *      `function (mixed data, object|array row[, object meta]): object`
+ *  @param {string|null} innerText The inner text of the anchor tag or `null` to
+ *      set text by column `data` (by default)
+ *  @returns {string}
+ *
+ *  @example
+ *    // Display `<a href="..." target="_blank">...</a>`
+ *    $('#example').DataTable({
+ *      columnDefs: [{
+ *        targets: 1,
+ *        render: $.fn.dataTable.render.anchor()
+ *      }]
+ *    });
+ *
+ *  @example
+ *    // Display `<a href="mailto:..." class="link">...</a>`
+ *    $('#example').DataTable({
+ *      columnDefs: [{
+ *        targets: 2,
+ *        render: $.fn.dataTable.render.anchor('email', {'class': 'link'})
+ *      }]
+ *    });
+ */
+jQuery.fn.dataTable.render.anchor = function (
+  type = 'link',
+  attributes = {},
+  innerText = null
+) {
+  return function (data, type, row, meta) {
+    // restriction only for table display rendering
+    if (type !== 'display') {
+      return data;
+    }
+
+    if (innerText === null) {
+      innerText = data;
+    }
+
+    if (attributes typeof 'function') {
+      var tagAttributes = attributes(data, row, meta);
+    } else {
+      var tagAttributes = attributes;
+    }
+
+    if (!tagAttributes.href) {
+      switch (type) {
+        case 'mail':
+          tagAttributes.href = 'mailto:' + data;
+          break;
+        case 'phone':
+          tagAttributes.href = 'tel:' + data.replace(/[^+\d]+/g, '');
+          break;
+        case 'link':
+        case default:
+          try {
+            tagAttributes.href = new URL(data);
+          } catch (e) {
+            tagAttributes.href = data;
+          }
+      }
+    }
+
+    var $a = jQuery('<a></a>');
+    $a.attr(tagAttributes).text(innerText === null ? data : innerText).get(0).outerText;
+
+    return $a[0];
+  };
+};