Untitled

 avatar
unknown
plain_text
5 months ago
2.4 kB
2
Indexable
window.addEventListener('load', function() {

      var sliders = document.querySelectorAll('.bx-quote-block-right__content .tns-slide-active');
      var existingClass = 'bx-quote-block__inner'; 
      var newClass = 'bx-quote-block__inner_2'; 

      sliders.forEach(function(element) {
          // Check if there is an image in the previous sibling
          var closestContent = element.closest('.bx-quote-block-right__content');
          var hasImage = closestContent.previousElementSibling.querySelector('.tns-slide-active .bx-quote-block_picture'); 
          console.log(hasImage);
          console.log('inside listener');
          var outerBlock = closestContent.closest('.bx-quote-block__outer');
          var leftContent = closestContent.previousElementSibling;
          if(hasImage != null) {
              outerBlock.classList.remove(newClass);
              outerBlock.classList.add(existingClass);
              leftContent.classList.remove('bx_quote_block_leftContent_hide');
              console.log('has image');
          }
          else {
              outerBlock.classList.remove(existingClass);
              outerBlock.classList.add(newClass);
              leftContent.classList.add('bx_quote_block_leftContent_hide');
              console.log('has no image');
          }

          var specificParentClass = 'bx-quote-block__inner';
          var hasSpecificParent = element.closest(`.${specificParentClass}`);
        
          var divElementAuthor = element.querySelector('.bx-quote-block__test');
        
          var existingClass1 = 'bx-quote-block-inner_content__inner'; 
          var newClass1 = 'bx_quote-block-inner--fullwidth';

          var newClassCheck = '.bx_quote-block-inner--fullwidth';

          var defaultClass = 'font-size-default';
          var fontClass = 'font-size-active';
          
          if ( hasSpecificParent ) {

          } else {
            if ( element.querySelector(newClassCheck) ) {
              console.log('in else if',element);
              divElementAuthor.classList.replace(defaultClass,fontClass); 
              
            } else {
              console.log('in else else',element);
              divElementAuthor.classList.replace(fontClass,defaultClass);
              
            }
            divElementAuthor.classList.replace(existingClass1,newClass1);
            }


        }); 
    });
Editor is loading...
Leave a Comment