144 lines
9.8 KiB
HTML
144 lines
9.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>SRF Play</title>
|
|
</head>
|
|
<body>
|
|
<div id="SRFPlayConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox">
|
|
<div data-role="content">
|
|
<div class="content-primary">
|
|
<form id="SRFPlayConfigForm">
|
|
<div class="selectContainer">
|
|
<label class="selectLabel" for="BusinessUnit">Business Unit</label>
|
|
<select is="emby-select" id="BusinessUnit" name="BusinessUnit" class="emby-select-withcolor emby-select">
|
|
<option id="optSRF" value="SRF">SRF (German)</option>
|
|
<option id="optRTS" value="RTS">RTS (French)</option>
|
|
<option id="optRSI" value="RSI">RSI (Italian)</option>
|
|
<option id="optRTR" value="RTR">RTR (Romansh)</option>
|
|
<option id="optSWI" value="SWI">SWI (International)</option>
|
|
</select>
|
|
<div class="fieldDescription">Select the Swiss broadcasting unit to fetch content from</div>
|
|
</div>
|
|
<div class="selectContainer">
|
|
<label class="selectLabel" for="QualityPreference">Quality Preference</label>
|
|
<select is="emby-select" id="QualityPreference" name="QualityPreference" class="emby-select-withcolor emby-select">
|
|
<option id="optAuto" value="Auto">Automatic</option>
|
|
<option id="optSD" value="SD">Standard Definition</option>
|
|
<option id="optHD" value="HD">High Definition</option>
|
|
</select>
|
|
<div class="fieldDescription">Preferred video quality for playback</div>
|
|
</div>
|
|
<div class="inputContainer">
|
|
<label class="inputLabel inputLabelUnfocused" for="ContentRefreshIntervalHours">Content Refresh Interval (hours)</label>
|
|
<input id="ContentRefreshIntervalHours" name="ContentRefreshIntervalHours" type="number" is="emby-input" min="1" max="168" />
|
|
<div class="fieldDescription">How often to check for new content (1-168 hours)</div>
|
|
</div>
|
|
<div class="inputContainer">
|
|
<label class="inputLabel inputLabelUnfocused" for="ExpirationCheckIntervalHours">Expiration Check Interval (hours)</label>
|
|
<input id="ExpirationCheckIntervalHours" name="ExpirationCheckIntervalHours" type="number" is="emby-input" min="1" max="168" />
|
|
<div class="fieldDescription">How often to check for expired content (1-168 hours)</div>
|
|
</div>
|
|
<div class="inputContainer">
|
|
<label class="inputLabel inputLabelUnfocused" for="CacheDurationMinutes">Cache Duration (minutes)</label>
|
|
<input id="CacheDurationMinutes" name="CacheDurationMinutes" type="number" is="emby-input" min="5" max="1440" />
|
|
<div class="fieldDescription">How long to cache metadata (5-1440 minutes)</div>
|
|
</div>
|
|
<div class="checkboxContainer checkboxContainer-withDescription">
|
|
<label class="emby-checkbox-label">
|
|
<input id="EnableLatestContent" name="EnableLatestContent" type="checkbox" is="emby-checkbox" />
|
|
<span>Enable Latest Content</span>
|
|
</label>
|
|
<div class="fieldDescription">Automatically discover and add latest videos</div>
|
|
</div>
|
|
<div class="checkboxContainer checkboxContainer-withDescription">
|
|
<label class="emby-checkbox-label">
|
|
<input id="EnableTrendingContent" name="EnableTrendingContent" type="checkbox" is="emby-checkbox" />
|
|
<span>Enable Trending Content</span>
|
|
</label>
|
|
<div class="fieldDescription">Automatically discover and add trending videos</div>
|
|
</div>
|
|
<br />
|
|
<h2>Proxy Settings</h2>
|
|
<div class="checkboxContainer checkboxContainer-withDescription">
|
|
<label class="emby-checkbox-label">
|
|
<input id="UseProxy" name="UseProxy" type="checkbox" is="emby-checkbox" />
|
|
<span>Use Proxy</span>
|
|
</label>
|
|
<div class="fieldDescription">Route all SRF API requests through a proxy server</div>
|
|
</div>
|
|
<div class="inputContainer">
|
|
<label class="inputLabel inputLabelUnfocused" for="ProxyAddress">Proxy Address</label>
|
|
<input id="ProxyAddress" name="ProxyAddress" type="text" is="emby-input" />
|
|
<div class="fieldDescription">Proxy server address (e.g., http://proxy.example.com:8080 or socks5://proxy.example.com:1080)</div>
|
|
</div>
|
|
<div class="inputContainer">
|
|
<label class="inputLabel inputLabelUnfocused" for="ProxyUsername">Proxy Username (Optional)</label>
|
|
<input id="ProxyUsername" name="ProxyUsername" type="text" is="emby-input" autocomplete="off" />
|
|
<div class="fieldDescription">Username for proxy authentication (leave empty if not required)</div>
|
|
</div>
|
|
<div class="inputContainer">
|
|
<label class="inputLabel inputLabelUnfocused" for="ProxyPassword">Proxy Password (Optional)</label>
|
|
<input id="ProxyPassword" name="ProxyPassword" type="password" is="emby-input" autocomplete="off" />
|
|
<div class="fieldDescription">Password for proxy authentication (leave empty if not required)</div>
|
|
</div>
|
|
<div>
|
|
<button is="emby-button" type="submit" class="raised button-submit block emby-button">
|
|
<span>Save</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
var SRFPlayConfig = {
|
|
pluginUniqueId: 'a4b12f86-8c3d-4e9a-b7f2-1d5e6c8a9b4f'
|
|
};
|
|
|
|
document.querySelector('#SRFPlayConfigPage')
|
|
.addEventListener('pageshow', function() {
|
|
Dashboard.showLoadingMsg();
|
|
ApiClient.getPluginConfiguration(SRFPlayConfig.pluginUniqueId).then(function (config) {
|
|
document.querySelector('#BusinessUnit').value = config.BusinessUnit;
|
|
document.querySelector('#QualityPreference').value = config.QualityPreference;
|
|
document.querySelector('#ContentRefreshIntervalHours').value = config.ContentRefreshIntervalHours;
|
|
document.querySelector('#ExpirationCheckIntervalHours').value = config.ExpirationCheckIntervalHours;
|
|
document.querySelector('#CacheDurationMinutes').value = config.CacheDurationMinutes;
|
|
document.querySelector('#EnableLatestContent').checked = config.EnableLatestContent;
|
|
document.querySelector('#EnableTrendingContent').checked = config.EnableTrendingContent;
|
|
document.querySelector('#UseProxy').checked = config.UseProxy || false;
|
|
document.querySelector('#ProxyAddress').value = config.ProxyAddress || '';
|
|
document.querySelector('#ProxyUsername').value = config.ProxyUsername || '';
|
|
document.querySelector('#ProxyPassword').value = config.ProxyPassword || '';
|
|
Dashboard.hideLoadingMsg();
|
|
});
|
|
});
|
|
|
|
document.querySelector('#SRFPlayConfigForm')
|
|
.addEventListener('submit', function(e) {
|
|
Dashboard.showLoadingMsg();
|
|
ApiClient.getPluginConfiguration(SRFPlayConfig.pluginUniqueId).then(function (config) {
|
|
config.BusinessUnit = document.querySelector('#BusinessUnit').value;
|
|
config.QualityPreference = document.querySelector('#QualityPreference').value;
|
|
config.ContentRefreshIntervalHours = parseInt(document.querySelector('#ContentRefreshIntervalHours').value);
|
|
config.ExpirationCheckIntervalHours = parseInt(document.querySelector('#ExpirationCheckIntervalHours').value);
|
|
config.CacheDurationMinutes = parseInt(document.querySelector('#CacheDurationMinutes').value);
|
|
config.EnableLatestContent = document.querySelector('#EnableLatestContent').checked;
|
|
config.EnableTrendingContent = document.querySelector('#EnableTrendingContent').checked;
|
|
config.UseProxy = document.querySelector('#UseProxy').checked;
|
|
config.ProxyAddress = document.querySelector('#ProxyAddress').value;
|
|
config.ProxyUsername = document.querySelector('#ProxyUsername').value;
|
|
config.ProxyPassword = document.querySelector('#ProxyPassword').value;
|
|
ApiClient.updatePluginConfiguration(SRFPlayConfig.pluginUniqueId, config).then(function (result) {
|
|
Dashboard.processPluginConfigurationUpdateResult(result);
|
|
});
|
|
});
|
|
|
|
e.preventDefault();
|
|
return false;
|
|
});
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|