let displayClip = function()

in web-ui/clip.js [234:267]

• 21 lines of code
• 2 McCabe index (conditional complexity)

    let displayClip = function (src) {
      let receptacle = clipsEls;
      let template = clipTemplate;
      let clone = template.content.cloneNode(true);
      let clone_player = clone.querySelectorAll('.clip-el__player');
      let clone_copy_btn = clone.querySelectorAll('.clip-el__copy');
      let clone_share_btn = clone.querySelectorAll('.clip-el__share');
      let clone_open_btn = clone.querySelectorAll('.clip-el__open');

      // pause all clips
      document.querySelectorAll('.clip-el__player').forEach(clip => clip.pause());

      // create player
      clone_player[0].setAttribute("src", src);
      clone_player[0].load();
      clone_player[0].pause();
      clone_player[0].onplay = function(e){handleClipPlay()};
      
      // copy to clipboard
      clone_copy_btn[0].addEventListener("click", function(e){copybtnClickHandler(src)}, false);
      
      // share
      if (navigator.canShare){
        clone_share_btn[0].classList.remove("hidden");
        clone_share_btn[0].addEventListener("click", function(e){sharebtnClickHandler(src)}, false);
      }
      
      // open
      clone_open_btn[0].addEventListener("click", function(e){openbtnClickHandler(src)}, false);
      
      // append
      receptacle.appendChild(clone);

    };