|
|
|
|
<!--#set global $pane="Servers"#-->
|
|
|
|
|
<!--#set global $help_uri="configuration/2.1/servers"#-->
|
|
|
|
|
<!--#include $webdir + "/_inc_header_uc.tmpl"#-->
|
|
|
|
|
|
|
|
|
|
<div class="colmask">
|
|
|
|
|
<form action="addServer" method="post" autocomplete="off" onsubmit="removeObfuscation();" novalidate>
|
|
|
|
|
<input type="hidden" name="session" value="$session" />
|
|
|
|
|
<div id="addServer">
|
|
|
|
|
<div class="padding alt">
|
|
|
|
|
<button type="button" class="btn btn-default" id="addServerButton"><span class="glyphicon glyphicon-plus"></span> $T('button-addServer')</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="section" id="addServerContent" style="display: none;">
|
|
|
|
|
<div class="col2">
|
|
|
|
|
<h3>$T('addServer') <a href="$helpuri$help_uri" target="_blank"><span class="glyphicon glyphicon-question-sign"></span></a></h3>
|
|
|
|
|
</div><!-- /col2 -->
|
|
|
|
|
<div class="col1">
|
|
|
|
|
<fieldset>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="enable">$T('srv-enable')</label>
|
|
|
|
|
<input type="checkbox" name="enable" id="enable" value="1" checked="checked" />
|
|
|
|
|
<span class="desc">$T('srv-enable')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="host">$T('srv-host')</label>
|
|
|
|
|
<input type="text" name="host" id="host" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="port">$T('srv-port')</label>
|
|
|
|
|
<input type="number" name="port" id="port" size="8" value="119" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="ssl">$T('srv-ssl')</label>
|
|
|
|
|
<input type="checkbox" name="ssl" id="ssl" value="1" />
|
|
|
|
|
<span class="desc">$T('explain-ssl')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Tricks to avoid browser auto-fill, fixed on-submit with javascript -->
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="${pid}_00">$T('srv-username')</label>
|
|
|
|
|
<input type="text" name="${pid}_00" id="${pid}_00" data-hide="username" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="${pid}_01">$T('srv-password')</label>
|
|
|
|
|
<input type="text" name="${pid}_01" id="${pid}_01" data-hide="password" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="connections">$T('srv-connections')</label>
|
|
|
|
|
<input type="number" name="connections" id="connections" min="0" max="100" value="8" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="priority">$T('srv-priority')</label>
|
|
|
|
|
<input type="number" name="priority" id="priority" min="0" max="100" /> <i>$T('explain-svrprio')</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="retention">$T('srv-retention')</label>
|
|
|
|
|
<input type="number" name="retention" id="retention" min="0" /> <i>$T('days')</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="timeout">$T('srv-timeout')</label>
|
|
|
|
|
<input type="number" name="timeout" id="timeout" min="30" /> <i>$T('seconds')</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair <!--#if int($have_ssl_context) == 0 then "disabled" else ""#--> advanced-settings">
|
|
|
|
|
<label class="config" for="ssl_verify">$T('opt-ssl_verify')</label>
|
|
|
|
|
<select name="ssl_verify" id="ssl_verify" <!--#if int($have_ssl_context) == 0 then "disabled=\"disabled\"" else ""#-->>
|
|
|
|
|
<option value="2" selected>$T('ssl_verify-strict')</option>
|
|
|
|
|
<option value="1">$T('ssl_verify-normal')</option>
|
|
|
|
|
<option value="0">$T('ssl_verify-disabled')</option>
|
|
|
|
|
</select>
|
|
|
|
|
<span class="desc">$T('explain-ssl_verify').replace('. ', '.<br/>')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="send_group">$T('srv-send_group')</label>
|
|
|
|
|
<input type="checkbox" name="send_group" id="send_group" value="1" />
|
|
|
|
|
<span class="desc">$T('srv-explain-send_group')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="optional">$T('srv-optional')</label>
|
|
|
|
|
<input type="checkbox" name="optional" id="optional" value="1" />
|
|
|
|
|
<span class="desc">$T('explain-optional')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="categories">$T('srv-categories')</label>
|
|
|
|
|
<select name="categories" id="categories" multiple>
|
|
|
|
|
<!--#for $cat in $cats#-->
|
|
|
|
|
<option value="$cat" <!--#if $cat == "Default"#-->selected<!--#end if#-->>
|
|
|
|
|
<!--#if $cat == "Default" then $T('Default') else $cat#-->
|
|
|
|
|
</option>
|
|
|
|
|
<!--#end for#-->
|
|
|
|
|
</select>
|
|
|
|
|
<span class="desc">$T('srv-explain-categories')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="displayname">$T('srv-displayname')</label>
|
|
|
|
|
<input type="text" name="displayname" id="displayname" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="notes">$T('srv-notes')</label>
|
|
|
|
|
<textarea name="notes" id="notes" rows="3" cols="50"></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<button class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> $T('button-addServer')</button>
|
|
|
|
|
<button class="btn btn-default advancedButton"><span class="glyphicon glyphicon-cog"></span> $T('button-advanced')</button>
|
|
|
|
|
<button class="btn btn-default testServer" type="button"><span class="glyphicon glyphicon-sort"></span> $T('button-testServer')</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair result-box">
|
|
|
|
|
<div class="alert"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div><!-- /col1 -->
|
|
|
|
|
</div><!-- /section -->
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="${root}staticcfg/js/chartist.min.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
// Define variables needed for the server-plots
|
|
|
|
|
var serverData = {}
|
|
|
|
|
var chartOptions = {
|
|
|
|
|
fullWidth: true,
|
|
|
|
|
showPoint: false,
|
|
|
|
|
axisX: {
|
|
|
|
|
labelOffset: {
|
|
|
|
|
x: -5
|
|
|
|
|
},
|
|
|
|
|
showGrid: false
|
|
|
|
|
},
|
|
|
|
|
axisY: {
|
|
|
|
|
labelOffset: {
|
|
|
|
|
y: 7
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
chartPadding: {
|
|
|
|
|
top: 9,
|
|
|
|
|
bottom: 0,
|
|
|
|
|
left: 30
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<!--#import json#-->
|
|
|
|
|
<!--#import datetime#-->
|
|
|
|
|
<!--#def show_date_selector($id)#-->
|
|
|
|
|
<!--#set $month_names = [$T('January'), $T('February'), $T('March'), $T('April'), $T('May'), $T('June'), $T('July'), $T('August'), $T('September'), $T('October'), $T('November'), $T('December')] #-->
|
|
|
|
|
<select class="chart-selector" name="chart-selector-${id}" id="chart-selector-${id}" data-id="${id}">
|
|
|
|
|
<!--#for $i in range(12)#-->
|
|
|
|
|
<!--#set cur_date = (datetime.date.today() - datetime.timedelta($i*365/12))#-->
|
|
|
|
|
<option value="<!--#echo '%d-%02d' % ($cur_date.year, $cur_date.month)#-->">$month_names[$cur_date.month-1] $cur_date.year</option>
|
|
|
|
|
<!--#end for#-->
|
|
|
|
|
</select>
|
|
|
|
|
<!--#end def#-->
|
|
|
|
|
|
|
|
|
|
<!--#set $prio_colors = ["#59cc33", "#3366cc","#7f33cc", "#cc33a6", "#cc3333"] #-->
|
|
|
|
|
<!--#set $cur_prio_color = -1 #-->
|
|
|
|
|
<!--#set $last_prio = -1 #-->
|
|
|
|
|
<!--#for $cur, $server in enumerate($servers) #-->
|
|
|
|
|
<form action="saveServer" method="post" class="fullform" autocomplete="off" novalidate>
|
|
|
|
|
<input type="hidden" name="session" value="$session" />
|
|
|
|
|
<input type="hidden" name="server" value="$server['name']" />
|
|
|
|
|
|
|
|
|
|
<div class="section <!--#if int($server['enable']) == 0 then 'server-disabled' else ""#-->">
|
|
|
|
|
<div class="col2 <!--#if int($server['enable']) == 0 then 'server-disabled' else ""#-->">
|
|
|
|
|
<h3>$server['displayname'] <a href="$helpuri$help_uri" target="_blank"><span class="glyphicon glyphicon-question-sign"></span></a></h3>
|
|
|
|
|
|
|
|
|
|
<!--#if int($server['enable']) != 0 #-->
|
|
|
|
|
<!--#if $last_prio != $server['priority'] and $cur_prio_color+1 < len($prio_colors) #-->
|
|
|
|
|
<!--#set $cur_prio_color = $cur_prio_color+1 #-->
|
|
|
|
|
<!--#set $last_prio = $server['priority'] #-->
|
|
|
|
|
<!--#end if#-->
|
|
|
|
|
<span class="label label-primary" style="background-color: $prio_colors[$cur_prio_color]">$server['priority']</span>
|
|
|
|
|
<span class="label label-primary" style="background-color: $prio_colors[$cur_prio_color]">$T('srv-priority'):</span>
|
|
|
|
|
<!--#end if#-->
|
|
|
|
|
<table><tr>
|
|
|
|
|
<td><input type="checkbox" class="toggleServerCheckbox" id="enable_$cur" name="$server['name']" value="1" <!--#if int($server['enable']) != 0 then 'checked="checked"' else ""#--> /></td>
|
|
|
|
|
<td><label for="enable_$cur">$T('enabled')</label></td>
|
|
|
|
|
</tr></table>
|
|
|
|
|
|
|
|
|
|
<button type="button" class="btn btn-default showserver"><span class="glyphicon glyphicon-pencil"></span> $T('showDetails')</button>
|
|
|
|
|
<button type="button" class="btn btn-default clrServer"><span class="glyphicon glyphicon-remove"></span> $T('button-clrServer')</button>
|
|
|
|
|
</div><!-- /col2 -->
|
|
|
|
|
<div class="col1" style="display:none;">
|
|
|
|
|
<input type="hidden" name="enable" id="enable$cur" value="$int($server['enable'])" />
|
|
|
|
|
<fieldset>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="host$cur">$T('srv-host')</label>
|
|
|
|
|
<input type="text" name="host" id="host$cur" value="$server['host']" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="port$cur">$T('srv-port')</label>
|
|
|
|
|
<input type="number" name="port" id="port$cur" value="$server['port']" size="8" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="ssl$cur">$T('srv-ssl')</label>
|
|
|
|
|
<input type="checkbox" name="ssl" id="ssl$cur" value="1" <!--#if int($server['ssl']) != 0 then 'checked="checked"' else ""#--> />
|
|
|
|
|
<span class="desc">$T('explain-ssl')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Tricks to avoid browser auto-fill, fixed on-submit with javascript -->
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="${pid}_${cur}0">$T('srv-username')</label>
|
|
|
|
|
<input type="text" name="${pid}_${cur}0" id="${pid}_${cur}0" value="$server['username']" data-hide="username" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="${pid}_${cur}1">$T('srv-password')</label>
|
|
|
|
|
<input type="text" name="${pid}_${cur}1" id="${pid}_${cur}1" value="$server['password']" data-hide="password" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="connections$cur">$T('srv-connections')</label>
|
|
|
|
|
<input type="number" name="connections" id="connections$cur" value="$server['connections']" min="0" max="100" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<label class="config" for="priority$cur">$T('srv-priority')</label>
|
|
|
|
|
<input type="number" name="priority" id="priority$cur" value="$server['priority']" min="0" max="100" /> <i>$T('explain-svrprio')</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="retention$cur">$T('srv-retention')</label>
|
|
|
|
|
<input type="number" name="retention" id="retention$cur" value="$server['retention']" min="0" /> <i>$T('days')</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="timeout$cur">$T('srv-timeout')</label>
|
|
|
|
|
<input type="number" name="timeout" id="timeout$cur" value="$server['timeout']" min="30" /> <i>$T('seconds')</i>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="field-pair <!--#if int($have_ssl_context) == 0 then "disabled" else ""#--> advanced-settings">
|
|
|
|
|
<label class="config" for="ssl_verify$cur">$T('opt-ssl_verify')</label>
|
|
|
|
|
<select name="ssl_verify" id="ssl_verify$cur" <!--#if int($have_ssl_context) == 0 then "disabled=\"disabled\"" else ""#-->>
|
|
|
|
|
<option value="2" <!--#if $server['ssl_verify'] == 2 then 'selected="selected"' else ""#--> >$T('ssl_verify-strict')</option>
|
|
|
|
|
<option value="1" <!--#if $server['ssl_verify'] == 1 then 'selected="selected"' else ""#--> >$T('ssl_verify-normal')</option>
|
|
|
|
|
<option value="0" <!--#if $server['ssl_verify'] == 0 then 'selected="selected"' else ""#--> >$T('ssl_verify-disabled')</option>
|
|
|
|
|
</select>
|
|
|
|
|
<span class="desc">$T('explain-ssl_verify').replace('. ', '.<br/>')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="optional$cur">$T('srv-optional')</label>
|
|
|
|
|
<input type="checkbox" name="optional" id="optional$cur" value="1" <!--#if int($server['optional']) != 0 then 'checked="checked"' else ""#--> />
|
|
|
|
|
<span class="desc">$T('explain-optional')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="send_group$cur">$T('srv-send_group')</label>
|
|
|
|
|
<input type="checkbox" name="send_group" id="send_group$cur" value="1" <!--#if int($server['send_group']) != 0 then 'checked="checked"' else ""#--> />
|
|
|
|
|
<span class="desc">$T('srv-explain-send_group')</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="categories$cur">$T('srv-categories')</label>
|
|
|
|
|
<select name="categories" id="categories$cur" multiple>
|
|
|
|
|
<!--#for $cat in $cats#-->
|
|
|
|
|
<option value="$cat" <!--#if $cat in $server['categories'] then 'selected' else ""#-->>
|
|
|
|
|
<!--#if $cat == "Default" then $T('Default') else $cat#-->
|
|
|
|
|
</option>
|
|
|
|
|
<!--#end for#-->
|
|
|
|
|
</select>
|
|
|
|
|
<span class="desc">$T('srv-explain-categories')</span>
|
|
|
|
|
<div class="alert alert-info alert-no-category">
|
|
|
|
|
<span class="glyphicon glyphicon-info-sign"></span>
|
|
|
|
|
$T('srv-explain-no-categories')
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="displayname$cur">$T('srv-displayname')</label>
|
|
|
|
|
<input type="text" name="displayname" id="displayname$cur" value="$server['displayname']" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair advanced-settings">
|
|
|
|
|
<label class="config" for="notes$cur">$T('srv-notes')</label>
|
|
|
|
|
<textarea name="notes" id="notes$cur" rows="3" cols="50">$server['notes']</textarea>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair">
|
|
|
|
|
<button class="btn btn-default saveButton"><span class="glyphicon glyphicon-ok"></span> $T('button-saveChanges')</button>
|
|
|
|
|
<button class="btn btn-default advancedButton"><span class="glyphicon glyphicon-cog"></span> $T('button-advanced')</button>
|
|
|
|
|
<button class="btn btn-default testServer" type="button"><span class="glyphicon glyphicon-sort"></span> $T('button-testServer')</button>
|
|
|
|
|
<button class="btn btn-default delServer"><span class="glyphicon glyphicon-trash"></span> $T('button-delServer')</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="field-pair result-box">
|
|
|
|
|
<div class="alert"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col1" style="display:block;">
|
|
|
|
|
<!--#if 'amounts' in $server#-->
|
|
|
|
|
<div class="server-amounts-text">
|
|
|
|
|
<b>$T('srv-bandwidth'):</b><br/>
|
|
|
|
|
$T('total'): $(server['amounts'][0])B<br/>
|
|
|
|
|
$T('today'): $(server['amounts'][3])B<br/>
|
|
|
|
|
$T('thisWeek'): $(server['amounts'][2])B<br/>
|
|
|
|
|
$T('thisMonth'): $(server['amounts'][1])B
|
|
|
|
|
</div>
|
|
|
|
|
<div class="server-chart">
|
|
|
|
|
$show_date_selector($cur)
|
|
|
|
|
<div id="server-chart-${cur}" class="ct-chart"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
// Server data
|
|
|
|
|
serverData[${cur}] = <!--#echo json.dumps($server['amounts'][4])#-->
|
|
|
|
|
\$(document).ready(function() {
|
|
|
|
|
showChart(${cur})
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
<!--#end if#-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<!--#end for#-->
|
|
|
|
|
|
|
|
|
|
</div><!-- /colmask -->
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
function showChart(server_id, month) {
|
|
|
|
|
// This month
|
|
|
|
|
var thisDay = new Date()
|
|
|
|
|
|
|
|
|
|
// What month are we doing?
|
|
|
|
|
if(month) {
|
|
|
|
|
var inputDate = new Date(month+'-01')
|
|
|
|
|
} else {
|
|
|
|
|
var inputDate = new Date()
|
|
|
|
|
}
|
|
|
|
|
var baseDate = new Date(inputDate.getFullYear(), inputDate.getMonth(), 1)
|
|
|
|
|
var maxDaysInMonth = new Date(baseDate.getYear(), baseDate.getMonth()+1, 0).getDate()
|
|
|
|
|
|
|
|
|
|
// Fill the data array
|
|
|
|
|
var data = {
|
|
|
|
|
labels: [],
|
|
|
|
|
series: [[]]
|
|
|
|
|
};
|
|
|
|
|
var largestVal = 0
|
|
|
|
|
for(var i = 1; i <= maxDaysInMonth; i++) {
|
|
|
|
|
// Add X-label
|
|
|
|
|
if(i % 3 == 1) {
|
|
|
|
|
data['labels'].push(i)
|
|
|
|
|
} else {
|
|
|
|
|
data['labels'].push(NaN)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Get formatted date
|
|
|
|
|
baseDate.setDate(i)
|
|
|
|
|
var dateCheck = baseDate.toJSON().slice(0,10)
|
|
|
|
|
|
|
|
|
|
// Add data if we have it
|
|
|
|
|
if(dateCheck in serverData[server_id]) {
|
|
|
|
|
data['series'][0].push(serverData[server_id][dateCheck])
|
|
|
|
|
largestVal = Math.max(largestVal, serverData[server_id][dateCheck])
|
|
|
|
|
} else if(thisDay.getMonth() == baseDate.getMonth() && thisDay.getDate() < i) {
|
|
|
|
|
data['series'][0].push(NaN)
|
|
|
|
|
} else {
|
|
|
|
|
data['series'][0].push(0)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
console.log(data['series'][0])
|
|
|
|
|
|
|
|
|
|
// Check if we should shrink the Y-axis values
|
|
|
|
|
var devideBy = 1024
|
|
|
|
|
var axisLabel = 'KB'
|
|
|
|
|
if(largestVal > 1024*1024) {
|
|
|
|
|
devideBy = 1024*1024
|
|
|
|
|
axisLabel = 'MB'
|
|
|
|
|
}
|
|
|
|
|
if(largestVal > 1024*1024*1024) {
|
|
|
|
|
devideBy = 1024*1024*1024
|
|
|
|
|
axisLabel = 'GB'
|
|
|
|
|
}
|
|
|
|
|
if(largestVal > 1024*1024*1024*1024) {
|
|
|
|
|
devideBy = 1024*1024*1024*1024
|
|
|
|
|
axisLabel = 'TB'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Shrink the value
|
|
|
|
|
data['series'][0] = data['series'][0].map(function(num) {
|
|
|
|
|
return num / devideBy;
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// Show the chart
|
|
|
|
|
chart = new Chartist.Line('#server-chart-'+server_id, data, chartOptions);
|
|
|
|
|
chart.on('created', function(context) {
|
|
|
|
|
context.svg.elem('rect', {
|
|
|
|
|
x: context.chartRect.x1,
|
|
|
|
|
y: context.chartRect.y2,
|
|
|
|
|
width: context.chartRect.width(),
|
|
|
|
|
height: context.chartRect.height()+2,
|
|
|
|
|
fill: 'none',
|
|
|
|
|
stroke: '#B9B9B9',
|
|
|
|
|
'stroke-width': '1px'
|
|
|
|
|
})
|
|
|
|
|
\$('#server-chart-'+server_id+' .ct-label.ct-vertical').each(function(index, elmn) {
|
|
|
|
|
elmn.innerHTML += axisLabel
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
When finished loading
|
|
|
|
|
**/
|
|
|
|
|
\$(document).ready(function(){
|
|
|
|
|
// Exception when change of priority, reload
|
|
|
|
|
\$('input[name="priority"], input[name="displayname"]').on('change', function() {
|
|
|
|
|
\$('.fullform').submit(function() {
|
|
|
|
|
// Skip the fancy stuff, just submit
|
|
|
|
|
this.submit()
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
Update charts when changed
|
|
|
|
|
**/
|
|
|
|
|
\$('.chart-selector').on('change', function(elemn) {
|
|
|
|
|
showChart(\$(elemn.target).data('id'), \$(elemn.target).val())
|
|
|
|
|
// Lets us leave (needs to be called after the change event)
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
formWasSubmitted = true;
|
|
|
|
|
formHasChanged = false;
|
|
|
|
|
}, 100)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
Message on no Default category selected
|
|
|
|
|
**/
|
|
|
|
|
function checkServerCats() {
|
|
|
|
|
// Now we check all of them
|
|
|
|
|
var hasDefault = false;
|
|
|
|
|
// Only check the active servers, not the add-server one
|
|
|
|
|
\$('.section:not(#addServerContent) select[name="categories"]').each(function() {
|
|
|
|
|
// See if this server is enabled
|
|
|
|
|
if(!\$(this).parents('.section').find('.col2').hasClass('server-disabled') ) {
|
|
|
|
|
// Is there Default?
|
|
|
|
|
if(\$(this).val() && \$(this).val().indexOf('Default') > -1) {
|
|
|
|
|
// Hide
|
|
|
|
|
\$('.alert-no-category').hide()
|
|
|
|
|
hasDefault = true
|
|
|
|
|
// All good!
|
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
// We found nothing.. Let's show a warning
|
|
|
|
|
if(!hasDefault) \$('.alert-no-category').show()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
\$('select[name="categories"]').on('change', checkServerCats)
|
|
|
|
|
checkServerCats()
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
Click events
|
|
|
|
|
**/
|
|
|
|
|
\$('.showserver').click(function () {
|
|
|
|
|
if(\$(this).parent().hasClass('server-disabled')) {
|
|
|
|
|
\$(this).parent().parent().toggleClass('server-disabled')
|
|
|
|
|
}
|
|
|
|
|
\$(this).parent().next().toggle();
|
|
|
|
|
\$(this).parent().next().next().toggle();
|
|
|
|
|
if (\$(this).attr("value") == "$T('showDetails')") {
|
|
|
|
|
\$(this).attr("value", "$T('hideDetails')");
|
|
|
|
|
} else {
|
|
|
|
|
\$(this).attr("value", "$T('showDetails')");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
\$('#addServerButton').click(function(){
|
|
|
|
|
\$('#addServer').hide();
|
|
|
|
|
\$('#addServerContent').show();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
\$('[name="ssl"]').click(function() {
|
|
|
|
|
// Use CSS transitions to do some highlighting
|
|
|
|
|
var portBox = \$(this).parent().parent().find('[name="port"]')
|
|
|
|
|
if(this.checked) {
|
|
|
|
|
// Enabled SSL change port when not already a custom port
|
|
|
|
|
if(portBox.val() == '119') {
|
|
|
|
|
portBox.val('563')
|
|
|
|
|
portBox.addClass('port-highlight')
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
// Remove SSL port
|
|
|
|
|
if(portBox.val() == '563') {
|
|
|
|
|
portBox.val('119')
|
|
|
|
|
portBox.addClass('port-highlight')
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setTimeout(function() { portBox.removeClass('port-highlight') }, 2000)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
\$('.testServer').click(function(event){
|
|
|
|
|
removeObfuscation()
|
|
|
|
|
var theButton = \$(this)
|
|
|
|
|
var resultBox = theButton.parents('.col1').find('.result-box .alert');
|
|
|
|
|
theButton.attr("disabled", "disabled")
|
|
|
|
|
theButton.find('span').toggleClass('glyphicon-sort glyphicon-refresh spin-glyphicon')
|
|
|
|
|
\$.ajax({
|
|
|
|
|
type: "POST",
|
|
|
|
|
url: "../../tapi",
|
|
|
|
|
data: "mode=config&output=json&name=test_server&" + \$(this).parents('form:first').serialize()
|
|
|
|
|
}).then(function(data) {
|
|
|
|
|
// Let's replace the link
|
|
|
|
|
msg = data.value.message.replace('https://sabnzbd.org/certificate-errors', '<a href="https://sabnzbd.org/certificate-errors" class="alert-link" target="_blank">https://sabnzbd.org/certificate-errors</a>')
|
|
|
|
|
msg = msg.replace('-', '<br>')
|
|
|
|
|
// Fill the box and enable the button
|
|
|
|
|
resultBox.removeClass('alert-success alert-danger').show()
|
|
|
|
|
resultBox.html(msg)
|
|
|
|
|
theButton.removeAttr("disabled")
|
|
|
|
|
theButton.find('span').toggleClass('glyphicon-sort glyphicon-refresh spin-glyphicon')
|
|
|
|
|
|
|
|
|
|
// Succes or not?
|
|
|
|
|
if(data.value.result) {
|
|
|
|
|
resultBox.addClass('alert-success')
|
|
|
|
|
resultBox.prepend('<span class="glyphicon glyphicon-ok-sign"></span> ')
|
|
|
|
|
} else {
|
|
|
|
|
resultBox.addClass('alert-danger')
|
|
|
|
|
resultBox.prepend('<span class="glyphicon glyphicon-exclamation-sign"></span> ')
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
\$('.delServer').click(function(){
|
|
|
|
|
if( confirm("$T('Plush-confirm')") ) {
|
|
|
|
|
\$(this).parents('form:first').attr('action','delServer').submit();
|
|
|
|
|
// Let us leave!
|
|
|
|
|
formWasSubmitted = true;
|
|
|
|
|
formHasChanged = false;
|
|
|
|
|
setTimeout(function() { location.reload(); }, 500)
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
\$('.clrServer').click(function(){
|
|
|
|
|
if( confirm("$T('Plush-confirm')") ) {
|
|
|
|
|
\$(this).parents('form:first').attr('action','clrServer').submit();
|
|
|
|
|
// Let us leave!
|
|
|
|
|
formWasSubmitted = true;
|
|
|
|
|
formHasChanged = false;
|
|
|
|
|
setTimeout(function() { location.reload(); }, 500)
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
\$('.toggleServerCheckbox').click(function(){
|
|
|
|
|
var whichServer = \$(this).attr("name");
|
|
|
|
|
\$.ajax({
|
|
|
|
|
type: "POST",
|
|
|
|
|
url: "toggleServer",
|
|
|
|
|
data: {server: whichServer, session: "$session" }
|
|
|
|
|
}).done(function() {
|
|
|
|
|
// Let us leave!
|
|
|
|
|
formWasSubmitted = true;
|
|
|
|
|
formHasChanged = false;
|
|
|
|
|
setTimeout(function() { location.reload(); }, 100)
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<!--#include $webdir + "/_inc_footer_uc.tmpl"#-->
|
