neoris/dizquetv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix HTMLs after angular version bump

Browse Source
This commit is contained in:
vexorian 2021-06-01 00:09:05 -04:00
parent 184eb2a42c
commit a2ed1c1ec8
13 changed files with 117 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/public/index.html
View File

@ -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>

16
web/public/templates/channel-config.html
View File

@ -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>

76
web/public/templates/ffmpeg-settings.html
View File

@ -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>

4
web/public/templates/filler-config.html
View File

@ -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>

2
web/public/templates/flex-config.html
View File

@ -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>

4
web/public/templates/hdhr-settings.html
View File

@ -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>

32
web/public/templates/plex-library.html
View File

@ -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>

38
web/public/templates/plex-settings.html
View File

@ -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>

40
web/public/templates/program-config.html
View File

@ -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>

4
web/public/templates/show-config.html
View File

@ -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>

10
web/public/templates/xmltv-settings.html
View File

@ -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>

2
web/public/views/channels.html
View File

@ -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>

2
web/public/views/settings.html
View File

@ -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>