JSFiddle - React, Tailwind, and code Playground

by pleinx

JavaScript

function setupSimilarCases() {
    let caseWorldController = caseWorld.getCaseWorldController();
    caseWorldController.on('caseUpdated', function (data) {
        const similarCases = document.getElementById('rs-similar-article-carousel');
        if (similarCases !== null) {
					return;
        }
        
        const data = {'caseIds': data.similarCases};
      	makeAjaxGetCall('casefactory_similarCases.html', data, (data) => {
          let parent = similarCases.parentNode;
          let delay = 100;
          if (data !== ' ') {
            if (parent.offsetParent !== null) {
              delay = 0;
            } else {
              // Similar found: show
              parent.style.display = 'block';
            }
            // Get Content from response.
            let div = document.createElement('div');
            div.innerHTML = data.trim();
            let child = div.getElementsByTagName('div');
            parent.replaceChild(child[0], similarCases);
            
            // Re-Init Carousel
            if(similarCases.hasAttribute('carousel')) {
            	similarCases.carousel.trackDidUpdate();
            }            

          } else {
            // No similar found: hide
            parent.style.display = 'none';
          }
        }, null, 'html');
    });
}