[Summary view] [Print] [Text view]

   1  (function () {
   2    'use strict';
   3  
   4    /**
   5     * @copyright  (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
   6     * @license    GNU General Public License version 2 or later; see LICENSE.txt
   7     */
   8    (function () {
   9      var decodeHtml = function decodeHtml(html) {
  10        var textarea = document.createElement('textarea');
  11        textarea.innerHTML = Joomla.sanitizeHtml(html);
  12        return textarea.value;
  13      };
  14  
  15      var compare = function compare(original, changed) {
  16        var display = changed.nextElementSibling;
  17        var diff = window.Diff.diffWords(original.innerHTML, changed.innerHTML);
  18        var fragment = document.createDocumentFragment();
  19        diff.forEach(function (part) {
  20          var color = '';
  21  
  22          if (part.added) {
  23            color = '#a6f3a6';
  24          }
  25  
  26          if (part.removed) {
  27            color = '#f8cbcb';
  28          } // @todo use the tag MARK here not SPAN
  29  
  30  
  31          var span = document.createElement('span');
  32          span.style.backgroundColor = color;
  33          span.style.borderRadius = '.2rem';
  34          span.appendChild(document.createTextNode(decodeHtml(part.value)));
  35          fragment.appendChild(span);
  36        });
  37        display.appendChild(fragment);
  38      };
  39  
  40      var onBoot = function onBoot() {
  41        var diffs = [].slice.call(document.querySelectorAll('.original'));
  42        diffs.forEach(function (fragment) {
  43          compare(fragment, fragment.nextElementSibling);
  44        }); // Cleanup
  45  
  46        document.removeEventListener('DOMContentLoaded', onBoot);
  47      };
  48  
  49      document.addEventListener('DOMContentLoaded', onBoot);
  50    })();
  51  
  52  })();