Function showPreview

ts/menu_ts.ts:2852–2915

(element: boolean)

}

function showPreview(element: boolean) {

  var div = document.getElementById("myStreamsBox")
  switch (element) {

    case false:
      div.className = "notVisible"
      return
      break;
  }

  var streams: string[] = ["activeStreams", "inactiveStreams"]

  streams.forEach(preview => {

    var table = document.getElementById(preview)
    table.innerHTML = ""
    var obj: string[] = SERVER["data"]["StreamPreviewUI"][preview]

    var caption = document.createElement("CAPTION")
    var result = preview.replace( /([A-Z])/g, " $1" );
    var finalResult = result.charAt(0).toUpperCase() + result.slice(1);
    caption.innerHTML = finalResult
    table.appendChild(caption)

    var tbody = document.createElement("TBODY")
    table.appendChild(tbody)

    obj.slice(0, 1000).forEach(channel => {

      var tr = document.createElement("TR")
      var tdKey = document.createElement("TD")
      var tdVal = document.createElement("TD")

      tdKey.className = "tdKey"
      tdVal.className = "tdVal"

      switch (preview) {
        case "activeStreams":
          tdKey.innerText = "Channel: (+)"
          break;

        case "inactiveStreams":
          tdKey.innerText = "Channel: (-)"
          break;
      }

      tdVal.innerText = channel
      tr.appendChild(tdKey)
      tr.appendChild(tdVal)

      tbody.appendChild(tr)

      table.appendChild(tr)

    });

  });