| 2288 | return; |
| 2289 | } |
| 2290 | function showPreview(element) { |
| 2291 | var div = document.getElementById("myStreamsBox"); |
| 2292 | switch (element) { |
| 2293 | case false: |
| 2294 | div.className = "notVisible"; |
| 2295 | return; |
| 2296 | break; |
| 2297 | } |
| 2298 | var streams = ["activeStreams", "inactiveStreams"]; |
| 2299 | streams.forEach(preview => { |
| 2300 | var table = document.getElementById(preview); |
| 2301 | table.innerHTML = ""; |
| 2302 | var obj = SERVER["data"]["StreamPreviewUI"][preview]; |
| 2303 | var caption = document.createElement("CAPTION"); |
| 2304 | var result = preview.replace(/([A-Z])/g, " $1"); |
| 2305 | var finalResult = result.charAt(0).toUpperCase() + result.slice(1); |
| 2306 | caption.innerHTML = finalResult; |
| 2307 | table.appendChild(caption); |
| 2308 | var tbody = document.createElement("TBODY"); |
| 2309 | table.appendChild(tbody); |
| 2310 | obj.slice(0, 1000).forEach(channel => { |
| 2311 | var tr = document.createElement("TR"); |
| 2312 | var tdKey = document.createElement("TD"); |
| 2313 | var tdVal = document.createElement("TD"); |
| 2314 | tdKey.className = "tdKey"; |
| 2315 | tdVal.className = "tdVal"; |
| 2316 | switch (preview) { |
| 2317 | case "activeStreams": |
| 2318 | tdKey.innerText = "Channel: (+)"; |
| 2319 | break; |
| 2320 | case "inactiveStreams": |
| 2321 | tdKey.innerText = "Channel: (-)"; |
| 2322 | break; |
| 2323 | } |
| 2324 | tdVal.innerText = channel; |
| 2325 | tr.appendChild(tdKey); |
| 2326 | tr.appendChild(tdVal); |
| 2327 | tbody.appendChild(tr); |
| 2328 | table.appendChild(tr); |
| 2329 | }); |
| 2330 | }); |
| 2331 | // showElement("loading", false) |
| 2332 | div.className = "visible"; |
| 2333 | return; |
| 2334 | } |
| 2335 | document.addEventListener("DOMContentLoaded", function () { |
| 2336 | var backToTopButton = document.createElement("button"); |
| 2337 | backToTopButton.id = "back-to-top"; |