diff --git a/index.js b/index.js
index 484e691..cfe1f39 100644
--- a/index.js
+++ b/index.js
@@ -21,7 +21,7 @@ const ChannelDB = require("./src/dao/channel-db");
 const M3uService = require("./src/services/m3u-service");
 const FillerDB = require("./src/dao/filler-db");
 const CustomShowDB = require("./src/dao/custom-show-db");
-const TVGuideService = require("./src/tv-guide-service");
+const TVGuideService = require("./src/services/tv-guide-service");
 const EventService = require("./src/services/event-service");
 const onShutdown = require("node-graceful-shutdown").onShutdown;
 
diff --git a/package.json b/package.json
index 2a054bd..708d509 100644
--- a/package.json
+++ b/package.json
@@ -13,8 +13,8 @@
     "package": "sh ./make_dist.sh",
     "clean": "del-cli --force ./bin ./dist ./.dizquetv ./web/public/bundle.js"
   },
-  "author": "Dan Ferguson",
-  "license": "ISC",
+  "author": "vexorian",
+  "license": "Zlib",
   "dependencies": {
     "JSONStream": "1.0.5",
     "angular": "^1.8.0",
@@ -22,7 +22,8 @@
     "angular-vs-repeat": "2.0.13",
     "axios": "^0.21.1",
     "body-parser": "^1.19.0",
-    "diskdb": "^0.1.17",
+    "merge" : "2.1.1",
+    "diskdb": "0.1.17",
     "express": "^4.17.1",
     "express-fileupload": "^1.2.1",
     "node-graceful-shutdown": "1.1.0",
diff --git a/src/api.js b/src/api.js
index a00501a..64599bc 100644
--- a/src/api.js
+++ b/src/api.js
@@ -12,6 +12,7 @@ const Plex = require("./plex.js");
 
 const timeSlotsService = require('./services/time-slots-service');
 const randomSlotsService = require('./services/random-slots-service');
+const throttle = require('./services/throttle');
 
 function safeString(object) {
   let o = object;
@@ -280,10 +281,10 @@ function api(db, channelDB, fillerDB, customShowDB, xmltvInterval,  guideService
             return res.status(404).send("Channel doesn't have programs?");
           }
           res.writeHead(200, {
-            'Content-Type': 'application.json'
+            'Content-Type': 'application/json'
           });
 
-          let transformStream = JSONStream.stringify(); //false makes it not add 'separators'
+          let transformStream = JSONStream.stringify();
           transformStream.pipe(res);
 
           for (let i = 0; i < programs.length; i++) {
@@ -1002,7 +1003,7 @@ function api(db, channelDB, fillerDB, customShowDB, xmltvInterval,  guideService
           console.error("time slots error: " + toolRes.userError);
           return res.status(400).send(toolRes.userError);
         }
-        res.status(200).send(toolRes);
+        await streamToolResult(toolRes, res);
       } catch(err) {
         console.error(err);
         res.status(500).send("Internal error");
@@ -1016,7 +1017,7 @@ function api(db, channelDB, fillerDB, customShowDB, xmltvInterval,  guideService
           console.error("random slots error: " + toolRes.userError);
           return res.status(400).send(toolRes.userError);
         }
-        res.status(200).send(toolRes);
+        await streamToolResult(toolRes, res);
       } catch(err) {
         console.error(err);
         res.status(500).send("Internal error");
@@ -1068,13 +1069,32 @@ function api(db, channelDB, fillerDB, customShowDB, xmltvInterval,  guideService
         channel.fallback.forEach( cleanUpProgram );
     }
 
+    async function streamToolResult(toolRes, res) {
+      let programs = toolRes.programs;
+      delete toolRes.programs;
+      let s = JSON.stringify(toolRes);
+      s = s.slice(0, -1);
+      console.log( JSON.stringify(toolRes));
+
+      res.writeHead(200, {
+        'Content-Type': 'application/json'
+      });
+
+      let transformStream = JSONStream.stringify(
+        s + ',"programs":[',
+        ',' ,
+        ']}');
+      transformStream.pipe(res);
+
+      for (let i = 0; i < programs.length; i++) {
+        transformStream.write( programs[i] );
+        await throttle();
+      }
+      transformStream.end();
+    }
+
 
     return router
 }
 
 
-async  function throttle() {
-  return new Promise((resolve) => {
-      setImmediate(() => resolve());
-  });
-}
diff --git a/src/services/random-slots-service.js b/src/services/random-slots-service.js
index 2cc6064..5cac49c 100644
--- a/src/services/random-slots-service.js
+++ b/src/services/random-slots-service.js
@@ -1,6 +1,8 @@
 const constants = require("../constants");
 const getShowData = require("./get-show-data")();
 const random = require('../helperFuncs').random;
+const throttle = require('./throttle');
+
 
 const MINUTE = 60*1000;
 const DAY = 24*60*MINUTE;
@@ -192,12 +194,6 @@ module.exports = async( programs, schedule  ) => {
 
     // throttle so that the stream is not affected negatively
     let steps = 0;
-    let throttle = async() => {
-        if (steps++ == 10) {
-            steps = 0;
-            await _wait(1);
-        }
-    }
 
     let showsById = {};
     let shows = [];
diff --git a/src/services/throttle.js b/src/services/throttle.js
new file mode 100644
index 0000000..80e34f1
--- /dev/null
+++ b/src/services/throttle.js
@@ -0,0 +1,6 @@
+//Adds a slight pause so that long operations
+module.exports = function() {
+    return new Promise((resolve) => {
+        setImmediate(() => resolve());
+    });
+}
diff --git a/src/services/time-slots-service.js b/src/services/time-slots-service.js
index 64b6115..fe6b6a8 100644
--- a/src/services/time-slots-service.js
+++ b/src/services/time-slots-service.js
@@ -3,6 +3,7 @@ const constants = require("../constants");
 
 const getShowData = require("./get-show-data")();
 const random = require('../helperFuncs').random;
+const throttle = require('./throttle');
 
 const MINUTE = 60*1000;
 const DAY = 24*60*MINUTE;
@@ -200,12 +201,6 @@ module.exports = async( programs, schedule  ) => {
 
     // throttle so that the stream is not affected negatively
     let steps = 0;
-    let throttle = async() => {
-        if (steps++ == 10) {
-            steps = 0;
-            await _wait(1);
-        }
-    }
 
     let showsById = {};
     let shows = [];
diff --git a/src/tv-guide-service.js b/src/services/tv-guide-service.js
similarity index 99%
rename from src/tv-guide-service.js
rename to src/services/tv-guide-service.js
index 84027be..cd3160d 100644
--- a/src/tv-guide-service.js
+++ b/src/services/tv-guide-service.js
@@ -1,6 +1,7 @@
 
-const constants = require("./constants");
+const constants = require("../constants");
 const  FALLBACK_ICON = "https://raw.githubusercontent.com/vexorain/dizquetv/main/resources/dizquetv.png";
+const throttle = require('./throttle');
 
 class TVGuideService
 {
@@ -18,6 +19,7 @@ class TVGuideService
         this.db = db;
         this.cacheImageService = cacheImageService;
         this.eventService = eventService;
+        this._throttle = throttle;
     }
 
     async get() {
@@ -355,11 +357,6 @@ class TVGuideService
         }
     }
 
-    _throttle() {
-        return new Promise((resolve) => {
-            setImmediate(() => resolve());
-        });
-    }
 
     async refreshXML() {
         let xmltvSettings = this.db['xmltv-settings'].find()[0];
diff --git a/web/public/index.html b/web/public/index.html
index f198895..201bd08 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -15,7 +15,7 @@
 <body ng-app="myApp" style="min-width: 340px;">
     <div class="container-fluid">
         <h1>
-            <a href="#!/guide"><img id='dizquetv-logo' src="images/dizquetv.png" alt="logo" /></a>
+            <a href="#!/guide"><img id='dizquetv-logo' src="images/dizquetv.png" alt="logo" ></a>
             dizqueTV
             <small class="pull-right" style="padding: 5px;">
                 <a href="https://github.com/vexorian/dizquetv" title='Git Repository'> 
@@ -42,7 +42,7 @@
                 <a href="/api/channels.m3u">M3U <span class="far fa-file-video"></span></a>
             </span>
         </span>
-        <hr/>
+        <hr></hr>
         <div ng-view></div>
         <toast-notifications></toast-notifications>
     </div>
diff --git a/web/public/templates/channel-config.html b/web/public/templates/channel-config.html
index 1a6f8ac..baf082d 100644
--- a/web/public/templates/channel-config.html
+++ b/web/public/templates/channel-config.html
@@ -63,7 +63,7 @@
                         <br></br>
                         <div>
                             <h6>Preview</h6>
-                            <img ng-if="channel.icon !== ''" ng-src="{{channel.icon}}" alt="{{channel.name}}" style="max-height: 120px;"/>
+                            <img ng-if="channel.icon !== ''" ng-src="{{channel.icon}}" alt="{{channel.name}}" style="max-height: 120px;"></img>
                             <span ng-if="channel.icon === ''">{{channel.name}}</span>
                         </div>
                     </div>
@@ -318,9 +318,9 @@
                                       <div class="input-group">
                                           <div class="input-group-prepend">
                                               <select class="custom-select" ng-model="nightStart"
-                                              ng-options="o.id as o.description for o in nightStartHours" />
+                                              ng-options="o.id as o.description for o in nightStartHours" ></select>
                                               <select class="custom-select" ng-model="nightEnd"
-                                              ng-options="o.id as o.description for o in nightEndHours" />
+                                              ng-options="o.id as o.description for o in nightEndHours" ></select>
                                           </div>
                                           <button class="btn btn-sm btn-warning form-control form-control-sm" type="button" ng-click="nightChannel(nightStart, nightEnd)" ng-disabled="nightStart==-1 || nightEnd==-1" title='Restrict Hours' >
                                               
@@ -334,7 +334,7 @@
                                     <div class="input-group">
                                         <div class="input-group-prepend">
                                             <select class="custom-select" ng-model="paddingOption"
-                                            ng-options="o as o.description for o in paddingOptions" />
+                                            ng-options="o as o.description for o in paddingOptions" ></select>
 
                                         </div>
                                         <button ng-disabled="disablePadding()" class="btn btn-sm btn-warning form-control form-control-sm" type="button" ng-click="padTimes(paddingOption.id, paddingOption.allow5)"  title='Pad Times' >
@@ -348,11 +348,11 @@
                                     <div class="input-group">
                                         <div class="input-group-prepend">
                                             <select class="custom-select" style="width:5em" ng-model="breakAfter"
-                                            ng-options="o.id as o.description for o in breakAfterOptions" />
+                                            ng-options="o.id as o.description for o in breakAfterOptions" ></select>
                                             <select class="custom-select" style="width:5em" ng-model="minBreakSize"
-                                            ng-options="o.id as o.description for o in minBreakSizeOptions" />
+                                            ng-options="o.id as o.description for o in minBreakSizeOptions" ></select>
                                             <select class="custom-select" style="width:5em" ng-model="maxBreakSize"
-                                            ng-options="o.id as o.description for o in maxBreakSizeOptions" />
+                                            ng-options="o.id as o.description for o in maxBreakSizeOptions" ></select>
                                         </div>
                                         <button class="btn btn-sm btn-warning form-control form-control-sm" type="button" ng-click="addBreaks(breakAfter, minBreakSize, maxBreakSize)" ng-disabled="breaksDisabled()"  title='Add Breaks' >
                                             <i class='fa fa-coffee'></i> Add Breaks
@@ -553,7 +553,7 @@
 
                     <div class='row' ng-show="channel.offlineMode == 'pic'" >
                         <div class="col-md-3">
-                            <img ng-src="{{channel.offlinePicture}}" alt="Fallback preview" style="max-height: 120px;"/>
+                            <img ng-src="{{channel.offlinePicture}}" alt="Fallback preview" style="max-height: 120px;"></img>
                         </div>
                         <div class="col-md-9">
                             <div>
diff --git a/web/public/templates/ffmpeg-settings.html b/web/public/templates/ffmpeg-settings.html
index 8ebd3ff..ac6032b 100644
--- a/web/public/templates/ffmpeg-settings.html
+++ b/web/public/templates/ffmpeg-settings.html
@@ -9,16 +9,16 @@
         </button>
     </h5>
     <h6>FFMPEG Executable Path (eg: C:\ffmpeg\bin\ffmpeg.exe || /usr/bin/ffmpeg)</h6>
-    <input type="text" class="form-control form-control-sm" ria-describedby="ffmpegHelp" ng-model="settings.ffmpegPath"/>
+    <input type="text" class="form-control form-control-sm" ria-describedby="ffmpegHelp" ng-model="settings.ffmpegPath"></input>
     <small id="ffmpegHelp" class="form-text text-muted">FFMPEG version 4.2+ required. Check by opening the version tab</small>
-    <hr/>
+    <hr></hr>
     <h6>Miscellaneous Options</h6>
     <div class="row">
         <div class="col-sm-4">
             <div class="form-group">
                 <div class="form-group">
                     <label>Threads</label>
-                    <input type="number" class="form-control form-control-sm" ng-model="settings.threads"/>
+                    <input type="number" class="form-control form-control-sm" ng-model="settings.threads"></input>
                 </div>
             </div>
         </div>
@@ -26,7 +26,7 @@
             <div class="form-group">
                 <label>Logging</label>
                 <br>
-                <input id="logFfmpeg" type="checkbox" ng-model="settings.logFfmpeg"/>
+                <input id="logFfmpeg" type="checkbox" ng-model="settings.logFfmpeg"></input>
                 <label for="logFfmpeg">Log FFMPEG to console</label>
             </div>
         </div>
@@ -36,35 +36,35 @@
             <div class="form-group">
                 <label>Video Buffer</label>
                 <select ng-model="settings.concatMuxDelay" ria-describedby="concatMuxDelayHelp"
-                    ng-options="o.id as o.description for o in muxDelayOptions" />
+                    ng-options="o.id as o.description for o in muxDelayOptions" ></select>
                 <small id="concatMuxDelayHelp" class="form-text text-muted">Note: If you experience playback issues upon stream start, try increasing this.</small>
             </div>
         </div>
     </div>
-    <hr/>
+    <hr></hr>
     <h6>Transcoding Features</h6>
     <div class="row">
         <div class="col-sm-9">
-            <input id=enableFFMPEGTranscoding" type="checkbox" ng-model="settings.enableFFMPEGTranscoding"  />
+            <input id=enableFFMPEGTranscoding" type="checkbox" ng-model="settings.enableFFMPEGTranscoding"  ></input>
             <label for="enableFFMPEGTranscoding">Enable FFMPEG Transcoding</label>
             <small class="form-text text-muted">Transcoding is required for some features like channel overlay and measures to prevent issues when switching episodes. The trade-off is quality loss and additional computing resource requirements.
             </small>
         </div>
     </div>
-    <br />
+    <br ></br>
 
     <div class="form-group" ng-hide="isTranscodingNotNeeded()" >
 
         <div class="row">
             <div class="col-sm-9">
                 <label>Preferred Resolution</label>
-                <select ng-model="settings.targetResolution" ria-describedby="concatMuxDelayHelp" ng-options="o.id as o.description for o in resolutionOptions" />
+                <select ng-model="settings.targetResolution" ria-describedby="concatMuxDelayHelp" ng-options="o.id as o.description for o in resolutionOptions" ></select>
             </div>
         </div>
         <div class="row">
             <div class="col-sm-4">
                 <label>Video Encoder</label>
-                <input type="text" class="form-control form-control-sm" ng-model="settings.videoEncoder" ria-describedby="videoEncoderHelp"/>
+                <input type="text" class="form-control form-control-sm" ng-model="settings.videoEncoder" ria-describedby="videoEncoderHelp"></input>
                 <small id="videoEncoderHelp" class="form-text text-muted">Some possible values are:</small>
                 <small id="videoEncoderHelp" class="form-text text-muted">h264 with Intel Quick Sync: h264_qsv</small>
                 <small id="videoEncoderHelp" class="form-text text-muted">MPEG2 with Intel Quick Sync: mpeg2_qsv</small>
@@ -73,10 +73,10 @@
                 <small id="videoEncoderHelp" class="form-text text-muted">H264: libx264</small>
                 <small id="videoEncoderHelp" class="form-text text-muted">MacOS: h264_videotoolbox</small>
             </div>
-            <div class="col-sm-1" />
+            <div class="col-sm-1" ></div>
             <div class="col-sm-4">
                 <label>Audio Encoder</label>
-                <input type="text" class="form-control form-control-sm" ng-model="settings.audioEncoder" ria-describedby="audioEncoderHelp"/>
+                <input type="text" class="form-control form-control-sm" ng-model="settings.audioEncoder" ria-describedby="audioEncoderHelp"></input>
                 <small id="audioEncoderHelp" class="form-text text-muted">Some possible values are:</small>
                 <small id="audioEncoderHelp" class="form-text text-muted">aac</small>
                 <small id="audioEncoderHelp" class="form-text text-muted">ac3 (default), ac3_fixed</small>
@@ -84,26 +84,26 @@
                 <small id="audioEncoderHelp" class="form-text text-muted">libmp3lame</small>
             </div>
         </div>
-        <br />
+        <br ></br>
         <div class="form-group">
             <label>Video Bitrate (k)</label>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.videoBitrate"/>
-            <br />
+            <input type="number" class="form-control form-control-sm" ng-model="settings.videoBitrate"></input>
+            <br ></br>
             <label>Video Buffer Size (k)</label>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.videoBufSize"/>
-            <br />
+            <input type="number" class="form-control form-control-sm" ng-model="settings.videoBufSize"></input>
+            <br ></br>
             <label>Max Frame Rate</label>
             <select class='form-control custom-select'  ng-model="settings.maxFPS" ria-describedby="fpsHelp"
             ng-options="o.id as o.description for o in fpsOptions" ></select>
             <small id='fpsHelp' class='form-text text-muted'>Will transcode videos that have FPS higher than this.</small>
 
-            <br />
+            <br ></br>
             <label>Scaling Algorithm</label>
             <select class='form-control custom-select'  ng-model="settings.scalingAlgorithm" ria-describedby="scalingHelp"
             ng-options="o.id as o.description for o in scalingOptions" ></select>
             <small id='scalingHelp' class='form-text text-muted'>Scaling algorithm to use when the transcoder needs to change the video size.</small>
 
-            <br />
+            <br ></br>
             <label>Deinterlace Filter</label>
             <select class='form-control custom-select'  ng-model="settings.deinterlaceFilter" ria-describedby="deinterlaceHelp"
             ng-options="o.value as o.description for o in deinterlaceOptions" ></select>
@@ -112,20 +112,20 @@
 
         <div class="form-group">
             <label>Audio Bitrate (k)</label>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.audioBitrate"/>
-            <br />
+            <input type="number" class="form-control form-control-sm" ng-model="settings.audioBitrate"></input>
+            <br ></br>
             <label>Audio Buffer Size (k)</label>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.audioBufSize"/>
-            <br />
+            <input type="number" class="form-control form-control-sm" ng-model="settings.audioBufSize"></input>
+            <br ></br>
             <label>Audio Volume (%)</label>
-            <input type="number" ria-describedby="volumeHelp" class="form-control form-control-sm" ng-model="settings.audioVolumePercent"/>
+            <input type="number" ria-describedby="volumeHelp" class="form-control form-control-sm" ng-model="settings.audioVolumePercent"></input>
             <small id="volumeHelp" class="form-text text-muted">Values higher than 100 will boost the audio.</small>
-            <br />
+            <br ></br>
             <label>Audio Channels</label>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.audioChannels"/>
-            <br />
+            <input type="number" class="form-control form-control-sm" ng-model="settings.audioChannels"></input>
+            <br ></br>
             <label>Audio Sample Rate (k)</label>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.audioSampleRate"/>
+            <input type="number" class="form-control form-control-sm" ng-model="settings.audioSampleRate"></input>
         </div>
 
 
@@ -133,10 +133,10 @@
             <div>
                 <label>Error Screen:</label>
                 <select ng-model="settings.errorScreen" ria-describedby="errorHelp"
-                    ng-options="o.value as o.description for o in errorScreens" />
+                    ng-options="o.value as o.description for o in errorScreens" ></select>
                 <label>Audio:</label>
                 <select ng-model="settings.errorAudio" ria-describedby="errorHelp"
-                    ng-options="o.value as o.description for o in errorAudios" />
+                    ng-options="o.value as o.description for o in errorAudios" ></select>
             </div>
 
             <small id="errorHelp" class="form-text text-muted">If there are issues playing a video, dizqueTV will try to use an error screen as a placeholder while retrying loading the video every 60 seconds.</small>
@@ -146,7 +146,7 @@
         <div class="row">
             <div class="col-sm-9">
                 <div class="form-group">
-                    <input id="enableNormalizeResolution" type="checkbox" ng-model="settings.normalizeResolution" ng-disabled="isTranscodingNotNeeded()" />
+                    <input id="enableNormalizeResolution" type="checkbox" ng-model="settings.normalizeResolution" ng-disabled="isTranscodingNotNeeded()" ></input>
                     <label for="enableNormalizeResolution">Normalize Resolution</label>
                     <small class="form-text text-muted">Some clients experience issues when the video stream changes resolution. This option will make dizqueTV convert all videos to the preferred resolution selected above. Otherwise, the preferred resolution will be used as a maximum resolution for transcoding.
                     </small>
@@ -154,16 +154,16 @@
             </div>
         </div>
 
-        <br />
+        <br ></br>
         <div class="row">
             <div class="col-sm-9">
                 <div class="form-group row">
                     <div class="col-sm-4">
-                        <input id="enableNormalizeVideoCodec" type="checkbox" ng-model="settings.normalizeVideoCodec" ng-disabled="isTranscodingNotNeeded()" />
+                        <input id="enableNormalizeVideoCodec" type="checkbox" ng-model="settings.normalizeVideoCodec" ng-disabled="isTranscodingNotNeeded()" ></input>
                         <label for="enableNormalizeVideoCodec">Normalize Video Codec</label>
                     </div>
                     <div class="col-sm-4">
-                        <input id="enableNormalizeAudioCodec" type="checkbox" ng-model="settings.normalizeAudioCodec" ng-disabled="isTranscodingNotNeeded()" />
+                        <input id="enableNormalizeAudioCodec" type="checkbox" ng-model="settings.normalizeAudioCodec" ng-disabled="isTranscodingNotNeeded()" ></input>
                         <label for="enableNormalizeAudioCodec">Normalize Audio Codec</label>
                     </div>
                 </div>
@@ -172,11 +172,11 @@
             </div>
         </div>
 
-        <br />
+        <br ></br>
         <div class="row">
             <div class="col-sm-9">
                 <div class="form-group">
-                    <input id="enableAlignAudio" type="checkbox" ng-model="settings.normalizeAudio" ng-disabled="isTranscodingNotNeeded()" />
+                    <input id="enableAlignAudio" type="checkbox" ng-model="settings.normalizeAudio" ng-disabled="isTranscodingNotNeeded()" ></input>
                     <label for="enableAlignAudio">Normalize Audio</label>
                     <small class="form-text text-muted">This will force the preferred number of audio channels and sample rate, in addition it will align the lengths of the audio and video channels. This will prevent audio-related episode transition issues in many clients. Audio will always be transcoded.
                     </small>
@@ -184,11 +184,11 @@
             </div>
         </div>
 
-        <br />
+        <br ></br>
         <div class="row">
             <div class="col-sm-9">
                 <div class="form-group">
-                    <input id="disableOverlay" type="checkbox" ng-model="settings.disableChannelOverlay" ng-disabled="isTranscodingNotNeeded()" />
+                    <input id="disableOverlay" type="checkbox" ng-model="settings.disableChannelOverlay" ng-disabled="isTranscodingNotNeeded()" ></input>
                     <label for="disableOverlay">Disable Channel Watermark Globally</label>
                     <small class="form-text text-muted">Toggling this option will disable channel watermarks regardless of channel settings.
                     </small>
diff --git a/web/public/templates/filler-config.html b/web/public/templates/filler-config.html
index ca73a27..148506a 100644
--- a/web/public/templates/filler-config.html
+++ b/web/public/templates/filler-config.html
@@ -19,7 +19,7 @@
                             <div class="programming-counter small" ng-show="content.length > 0">
                                 <span class="small"><b>Total:</b> {{content.length}}</span>
                             </div>
-                            <div class='flex-pull-right' />
+                            <div class='flex-pull-right' ></div>
                             <div>
                                 <button class="btn btn-sm btn-secondary btn-programming-tools"
                                 ng-click="showTools = !showTools"
@@ -77,7 +77,7 @@
                         <div class="program-start" >
                             {{durationString(x.duration)}}
                         </div>
-                        <div ng-style="programSquareStyle(x, false)" />
+                        <div ng-style="programSquareStyle(x, false)" ></div>
                         <div class="title" >
                             {{x.title}}
                         </div>
diff --git a/web/public/templates/flex-config.html b/web/public/templates/flex-config.html
index 090d463..0ea110a 100644
--- a/web/public/templates/flex-config.html
+++ b/web/public/templates/flex-config.html
@@ -10,7 +10,7 @@
     
                 <div class="modal-body container">
                     <label>Duration (Seconds): <span class="text-danger pull-right">{{error.duration}}</span></label>
-                    <input type="number" class="form-control form-control-sm" ng-model="program.durationSeconds" ng-pattern="/^([1-9][0-9]*)$/"/>
+                    <input type="number" class="form-control form-control-sm" ng-model="program.durationSeconds" ng-pattern="/^([1-9][0-9]*)$/"></input>
 
 
 
diff --git a/web/public/templates/hdhr-settings.html b/web/public/templates/hdhr-settings.html
index c00b6d3..32ea8fd 100644
--- a/web/public/templates/hdhr-settings.html
+++ b/web/public/templates/hdhr-settings.html
@@ -7,7 +7,7 @@
             Reset Options
         </button>
     </h5>
-    <br/>
+    <br></br>
     <div class="row">
         <div class="col-sm-6">
             <h6>Auto-Discovery</h6>
@@ -21,7 +21,7 @@
             <h6>Tuner Count
                 <span class="pull-right text-danger">{{error.tunerCount}}</span>
             </h6>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.tunerCount"/>
+            <input type="number" class="form-control form-control-sm" ng-model="settings.tunerCount"></input>
         </div>
     </div>
     
diff --git a/web/public/templates/plex-library.html b/web/public/templates/plex-library.html
index 7c678e1..5fd6218 100644
--- a/web/public/templates/plex-library.html
+++ b/web/public/templates/plex-library.html
@@ -6,16 +6,16 @@
                     <h5 class="modal-title">Library</h5>
                 </div>
                 <div class="model-body">
-                    <br/>
-                    <br/>
-                    <br/>
-                    <br/>
+                    <br></br>
+                    <br></br>
+                    <br></br>
+                    <br></br>
                     <p class="text-center">Configure your Plex Server(s) in <a href="/#!/settings#plex">Settings</a></p>
-                    <br/>
-                    <br/>
-                    <br/>
-                    <br/>
-                    <br/>
+                    <br></br>
+                    <br></br>
+                    <br></br>
+                    <br></br>
+                    <br></br>
                 </div>
             </div>
 
@@ -24,18 +24,18 @@
                     <h5 class="modal-title">Library</h5>
                     <span class="pull-right">
                         <label class="small" for="displayImages">Thumbnails</label>&nbsp;
-                        <input id="displayImages" type="checkbox" ng-model="displayImages" />&nbsp;
+                        <input id="displayImages" type="checkbox" ng-model="displayImages" ></input>&nbsp;
                     </span>
                 </div>
                 <div class="modal-body">
                     <select class="form-control form-control-sm custom-select" ng-model="currentOrigin"
                         ng-options="x.name for x in origins" ng-change="selectOrigin(currentOrigin)"></select>
-                    <hr />
+                    <hr ></hr>
                     <ul ng-show="currentOrigin.type=='plex' " class="list-group list-group-root plex-panel" ng-init="setHeight = {'height': height + 'px'}" ng-style="setHeight" lazy-img-container>
                         <li class="list-group-item" ng-repeat="a in libraries">
                             <div class="flex-container {{ displayImages ? 'w_images' : 'wo_images' }}" ng-click="getNested(a, true);">
                                 <span class="fa {{ a.collapse ? 'fa-chevron-down' : 'fa-chevron-right' }} tab"></span>
-                                <img ng-if="displayImages" lazy-img="{{a.icon}}" />
+                                <img ng-if="displayImages" lazy-img="{{a.icon}}" ></img>
                                 <span>{{ displayTitle(a) }}</span><!-- Library -->
                                 <span ng-if="a.type === 'show' || a.type === 'movie' || a.type === 'artist'" class="flex-pull-right" ng-click='$event.stopPropagation(); selectLibrary(a)'>
                                     <span class="fa fa-plus btn"></span>
@@ -49,7 +49,7 @@
                                         <span ng-if="b.type === 'movie'" class="fa fa-plus-circle tab"></span>
                                         <span ng-if="b.type !== 'movie'" class="tab"></span>
                                         <span ng-if="b.type !== 'movie'" class="fa {{ b.collapse ? 'fa-chevron-down' : 'fa-chevron-right' }} tab"></span>
-                                        <img ng-if="displayImages" lazy-img="{{ b.type === 'episode' ? b.episodeIcon : b.icon }}" />
+                                        <img ng-if="displayImages" lazy-img="{{ b.type === 'episode' ? b.episodeIcon : b.icon }}" ></img>
                                         {{ displayTitle(b) }}
                                         <span ng-if="b.type === 'movie'" class="flex-pull-right">
                                             {{b.durationStr}}
@@ -74,7 +74,7 @@
                                                     class="tab"></span>
                                                 <span ng-if="c.type !== 'movie' && c.type !== 'episode' && c.type !== 'track'"
                                                     class="fa {{ c.collapse ? 'fa-chevron-down' : 'fa-chevron-right' }} tab"></span>
-                                                <img ng-if="displayImages" lazy-img="{{c.type === 'episode' ? c.episodeIcon : c.icon }}" />
+                                                <img ng-if="displayImages" lazy-img="{{c.type === 'episode' ? c.episodeIcon : c.icon }}" ></img>
                                                 {{ displayTitle(c) }}
                                                 <span ng-if="c.type === 'movie' || c.type === 'episode' || c.type === 'track' "
                                                     class="flex-pull-right">
@@ -89,7 +89,7 @@
                                                     ng-repeat="d in c.nested">
                                                     <div class="flex-container" ng-click="selectItem(d, true)">
                                                         <span class="fa fa-plus-circle tab"></span>
-                                                        <img ng-if="displayImages" lazy-img="{{d.episodeIcon}}" />
+                                                        <img ng-if="displayImages" lazy-img="{{d.episodeIcon}}" ></img>
                                                         {{ displayTitle(d) }}
                                                         <span class="flex-pull-right">{{d.durationStr}}</span>
                                                         <!-- Episode -->
@@ -112,7 +112,7 @@
                         </li>
                     </ul>
 
-                    <hr/>
+                    <hr></hr>
                     <div class="loader" ng-if="pending &gt; 0" ></div> <h6 style='display:inline-block'>Selected Items</h6>
                     
                     <div class="text-info small" ng-show='selection.length &gt; 10'>{{ selection.length }} elements added in total. Only the last 10 elements are displayed:</div>
diff --git a/web/public/templates/plex-settings.html b/web/public/templates/plex-settings.html
index b5dfb39..158b224 100644
--- a/web/public/templates/plex-settings.html
+++ b/web/public/templates/plex-settings.html
@@ -78,18 +78,18 @@
 <div class="row" >
     <div class="col-sm-3">
         <div class="form-group">
-            <input id="debugLogging" type="checkbox" ng-model="settings.debugLogging"/>
+            <input id="debugLogging" type="checkbox" ng-model="settings.debugLogging"></input>
             <label for="debugLogging">Debug logging</label>
         </div>
         <div class="form-group">
             <label>Paths</label>
             <select ng-model="settings.streamPath" 
-                ng-options="o.id as o.description for o in pathOptions" />
+                ng-options="o.id as o.description for o in pathOptions" ></select>
         </div>
     </div>
     <div class="col-sm-3">
         <div class="form-group">
-            <input id="updatePlayStatus" type="checkbox" ng-model="settings.updatePlayStatus" ria-describedby="updatePlayStatusHelp"/>
+            <input id="updatePlayStatus" type="checkbox" ng-model="settings.updatePlayStatus" ria-describedby="updatePlayStatusHelp"></input>
             <label for="updatePlayStatus">Send play status to Plex</label>
             <small id="updatePlayStatusHelp" class="form-text text-muted">Note: This affects the "on deck" for your plex account.</small>
         </div>
@@ -108,36 +108,36 @@
         <h6 style="font-weight: bold">Video Options</h6>
         <div class="form-group">
             <label>Supported Video Formats</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.videoCodecs" ria-describedby="videoCodecsHelp"/>
+            <input type="text" class="form-control form-control-sm" ng-model="settings.videoCodecs" ria-describedby="videoCodecsHelp"></input>
         </div>
         <div class="form-group">
             <label>Max Playable Resolution</label>
             <select ng-model="settings.maxPlayableResolution" 
-                ng-options="o.id as o.description for o in resolutionOptions" />
+                ng-options="o.id as o.description for o in resolutionOptions" ></select>
         </div>
         <div class="form-group">
             <label>Max Transcode Resolution</label>
             <select ng-model="settings.maxTranscodeResolution" 
-                ng-options="o.id as o.description for o in resolutionOptions "/>
+                ng-options="o.id as o.description for o in resolutionOptions "></select>
         </div>
     </div>
     <div class="col-sm-6">
         <h6 style="font-weight: bold">Audio Options</h6>
         <div class="form-group">
             <label>Supported Audio Formats</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.audioCodecs" ria-describedby="audioCodecsHelp" />
+            <input type="text" class="form-control form-control-sm" ng-model="settings.audioCodecs" ria-describedby="audioCodecsHelp" ></input>
             <small id="audioCodecsHelp" class="form-text text-muted">Comma separated list. Some possible values are 'ac3,aac,mp3'.</small>
         </div>
         <div class="form-group">
             <label>Maximum Audio Channels</label>
             <select ng-model="settings.maxAudioChannels" 
-                ng-options="o.id as o.description for o in maxAudioChannelsOptions" ria-describedby="maxAudioChannelsHelp"/>
+                ng-options="o.id as o.description for o in maxAudioChannelsOptions" ria-describedby="maxAudioChannelsHelp"></select>
             <small id="maxAudioChannelsHelp" class="form-text text-muted">Note: 7.1 audio and on some clients, 6.1, is known to cause playback issues.</small>
         </div>
         <div class="form-group">
             <label>Audio Boost</label>
             <select ng-model="settings.audioBoost" 
-                ng-options="o.id as o.description for o in audioBoostOptions" ria-describedby="audioBoostHelp"/>
+                ng-options="o.id as o.description for o in audioBoostOptions" ria-describedby="audioBoostHelp"></select>
             <small id="audioBoostHelp" class="form-text text-muted">Note: Only applies when downmixing to stereo.</small>
         </div>
     </div>
@@ -147,29 +147,29 @@
         <h6 style="font-weight: bold">Miscellaneous Options</h6>
         <div class="form-group">
             <label>Max Direct Stream Bitrate (Kbps)</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.directStreamBitrate" />
+            <input type="text" class="form-control form-control-sm" ng-model="settings.directStreamBitrate" ></input>
         </div>
         <div class="form-group">
             <label>Max Transcode Bitrate (Kbps)</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.transcodeBitrate" aria-described-by="transcodebrhelp" />
+            <input type="text" class="form-control form-control-sm" ng-model="settings.transcodeBitrate" aria-described-by="transcodebrhelp" ></input>
             <small id="transcodebrhelp" class='text-muted form-text'>Plex will decide to transcode or direct play based on these settings and if Plex transcodes, it will try to match the transcode bitrate.</small>
 
         </div>
         <div class="form-group">
             <label>Direct Stream Media Buffer Size</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.mediaBufferSize" />
+            <input type="text" class="form-control form-control-sm" ng-model="settings.mediaBufferSize" ></input>
         </div>
         <div class="form-group">
             <label>Transcode Media Buffer Size</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.transcodeMediaBufferSize" />
+            <input type="text" class="form-control form-control-sm" ng-model="settings.transcodeMediaBufferSize" ></input>
         </div>
         <div class="form-group">
             <label>Stream Protocol</label>
             <select ng-model="settings.streamProtocol" 
-                ng-options="o.id as o.description for o in streamProtocols" />
+                ng-options="o.id as o.description for o in streamProtocols" ></select>
         </div>
         <div class="form-group">
-            <input id="forceDirectPlay" type="checkbox" ng-model="settings.forceDirectPlay" />
+            <input id="forceDirectPlay" type="checkbox" ng-model="settings.forceDirectPlay" ></input>
             <label for="forceDirectPlay">Force Direct Play</label>
         </div>
     </div>
@@ -177,10 +177,10 @@
         <h6 style="font-weight: bold">Subtitle Options</h6>
         <div class="form-group">
             <label>Subtitle Size</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.subtitleSize" />
+            <input type="text" class="form-control form-control-sm" ng-model="settings.subtitleSize" ></input>
         </div>
         <div class="form-group">
-            <input class="form-check-input" id="enableSubtitles" type="checkbox" ng-model="settings.enableSubtitles" ng-disabled="shouldDisableSubtitles()"  />
+            <input class="form-check-input" id="enableSubtitles" type="checkbox" ng-model="settings.enableSubtitles" ng-disabled="shouldDisableSubtitles()"  ></input>
             <label class="form-check-label" for="enableSubtitles">Enable Subtitles (Requires Transcoding)</label>
         </div>
     </div>
@@ -190,11 +190,11 @@
         <h6 style="font-weight: bold">Path Replacements</h6>
         <div class="form-group">
             <label>Original Plex path to replace:</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.pathReplace" />
+            <input type="text" class="form-control form-control-sm" ng-model="settings.pathReplace" ></input>
         </div>
         <div class="form-group">
             <label>Replace Plex path with:</label>
-            <input type="text" class="form-control form-control-sm" ng-model="settings.pathReplaceWith" />
+            <input type="text" class="form-control form-control-sm" ng-model="settings.pathReplaceWith" ></input>
         </div>
     </div>
 </div>
diff --git a/web/public/templates/program-config.html b/web/public/templates/program-config.html
index 015e6d1..5ba9c7f 100644
--- a/web/public/templates/program-config.html
+++ b/web/public/templates/program-config.html
@@ -17,80 +17,80 @@
                         <label>Track Title
                             <span class="text-danger pull-right">{{error.title}}</span>
                         </label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.title"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.title"></input>
                         <label>Subtitle</label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.subtitle"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.subtitle"></input>
                         <label>Summary</label>
                         <textarea class="form-control form-control-sm" ng-model="program.summary"></textarea>
                         <label>Rating</label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.rating"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.rating"></input>
                         <label>Icon</label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.icon"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.icon"></input>
                         <h6>Icon Preview</h6>
                         <div class="text-center">
-                            <img class="img" ng-src="{{program.icon}}" style="max-width: 200px;"/>
+                            <img class="img" ng-src="{{program.icon}}" style="max-width: 200px;"></img>
                         </div>
                     </div>
                     <div ng-if="program.type === 'movie'">
                         <label>Movie Title
                             <span class="text-danger pull-right">{{error.title}}</span>
                         </label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.title"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.title"></input>
                         <label>Subtitle</label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.subtitle"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.subtitle"></input>
                         <label>Summary</label>
                         <textarea class="form-control form-control-sm" ng-model="program.summary"></textarea>
                         <label>Rating</label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.rating"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.rating"></input>
                         <label>Icon</label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.icon"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.icon"></input>
                         <h6>Icon Preview</h6>
                         <div class="text-center">
-                            <img class="img" ng-src="{{program.icon}}" style="max-width: 200px;"/>
+                            <img class="img" ng-src="{{program.icon}}" style="max-width: 200px;"></img>
                         </div>
                     </div>
                     <div ng-if="program.type === 'episode'">
                         <label>Show Title
                             <span class="text-danger pull-right">{{error.showTitle}}</span>
                         </label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.showTitle"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.showTitle"></input>
                         <label>Episode Title
                             <span class="text-danger pull-right">{{error.title}}</span>
                         </label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.title"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.title"></input>
                         <label>Season
                             <span class="text-danger pull-right">{{error.season}}</span>
                         </label>
-                        <input class="form-control form-control-sm" type="number" ng-model="program.season"/>
+                        <input class="form-control form-control-sm" type="number" ng-model="program.season"></input>
                         <label>Episode
                             <span class="text-danger pull-right">{{error.episode}}</span>
                         </label>
-                        <input class="form-control form-control-sm" type="number" ng-model="program.episode"/>
+                        <input class="form-control form-control-sm" type="number" ng-model="program.episode"></input>
                         <label>Summary</label>
                         <textarea class="form-control form-control-sm" ng-model="program.summary"></textarea>
                         <label>Rating</label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.rating"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.rating"></input>
                         <label>Icon</label>
-                        <input class="form-control form-control-sm" type="text" ng-model="program.icon"/>
+                        <input class="form-control form-control-sm" type="text" ng-model="program.icon"></input>
                         <h6>Icon Preview</h6>
                         <div class="row">
                             <div class="col-sm-6">
                                 <div class="text-center">
-                                    <img class="img" ng-src="{{program.icon}}" style="max-width: 200px;"/>
+                                    <img class="img" ng-src="{{program.icon}}" style="max-width: 200px;"></img>
                                 </div>
                             </div>
                             <div class="col-sm-6 row" ng-if="program.showIcon">
                                 <div class="col-sm-6 text-center">
                                     <label>Show</label>
-                                    <img class="img" ng-src="{{program.showIcon}}" style="max-width: 75px; cursor: pointer;" ng-click="program.icon = program.showIcon"/>
+                                    <img class="img" ng-src="{{program.showIcon}}" style="max-width: 75px; cursor: pointer;" ng-click="program.icon = program.showIcon"></img>
                                 </div>
                                 <div class="col-sm-6 text-center">
                                     <label>Season</label>
-                                    <img class="img" ng-src="{{program.seasonIcon}}" style="max-width: 75px; cursor: pointer;" ng-click="program.icon = program.seasonIcon"/>
+                                    <img class="img" ng-src="{{program.seasonIcon}}" style="max-width: 75px; cursor: pointer;" ng-click="program.icon = program.seasonIcon"></img>
                                 </div>
                                 <div class="col-sm-12 text-center">
                                     <label>Episode</label>
-                                    <img class="img" ng-src="{{program.episodeIcon}}" style="max-width: 150px; cursor: pointer;" ng-click="program.icon = program.episodeIcon"/>
+                                    <img class="img" ng-src="{{program.episodeIcon}}" style="max-width: 150px; cursor: pointer;" ng-click="program.icon = program.episodeIcon"></img>
                                 </div>
                             </div>
                         </div>
diff --git a/web/public/templates/show-config.html b/web/public/templates/show-config.html
index e6af075..44ed9f0 100644
--- a/web/public/templates/show-config.html
+++ b/web/public/templates/show-config.html
@@ -19,7 +19,7 @@
                             <div class="programming-counter small" ng-show="content.length > 0">
                                 <span class="small"><b>Total:</b> {{content.length}}</span>
                             </div>
-                            <div class='flex-pull-right' />
+                            <div class='flex-pull-right' ></div>
                             <div>
                                 <button class="btn btn-sm btn-secondary btn-programming-tools"
                                 ng-click="showTools = !showTools"
@@ -97,7 +97,7 @@
                         <div class="program-start" >
                             X{{ (x.$index + 1).toString().padStart(2, '0') }}
                         </div>
-                        <div ng-style="programSquareStyle(x, false)" />
+                        <div ng-style="programSquareStyle(x, false)" ></div>
                         <div class="title" >
                             {{ getProgramDisplayTitle(x) }}
                         </div>
diff --git a/web/public/templates/xmltv-settings.html b/web/public/templates/xmltv-settings.html
index cfd3b97..2826a1b 100644
--- a/web/public/templates/xmltv-settings.html
+++ b/web/public/templates/xmltv-settings.html
@@ -9,22 +9,22 @@
         </button>
     </h5>
     <h6>Output Path</h6>
-    <input type="text" class="form-control form-control-sm" ng-model="settings.file" aria-describedby="pathhelp"  readonly />
+    <input type="text" class="form-control form-control-sm" ng-model="settings.file" aria-describedby="pathhelp"  readonly ></input>
     <small id="pathhelp" class="form-text text-muted">You can edit this location in file xmltv-settings.json.</small>
-    <br/>
+    <br></br>
     <div class="row">
         <div class="col-sm-6">
             <label>EPG Hours</label>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.cache" aria-describedby="cachehelp"/>
+            <input type="number" class="form-control form-control-sm" ng-model="settings.cache" aria-describedby="cachehelp"></input>
             <small id="cachehelp" class="form-text text-muted">How many hours of programming to include in the xmltv file.</small>
         </div>
         <div class="col-sm-6">
             <label>Refresh Timer (hours)</label>
-            <input type="number" class="form-control form-control-sm" ng-model="settings.refresh" aria-describedby="timerhelp"/>
+            <input type="number" class="form-control form-control-sm" ng-model="settings.refresh" aria-describedby="timerhelp"></input>
             <small id="timerhelp" class="form-text text-muted">How often should the xmltv file be updated.</small>
         </div>
     </div>
-    <br />
+    <br ></br>
     <div class="form-check">
         <input type="checkbox" class="form-check-input" id="imageCache" aria-describedby="imageCacheHelp" ng-model='settings.enableImageCache'>
         <label class="form-check-label" for="stealth">Image Cache</label>
diff --git a/web/public/views/channels.html b/web/public/views/channels.html
index e566eb0..e78c09d 100644
--- a/web/public/views/channels.html
+++ b/web/public/views/channels.html
@@ -25,7 +25,7 @@
                 <span ng-show="!x.pending">{{x.number}}</span>
             </td>
             <td style="padding: 0" class="text-center">
-                <img ng-if="x.icon !== ''" ng-src="{{x.icon}}" alt="{{x.name}}" style="max-height: 40px;"/>
+                <img ng-if="x.icon !== ''" ng-src="{{x.icon}}" alt="{{x.name}}" style="max-height: 40px;"></img>
                 <div ng-if="x.icon === ''" style="padding-top: 14px;"><small>{{x.name}}</small></div>
             </td>
             <td>{{x.name}} <span ng-if='x.stealth===true' class='text-muted'>(Stealth)</span></td>
diff --git a/web/public/views/settings.html b/web/public/views/settings.html
index e7bcd65..fd901f3 100644
--- a/web/public/views/settings.html
+++ b/web/public/views/settings.html
@@ -21,7 +21,7 @@
             </span>
         </li>
     </ul>
-    <br />
+    <br ></br>
     <plex-settings ng-if="selected == 'plex'"></plex-settings>
     <ffmpeg-settings ng-if="selected == 'ffmpeg'"></ffmpeg-settings>
     <xmltv-settings ng-if="selected == 'xmltv'"></xmltv-settings>