mirror of
https://github.com/Tautulli/Tautulli.git
synced 2025-07-11 15:56:07 -07:00
04b290173c
No longer exposing passwords in html forms. Removed some old headphones js. Minor styling adjustments. Current activity on home screen now works. Some history table fixes and additions. Info screen for video items now works.
935 lines
58 KiB
HTML
935 lines
58 KiB
HTML
<%inherit file="base.html"/>
|
|
<%!
|
|
import plexpy
|
|
import string
|
|
%>
|
|
|
|
<%def name="headerIncludes()">
|
|
|
|
</%def>
|
|
|
|
<%def name="body()">
|
|
|
|
<div class="container-fluid">
|
|
<div class="row-fluid">
|
|
<div class="span12">
|
|
<div class="wellheader-bg">
|
|
<div class="dashboard-wellheader-no-chevron">
|
|
<div class="row-fluid">
|
|
<div class="span9"><h2><i class="fa fa-cog"></i> Settings</h2></div>
|
|
<div class="span3">
|
|
<div class="pull-right">
|
|
<h5><a id="menu_link_shutdown" href="shutdown"><i class="fa fa-power-off"></i> Shut Down</a>
|
|
 <a id="menu_link_restart" href="restart"><i class="fa fa-refresh"></i> Restart</a></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class='row'>
