Enhance XEPG channel mapping and settings management

ts/menu_ts.ts

@@ -1055,6 +1055,35 @@ function PageReady() {
   return
 }
 
+function isClientInfoHttpURL(value:string):boolean {
+  return /^https?:\/\//i.test(value)
+}
+
+function setClientInfoValue(key:string, value:any) {
+  var element = document.getElementById(key)
+  if (element == null) {
+    return
+  }
+
+  var textValue = ""
+  if (value != undefined && value != null) {
+    textValue = String(value)
+  }
+
+  if ((key == "m3u-url" || key == "xepg-url") && isClientInfoHttpURL(textValue)) {
+    element.innerHTML = ""
+    var anchor = document.createElement("A")
+    anchor.href = textValue
+    anchor.target = "_blank"
+    anchor.rel = "noopener noreferrer"
+    anchor.textContent = textValue
+    element.appendChild(anchor)
+    return
+  }
+
+  element.innerHTML = textValue
+}
+
 function createLayout() {
 
   // Client Info
@@ -1062,9 +1091,7 @@ function createLayout() {
   var keys = getObjKeys(obj);
   for (var i = 0; i < keys.length; i++) {
     
-    if (document.getElementById(keys[i])) {
-      document.getElementById(keys[i]).innerHTML = obj[keys[i]];
-    }
+    setClientInfoValue(keys[i], obj[keys[i]])
   
   }
   renderStatusCards()