From aaff9b21bee0e70994eb8e8294957d18be822f17 Mon Sep 17 00:00:00 2001
From: Martijn Dwars <ikben@martijndwars.nl>
Date: Mon, 27 Jul 2015 17:23:59 +0200
Subject: [PATCH] Modifiable processing element

---
 jquery.dynatable.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/jquery.dynatable.js b/jquery.dynatable.js
index 9285e1e..cf07ed3 100644
--- a/jquery.dynatable.js
+++ b/jquery.dynatable.js
@@ -94,6 +94,7 @@
       recordCountText: 'Showing',
       recordCountTextTemplate: '{text} {pageTemplate} {totalTemplate} {filteredTemplate}',
       recordCountTemplate: '<span id="dynatable-record-count-{elementId}" class="dynatable-record-count">{textTemplate}</span>',
+      processingTemplate: '<span>{text}</span>',
       processingText: 'Processing...'
     },
     dataset: {
@@ -775,8 +776,12 @@
     };
 
     this.create = function() {
+      var html = utility.template(settings.inputs.processingTemplate, {
+        text: settings.inputs.processingText
+      });
+
       var $processing = $('<div></div>', {
-            html: '<span>' + settings.inputs.processingText + '</span>',
+            html: html,
             id: 'dynatable-processing-' + obj.element.id,
             'class': 'dynatable-processing',
             style: 'position: absolute; display: none;'
@@ -787,7 +792,7 @@
 
     this.position = function() {
       var $processing = $('#dynatable-processing-' + obj.element.id),
-          $span = $processing.children('span'),
+          $span = $processing.find('>:first-child'),
           spanHeight = $span.outerHeight(),
           spanWidth = $span.outerWidth(),
           $covered = obj.$element,