|
|
<div class='span12'>
|
|
<div class="wellbg">
|
|
<form action="configUpdate" method="post" class="form" id="configUpdate">
|
|
<div role="tabpanel">
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-pills" role="tablist">
|
|
<li role="presentation" class="active"><a href="#tabs-1" aria-controls="tabs-1" role="tab" data-toggle="tab">Web Interface</a></li>
|
|
<li role="presentation"><a href="#tabs-2" aria-controls="tabs-2" role="tab" data-toggle="tab">Plex & PlexWatch</a></li>
|
|
<!--<li role="presentation"><a href="#tabs-5" aria-controls="tabs-5" role="tab" data-toggle="tab">Notifications</a></li>-->
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
|
|
<div role="tabpanel" class="tab-pane active" id="tabs-1">
|
|
<div class="alert">Web Interface changes require a restart to take effect.</div>
|
|
<div class="wellbg" style="padding: 0px 0px 0px 20px;">
|
|
<div class="container-fluid">
|
|
<div class="row-fluid">
|
|
<div class="span4">
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Basic</h3>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="http_host">HTTP Host</label>
|
|
<input type="text" id="http_host" name="http_host" value="${config['http_host']}" size="30">
|
|
<p class="help-block">e.g. localhost or an IP, such as 0.0.0.0</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="http_port">HTTP Port</label>
|
|
<input type="text" id="http_port" name="http_port" value="${config['http_port']}" size="10">
|
|
<p class="help-block">Port to bind web server to. Note that ports below 1024 may require root.</p>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="launch_browser" value="1" ${config['launch_browser']}> Launch Browser on Startup
|
|
<p class="help-block">Launch browser pointed to PlexPy, on startup.</p>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="enable_https" id="enable_https" value="1" ${config['enable_https']} /> Enable HTTPS
|
|
<p class="help-block">Enable HTTPS for web server for encrypted communication.</p>
|
|
</div>
|
|
<div id="https_options">
|
|
<div class="form-group">
|
|
<label for="https_cert">HTTPS Cert</label>
|
|
<input type="text" id="https_cert" name="https_cert" value="${config['https_cert']}" size="30">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="https_key">HTTPS Key</label>
|
|
<input type="text" id="https_key" name="https_key" value="${config['https_key']}" size="30">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="span4">
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Authentication</h3>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="http_username">HTTP Username</label>
|
|
<input type="text" id="http_username" name="http_username" value="${config['http_username']}" size="30">
|
|
<p class="help-block">Username for web server authentication. Leave empty to disable.</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="http_password">HTTP Password</label>
|
|
<input type="password" id="http_password" name="http_password" value="${config['http_password']}" size="30">
|
|
<p class="help-block">Password for web server authentication. Leave empty to disable.</p>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="span4">
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>API</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="api_enabled" name="api_enabled" value="1" ${config['api_enabled']}> Enable API
|
|
<p class="help-block">Allow remote applications to interface with PlexPy.</p>
|
|
</div>
|
|
<div id="apioptions" class="form-group">
|
|
<label for="api_key">API key</label>
|
|
<input type="text" name="api_key" id="api_key" value="${config['api_key']}" size="20">
|
|
<input type="button" class="btn btn-link" value="Generate" id="generate_api">
|
|
<p class="help-block">Current API key: <strong><br/>${config['api_key']}</strong></p>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="button" class="btn btn-medium btn-primary" value="Save" onclick="doAjaxCall('configUpdate',$(this),'tabs',true);return false;" data-success="Changes saved successfully">
|
|
</div>
|
|
|
|
<div role="tabpanel" class="tab-pane" id="tabs-2">
|
|
<div class="wellbg" style="padding: 0px 0px 0px 20px;">
|
|
<div class="container-fluid">
|
|
<div class="row-fluid">
|
|
<div class="span4">
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>General</h3>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="date_format">Date Format</label>
|
|
<input type="text" id="date_format" name="date_format" value="${config['date_format']}" size="30">
|
|
<p class="help-block">Set your preferred date format. Click here to see the parameter list.</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="date_format">Time Format</label>
|
|
<input type="text" id="time_format" name="time_format" value="${config['time_format']}" size="30">
|
|
<p class="help-block">Set your preferred time format. Click here to see the parameter list.</p>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="span4">
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>PMS Settings</h3>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="pms_ip">PMS IP</label>
|
|
<input type="text" id="pms_ip" name="pms_ip" value="${config['pms_ip']}" size="30">
|
|
<p class="help-block">IP Address for Plex Media Server.</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="pms_port">PMS Port</label>
|
|
<input type="text" id="pms_port" name="pms_port" value="${config['pms_port']}" size="30">
|
|
<p class="help-block">Port that Plex Media Server is listening on.</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="pms_username">PMS Username</label>
|
|
<input type="text" id="pms_username" name="pms_username" value="${config['pms_username']}" size="30">
|
|
<p class="help-block">Username for Plex.tv authentication. Leave empty if no authentication is required.</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="pms_password">PMS Password</label>
|
|
<input type="password" id="pms_password" name="pms_password" value="${config['pms_password']}" size="30">
|
|
<p class="help-block">Password for Plex.tv authentication. Leave empty if no authentication is required.</p>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="span4">
|
|
<div class="wellheader">
|
|
<h3>PlexWatch Settings</h3>
|
|
</div>
|
|
<fieldset>
|
|
<div class="form-group">
|
|
<label for="plexwatch_database">PlexWatch Database</label>
|
|
<input type="text" id="plexwatch_database" name="plexwatch_database" value="${config['plexwatch_database']}" size="30">
|
|
<p class="help-block">Full path and file name of your PlexWatch database.</p>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="grouping_global_history" name="grouping_global_history" value="1" ${config['grouping_global_history']}> Global History
|
|
<p class="help-block">Enable global history grouping.</p>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="grouping_user_history" name="grouping_user_history" value="1" ${config['grouping_user_history']}> User History
|
|
<p class="help-block">Enable user history grouping.</p>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="grouping_charts" name="grouping_charts" value="1" ${config['grouping_charts']}> Charts History
|
|
<p class="help-block">Enable chart grouping.</p>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="button" class="btn btn-medium btn-primary" value="Save" onclick="doAjaxCall('configUpdate',$(this),'tabs',true);return false;" data-success="Changes saved successfully">
|
|
</div>
|
|
<!--
|
|
<div role="tabpanel" class="tab-pane" id="tabs-5">
|
|
<div class="wellbg">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Growl</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="growl_enabled" id="growl" value="1" ${config['growl_enabled']}> Enable Growl Notifications
|
|
</div>
|
|
<div id="growloptions">
|
|
<div class="form-group">
|
|
<label for="growl_host">Growl Host:Port</label>
|
|
<input type="text" id="growl_host" name="growl_host" value="${config['growl_host']}" size="30">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="growl_password">Growl Password</label>
|
|
<input type="password" id="growl_password" name="growl_password" value="${config['growl_password']}" size="30">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Prowl</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="prowl_enabled" id="prowl" value="1" ${config['prowl_enabled']}> Enable Prowl Notifications
|
|
</div>
|
|
<div id="prowloptions">
|
|
<div class="form-group">
|
|
<label for="prowl_keys">API Key</label>
|
|
<input type="text" id="prowl_keys" name="prowl_keys" value="${config['prowl_keys']}" size="50">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="prowl_priority">Priority (-2,-1,0,1 or 2)</label>
|
|
<input type="text" id="prowl_priority" name="prowl_priority" value="${config['prowl_priority']}" size="2">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>XMBC</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="xbmc_enabled" id="xbmc" value="1" ${config['xbmc_enabled']}> Enable XBMC Notifications
|
|
</div>
|
|
<div id="xbmcoptions">
|
|
<div class="form-group">
|
|
<label for="xbmc_host">XBMC Host:Port</label>
|
|
<input type="text" id="xbmc_host" name="xbmc_host" value="${config['xbmc_host']}" size="30">
|
|
<p class="help-block">e.g. http://localhost:8080. Separate hosts with commas.</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="xbmc_username">XBMC Username</label>
|
|
<input type="text" id="xbmc_username" name="xbmc_username" value="${config['xbmc_username']}" size="30">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="xbmc_password">XBMC Password</label>
|
|
<input type="password" id="xbmc_password" name="xbmc_password" value="${config['xbmc_password']}" size="30">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Plex Home Theatre</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="plex_enabled" id="plex" value="1" ${config['plex_enabled']}> Enable Plex Notifications
|
|
</div>
|
|
<div id="plexoptions">
|
|
<div class="form-group">
|
|
<label for="plex_client_host">Plex Client Host:Port</label>
|
|
<input type="text" id="plex_client_host" name="plex_client_host" value="${config['plex_client_host']}" size="30">
|
|
<p class="help-block">Host running Plex Client (eg. http://192.168.1.100:3000).</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="plex_username">Plex Username</label>
|
|
<input type="text" id="plex_username"name="plex_username" value="${config['plex_username']}" size="30">
|
|
<p class="help-block">Username of your Plex client API (blank for none).</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="plex_password">Plex Password</label>
|
|
<input type="password" id="plex_password" name="plex_password" value="${config['plex_password']}" size="30">
|
|
<p class="help-block">Password of your Plex client API (blank for none).</p>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Synology NAS</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="synoindex_enabled" id="synoindex" value="1" ${config['synoindex_enabled']}> Enable Synoindex
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>NotifyMyAndroid</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="nma_enabled" id="nma" value="1" ${config['nma_enabled']}> Enable NotifyMyAndroid
|
|
</div>
|
|
<div id="nmaoptions">
|
|
<div class="form-group">
|
|
<label for="nma_apikey">NotifyMyAndroid API Key</label>
|
|
<input type="text" id="nma_apikey" name="nma_apikey" value="${config['nma_apikey']}" size="30">
|
|
<p class="help-block">Separate multiple api keys with commas.</p>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="nma_priority">Priority</label>
|
|
<select id="nma_priority" name="nma_priority">
|
|
%for x in [-2,-1,0,1,2]:
|
|
<%
|
|
if config['nma_priority'] == x:
|
|
nma_priority_selected = 'selected'
|
|
else:
|
|
nma_priority_selected = ''
|
|
if x == -2:
|
|
nma_priority_value = 'Very Low'
|
|
elif x == -1:
|
|
nma_priority_value = 'Moderate'
|
|
elif x == 0:
|
|
nma_priority_value = 'Normal'
|
|
elif x == 1:
|
|
nma_priority_value = 'High'
|
|
else:
|
|
nma_priority_value = 'Emergency'
|
|
%>
|
|
<option value=${x} ${nma_priority_selected}>${nma_priority_value}</option>
|
|
%endfor
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Logitech Media Server</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="lms_enabled" id="lms" value="1" ${config['lms_enabled']}> Enable LMS Updates
|
|
</div>
|
|
<div id="lmsoptions">
|
|
<div class="form-group">
|
|
<label for="lms_host">LMS Host:Port</label>
|
|
<input type="text" id="lms_host" name="lms_host" value="${config['lms_host']}" size="30">
|
|
<p class="help-block">e.g. http://localhost:9000. Seperate hosts with commas.</p>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Pushalot</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="pushalot_enabled" id="pushalot" value="1" ${config['pushalot_enabled']}> Enable Pushalot
|
|
</div>
|
|
<div id="pushalotoptions">
|
|
<div class="form-group">
|
|
<label for="pushalot_apikey">Pushalot API Key</label>
|
|
<input type="text" id="pushalot_apikey" name="pushalot_apikey" value="${config['pushalot_apikey']}" size="30">
|
|
<p class="help-block">Separate multiple api keys with commas.</p>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Subsonic</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="subsonic_enabled" id="subsonic" value="1" ${config['subsonic_enabled']}> Enable Subsonic Updates
|
|
</div>
|
|
<div id="subsonicoptions">
|
|
<div class="form-group">
|
|
<label for="subsonic_host">Subsonic URL</label>
|
|
<input type="text" id="subsonic_host" name="subsonic_host" value="${config['subsonic_host']}" size="30">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="subsonic_username">Subsonic Username</label>
|
|
<input type="text" id="subsonic_username" name="subsonic_username" value="${config['subsonic_username']}" size="30">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="subsonic_password">Subsonic Password</label>
|
|
<input type="password" id="subsonic_password" name="subsonic_password" value="${config['subsonic_password']}" size="30">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Email</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="email_enabled" id="email" value="1" ${config['email_enabled']}> Enable Email Notifications
|
|
</div>
|
|
<div id="email_options">
|
|
<div class="form-group">
|
|
<label for="email_from">From</label>
|
|
<input type="text" id="email_from" name="email_from" value="${config['email_from']}" size="254">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email_to">To</label>
|
|
<input type="text" id="email_to" name="email_to" value="${config['email_to']}" size="254">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email_smtp_server">SMTP Server</label>
|
|
<input type="text" id="email_smtp_server" name="email_smtp_server" value="${config['email_smtp_server']}" size="254">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email_smtp_user">SMTP User</label>
|
|
<input type="text" id="email_smtp_user" name="email_smtp_user" value="${config['email_smtp_user']}" size="254">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email_smtp_password">SMTP Password</label>
|
|
<input type="password" id="email_smtp_password" name="email_smtp_password" value="${config['email_smtp_password']}" size="50">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email_smtp_port">SMTP Port</label>
|
|
<input type="text" id="email_smtp_port" name="email_smtp_port" value="${config['email_smtp_port']}" size="4">
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="email_tls" value="1" ${config['email_tls']}> TLS
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="md-col-4">
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Pushover</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="pushover_enabled" id="pushover" value="1" ${config['pushover_enabled']}> Enable Pushover Notifications
|
|
</div>
|
|
<div id="pushoveroptions">
|
|
<div class="form-group">
|
|
<label for="pushover_keys">User key</label>
|
|
<input type="text" id="pushover_keys" name="pushover_keys" value="${config['pushover_keys']}" size="50">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="pushover_priority">Priority (-1,0, or 1)</label>
|
|
<input type="text" id="pushover_priority" name="pushover_priority" value="${config['pushover_priority']}" size="2">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="pushover_apitoken">API Token (leave blank to use PlexPy default)</label>
|
|
<input type="text" id="pushover_apitoken" name="pushover_apitoken" value="${config['pushover_apitoken']}" size="50">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Pushbullet</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="pushbullet_enabled" id="pushbullet" value="1" ${config['pushbullet_enabled']}> Enable PushBullet Notifications
|
|
</div>
|
|
<div id="pushbulletoptions">
|
|
<div class="form-group">
|
|
<label for="pushbullet_apikey">API Key</label>
|
|
<input type="text" id="pushbullet_apikey" name="pushbullet_apikey" value="${config['pushbullet_apikey']}" size="50">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="pushbullet_deviceid">Device ID</label>
|
|
<input type="text" id="pushbullet_deviceid" name="pushbullet_deviceid" value="${config['pushbullet_deviceid']}" size="50">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Twitter</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="twitter_enabled" id="twitter" value="1" ${config['twitter_enabled']}> Enable Twitter Notifications
|
|
</div>
|
|
<div id="twitteroptions">
|
|
<div class="form-group">
|
|
<input type="button" class="btn btn-small" value="Request Authorization" id="twitterStep1" />
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="text" id="twitter_key" value="" size="35" placeholder="Input Authorization Key" />
|
|
<input type="button" class="btn btn-link" value="Verify Key" id="twitterStep2" />
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="button" class="btn btn-small" value="Test Twitter" id="testTwitter" />
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>OS X</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="osx_notify_enabled" id="osx_notify" value="1" ${config['osx_notify_enabled']}> Enable OS X Notifications
|
|
</div>
|
|
<div id="osx_notify_options">
|
|
<div class="form-group">
|
|
<label for="osx_notify_reg">Register Notify App</label>
|
|
<input type="text" id="osx_notify_reg" name="osx_notify_app" value="${config['osx_notify_app']}" size="50">
|
|
<input type="button" class="btn btn-link" value="Register" id="osxnotifyregister">
|
|
<p class="help-block">Enter the path/application name to be registered with the Notification Center, default is /Applications/PlexPy.</p>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>Boxcar2</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="boxcar_enabled" id="boxcar" value="1" ${config['boxcar_enabled']}> Enable Boxcar2 Notifications
|
|
</div>
|
|
<div id="boxcar_options">
|
|
<div class="form-group">
|
|
<label for="boxcar_token">Access Token</label>
|
|
<input type="text" id="boxcar_token" name="boxcar_token" value="${config['boxcar_token']}" size="35">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<div class="wellheader">
|
|
<h3>MPC</h3>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="mpc_enabled" id="mpc" value="1" ${config['mpc_enabled']}> Enable MPC Update
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
</div>
|
|
<input type="button" class="btn btn-medium btn-primary" value="Save" onclick="doAjaxCall('configUpdate',$(this),'tabs',true);return false;" data-success="Changes saved successfully">
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</%def>
|
|
|
|
<%def name="javascriptIncludes()">
|
|
<script>
|
|
|
|
function openExtrasDialog() {
|
|
$("#dialog").dialog({ close: function(){
|
|
var elem = '<input type="button" data-success="Changes saved successfully">';
|
|
doAjaxCall('configUpdate', elem,'tabs',true);
|
|
}}).dialog("open");
|
|
};
|
|
|
|
function initThisPage()
|
|
{
|
|
if ($("#api_enabled").is(":checked"))
|
|
{
|
|
$("#apioptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#apioptions").hide();
|
|
}
|
|
|
|
$("#api_enabled").click(function(){
|
|
if ($("#api_enabled").is(":checked"))
|
|
{
|
|
$("#apioptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#apioptions").slideUp();
|
|
}
|
|
});
|
|
|
|
$('#api_key').click(function(){ $('#api_key').select() });
|
|
$("#generate_api").click(function(){
|
|
$.get('generateAPI',
|
|
function(data){
|
|
if (data.error != undefined) {
|
|
alert(data.error);
|
|
return;
|
|
}
|
|
$('#api_key').val(data);
|
|
});
|
|
});
|
|
if ($("#enable_https").is(":checked"))
|
|
{
|
|
$("#https_options").show();
|
|
}
|
|
else
|
|
{
|
|
$("#https_options").hide();
|
|
}
|
|
|
|
$("#enable_https").click(function(){
|
|
if ($("#enable_https").is(":checked"))
|
|
{
|
|
$("#https_options").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#https_options").slideUp();
|
|
}
|
|
});
|
|
if ($("#growl").is(":checked"))
|
|
{
|
|
$("#growloptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#growloptions").hide();
|
|
}
|
|
|
|
$("#growl").click(function(){
|
|
if ($("#growl").is(":checked"))
|
|
{
|
|
$("#growloptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#growloptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#prowl").is(":checked"))
|
|
{
|
|
$("#prowloptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#prowloptions").hide();
|
|
}
|
|
|
|
$("#prowl").click(function(){
|
|
if ($("#prowl").is(":checked"))
|
|
{
|
|
$("#prowloptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#prowloptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#xbmc").is(":checked"))
|
|
{
|
|
$("#xbmcoptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#xbmcoptions").hide();
|
|
}
|
|
|
|
$("#xbmc").click(function(){
|
|
if ($("#xbmc").is(":checked"))
|
|
{
|
|
$("#xbmcoptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#xbmcoptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#lms").is(":checked"))
|
|
{
|
|
$("#lmsoptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#lmsoptions").hide();
|
|
}
|
|
|
|
$("#lms").click(function(){
|
|
if ($("#lms").is(":checked"))
|
|
{
|
|
$("#lmsoptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#lmsoptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#plex").is(":checked"))
|
|
{
|
|
$("#plexoptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#plexoptions").hide();
|
|
}
|
|
|
|
$("#plex").click(function(){
|
|
if ($("#plex").is(":checked"))
|
|
{
|
|
$("#plexoptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#plexoptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#nma").is(":checked"))
|
|
{
|
|
$("#nmaoptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#nmaoptions").hide();
|
|
}
|
|
|
|
$("#nma").click(function(){
|
|
if ($("#nma").is(":checked"))
|
|
{
|
|
$("#nmaoptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#nmaoptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#pushalot").is(":checked"))
|
|
{
|
|
$("#pushalotoptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#pushalotoptions").hide();
|
|
}
|
|
|
|
$("#pushalot").click(function(){
|
|
if ($("#pushalot").is(":checked"))
|
|
{
|
|
$("#pushalotoptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#pushalotoptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#pushover").is(":checked"))
|
|
{
|
|
$("#pushoveroptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#pushoveroptions").hide();
|
|
}
|
|
|
|
$("#pushover").click(function(){
|
|
if ($("#pushover").is(":checked"))
|
|
{
|
|
$("#pushoveroptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#pushoveroptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#pushbullet").is(":checked"))
|
|
{
|
|
$("#pushbulletoptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#pushbulletoptions").hide();
|
|
}
|
|
|
|
|
|
$("#pushbullet").click(function(){
|
|
if ($("#pushbullet").is(":checked"))
|
|
{
|
|
$("#pushbulletoptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#pushbulletoptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#twitter").is(":checked"))
|
|
{
|
|
$("#twitteroptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#twitteroptions").hide();
|
|
}
|
|
|
|
$("#twitter").click(function(){
|
|
if ($("#twitter").is(":checked"))
|
|
{
|
|
$("#twitteroptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#twitteroptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#osx_notify").is(":checked"))
|
|
{
|
|
$("#osx_notify_options").show();
|
|
}
|
|
else
|
|
{
|
|
$("#osx_notify_options").hide();
|
|
}
|
|
|
|
$("#osx_notify").click(function(){
|
|
if ($("#osx_notify").is(":checked"))
|
|
{
|
|
$("#osx_notify_options").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#osx_notify_options").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#boxcar").is(":checked"))
|
|
{
|
|
$("#boxcar_options").show();
|
|
}
|
|
else
|
|
{
|
|
$("#boxcar_options").hide();
|
|
}
|
|
|
|
$("#boxcar").click(function(){
|
|
if ($("#boxcar").is(":checked"))
|
|
{
|
|
$("#boxcar_options").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#boxcar_options").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#subsonic").is(":checked"))
|
|
{
|
|
$("#subsonicoptions").show();
|
|
}
|
|
else
|
|
{
|
|
$("#subsonicoptions").hide();
|
|
}
|
|
|
|
$("#subsonic").click(function(){
|
|
if ($("#subsonic").is(":checked"))
|
|
{
|
|
$("#subsonicoptions").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#subsonicoptions").slideUp();
|
|
}
|
|
});
|
|
|
|
if ($("#email").is(":checked"))
|
|
{
|
|
$("#email_options").show();
|
|
}
|
|
else
|
|
{
|
|
$("#email_options").hide();
|
|
}
|
|
|
|
$("#email").click(function(){
|
|
if ($("#email").is(":checked"))
|
|
{
|
|
$("#email_options").slideDown();
|
|
}
|
|
else
|
|
{
|
|
$("#email_options").slideUp();
|
|
}
|
|
});
|
|
|
|
initConfigCheckbox("#api_enabled");
|
|
initConfigCheckbox("#enable_https");
|
|
|
|
$('#twitterStep1').click(function () {
|
|
$.get("/twitterStep1", function (data) {window.open(data); })
|
|
.done(function () { $('#ajaxMsg').html("<div class='msg'><span class='ui-icon ui-icon-check'></span>Confirm Authorization. Check pop-up blocker if no response.</div>"); });
|
|
$('#ajaxMsg').addClass('success').fadeIn().delay(3000).fadeOut();
|
|
});
|
|
|
|
$('#twitterStep2').click(function () {
|
|
var twitter_key = $("#twitter_key").val();
|
|
$.get("/twitterStep2", {'key': twitter_key}, function (data) { $('#ajaxMsg').html("<div class='msg'><span class='ui-icon ui-icon-check'></span>"+data+"</div>"); });
|
|
$('#ajaxMsg').addClass('success').fadeIn().delay(3000).fadeOut();
|
|
});
|
|
|
|
$('#testTwitter').click(function () {
|
|
$.get("/testTwitter",
|
|
function (data) { $('#ajaxMsg').html("<div class='msg'><span class='ui-icon ui-icon-check'></span>"+data+"</div>"); });
|
|
$('#ajaxMsg').addClass('success').fadeIn().delay(3000).fadeOut();
|
|
});
|
|
|
|
$('#osxnotifyregister').click(function () {
|
|
var osx_notify_app = $("#osx_notify_reg").val();
|
|
$.get("/osxnotifyregister", {'app': osx_notify_app}, function (data) { $('#ajaxMsg').html("<div class='msg'><span class='ui-icon ui-icon-check'></span>"+data+"</div>"); });
|
|
$('#ajaxMsg').addClass('success').fadeIn().delay(3000).fadeOut()
|
|
})
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
initThisPage();
|
|
});
|
|
|
|
</script>
|
|
</%def>
|