All files / src/visual/time durationSecondElements.js

13.33% Statements 4/30
0% Branches 0/14
28.57% Functions 2/7
13.33% Lines 4/30
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144                      31x                                                                                                                                                                                                                                 211x       211x               31x              
/**
 * Imports the config module
 * @module config
 */
import config from "../../config.js";
 
/**
 * Handles all of the duration seconds elements.
 *
 * @module visual/time/DurationSecondElements.
 */
let DurationSecondElements = (function() {
  /**
   * Sync the duration seconds elements.
   *
   * @param {Integer} seconds - The duration seconds for the audio.
   */
  function sync(seconds) {
    syncGlobal(seconds);
    syncPlaylist(seconds);
    syncSong(seconds);
    syncSongInPlaylist(seconds);
  }
 
  /**
   * Syncs the global duration seconds elements.
   *
   * @param {Integer} seconds - the duration seconds for the audio.
   */
  function syncGlobal(seconds) {
    let durationSecondSelectors = document.querySelectorAll(
      ".amplitude-duration-seconds"
    );
 
    for (let i = 0; i < durationSecondSelectors.length; i++) {
      let playlist = durationSecondSelectors[i].getAttribute(
        "data-amplitude-playlist"
      );
      let songIndex = durationSecondSelectors[i].getAttribute(
        "data-amplitude-song-index"
      );
 
      if (playlist == null && songIndex == null) {
        durationSecondSelectors[i].innerHTML = seconds;
      }
    }
  }
 
  /**
   * Syncs the playlist duration seconds for the audio.
   *
   * @param {Integer} seconds - The duration seconds for the audio.
   */
  function syncPlaylist(seconds) {
    let durationSecondSelectors = document.querySelectorAll(
      '.amplitude-duration-seconds[data-amplitude-playlist="' +
        config.active_playlist +
        '"]'
    );
 
    for (let i = 0; i < durationSecondSelectors.length; i++) {
      let songIndex = durationSecondSelectors[i].getAttribute(
        "data-amplitude-song-index"
      );
 
      if (songIndex == null) {
        durationSecondSelectors[i].innerHTML = seconds;
      }
    }
  }
 
  /**
   * Syncs the song duration seconds.
   *
   * @param {Integer} seconds - The duration seconds for the audio.
   */
  function syncSong(seconds) {
    if (config.active_playlist == null) {
      let durationSecondSelectors = document.querySelectorAll(
        '.amplitude-duration-seconds[data-amplitude-song-index="' +
          config.active_index +
          '"]'
      );
 
      for (let i = 0; i < durationSecondSelectors.length; i++) {
        let playlist = durationSecondSelectors[i].getAttribute(
          "data--amplitude-playlist"
        );
 
        if (playlist == null) {
          durationSecondSelectors[i].innerHTML = seconds;
        }
      }
    }
  }
 
  /**
   * Syncs the song in playlist duration seconds.
   *
   * @param {Integer} seconds - The duration seconds of the audio.
   */
  function syncSongInPlaylist(seconds) {
    let activePlaylistIndex =
      config.active_playlist != "" && config.active_playlist != null
        ? config.playlists[config.active_playlist].active_index
        : null;
 
    let durationSecondSelectors = document.querySelectorAll(
      '.amplitude-duration-seconds[data-amplitude-playlist="' +
        config.active_playlist +
        '"][data-amplitude-song-index="' +
        activePlaylistIndex +
        '"]'
    );
 
    for (let i = 0; i < durationSecondSelectors.length; i++) {
      durationSecondSelectors[i].innerHTML = seconds;
    }
  }
 
  /**
   * Resets the duration seconds elements to '00'
   */
  function resetTimes() {
    let durationSecondSelectors = document.querySelectorAll(
      ".amplitude-duration-seconds"
    );
 
    for (let i = 0; i < durationSecondSelectors.length; i++) {
      durationSecondSelectors[i].innerHTML = "00";
    }
  }
 
  /**
   * Returns the publically facing methods.
   */
  return {
    sync: sync,
    resetTimes: resetTimes
  };
})();
 
export default DurationSecondElements;