Dashboard bugfixes
This commit is contained in:
@@ -36,7 +36,7 @@
|
||||
</if>
|
||||
<else>
|
||||
<div class="progress">
|
||||
<div class="bar" style="width: 50%"></div>
|
||||
<div class="bar" style="width: 0%"></div>
|
||||
</div>
|
||||
</if>
|
||||
</span>
|
||||
@@ -54,7 +54,7 @@
|
||||
</if>
|
||||
<else>
|
||||
<div class="progress">
|
||||
<div class="bar" style="width: 50%"></div>
|
||||
<div class="bar" style="width: 0%"></div>
|
||||
</div>
|
||||
</if>
|
||||
</span>
|
||||
|
||||
379
templates/Sparkle/admin/index/index.tpl
vendored
379
templates/Sparkle/admin/index/index.tpl
vendored
@@ -5,198 +5,197 @@ $header
|
||||
{$lng['panel']['dashboard']}
|
||||
</h2>
|
||||
<div class="canvasitems">
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="customers" class="circular" used="{$overview['number_customers']}" available="{$userinfo['customers']}" assigned="{$userinfo['customers_used']}">
|
||||
<canvas id="customers-canvas" width="120" height="76"></canvas>
|
||||
{$lng['admin']['customers']}<br />
|
||||
<small>
|
||||
{$overview['number_customers']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['customers_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['customers'] != '∞'>
|
||||
{$userinfo['customers']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="customers" class="circular" used="{$overview['number_customers']}" available="{$userinfo['customers']}" assigned="{$userinfo['customers_used']}">
|
||||
<canvas id="customers-canvas" width="120" height="76"></canvas>
|
||||
{$lng['admin']['customers']}<br />
|
||||
<small>
|
||||
{$overview['number_customers']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['customers_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['customers'] != '∞'>
|
||||
{$userinfo['customers']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="domains" class="circular" used="{$overview['number_domains']}" available="{$userinfo['domains']}" assigned="{$userinfo['domains_used']}">
|
||||
<canvas id="domains-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['domains']}<br />
|
||||
<small>
|
||||
{$overview['number_domains']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['domains_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['domains'] != '∞'>
|
||||
{$userinfo['domains']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="subdomains" class="circular" used="{$overview['subdomains_used']}" available="{$userinfo['subdomains']}" assigned="{$userinfo['subdomains_used']}">
|
||||
<canvas id="subdomains-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['subdomains']}<br />
|
||||
<small>
|
||||
{$overview['subdomains_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['subdomains_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['subdomains'] != '∞'>
|
||||
{$userinfo['subdomains']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="diskspace" class="circular" used="{$overview['diskspace_used']}" available="{$userinfo['diskspace']}" assigned="{$userinfo['diskspace_used']}">
|
||||
<canvas id="diskspace-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['diskspace']}<br />
|
||||
<small>
|
||||
{$overview['diskspace_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['diskspace_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['diskspace'] != '∞'>
|
||||
{$userinfo['diskspace']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="traffic" class="circular" used="{$overview['traffic_used']}" available="{$userinfo['traffic']}" assigned="{$userinfo['traffic_used']}">
|
||||
<canvas id="traffic-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['traffic']}<br />
|
||||
<small>
|
||||
{$overview['traffic_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['traffic_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['traffic'] != '∞'>
|
||||
{$userinfo['traffic']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="mysqls" class="circular" used="{$overview['mysqls_used']}" available="{$userinfo['mysqls']}" assigned="{$userinfo['mysqls_used']}">
|
||||
<canvas id="mysqls-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['mysqls']}<br />
|
||||
<small>
|
||||
{$overview['mysqls_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['mysqls_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['mysqls'] != '∞'>
|
||||
{$userinfo['mysqls']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="emails" class="circular" used="{$overview['emails_used']}" available="{$userinfo['emails']}" assigned="{$userinfo['emails_used']}">
|
||||
<canvas id="emails-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['emails']}<br />
|
||||
<small>
|
||||
{$overview['emails_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['emails_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['emails'] != '∞'>
|
||||
{$userinfo['emails']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_accounts" class="circular" used="{$overview['email_accounts_used']}" available="{$userinfo['email_accounts']}" assigned="{$userinfo['email_accounts_used']}">
|
||||
<canvas id="email_accounts-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['accounts']}<br />
|
||||
<small>
|
||||
{$overview['email_accounts_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['email_accounts_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['email_accounts'] != '∞'>
|
||||
{$userinfo['email_accounts']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_forwarders" class="circular" used="{$overview['email_forwarders_used']}" available="{$userinfo['email_forwarders']}" assigned="{$userinfo['email_forwarders_used']}">
|
||||
<canvas id="email_forwarders-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['forwarders']}<br />
|
||||
<small>
|
||||
{$overview['email_forwarders_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['email_forwarders_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['email_forwarders'] != '∞'>
|
||||
{$userinfo['email_forwarders']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<if $settings['system']['mail_quota_enabled'] == 1>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_quota" class="circular" used="{$overview['email_quota_used']}" available="{$userinfo['email_quota']}" assigned="{$userinfo['email_quota_used']}">
|
||||
<canvas id="email_quota-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['email_quota']}<br />
|
||||
<small>
|
||||
{$overview['email_quota_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['email_quota_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['email_quota'] != '∞'>
|
||||
{$userinfo['email_quota']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $settings['autoresponder']['autoresponder_active'] == 1>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_autoresponder" class="circular" used="{$overview['email_autoresponder_used']}" available="{$userinfo['email_autoresponder']}" assigned="{$userinfo['email_autoresponder_used']}">
|
||||
<canvas id="email_autoresponder-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['autoresponder']}<br />
|
||||
<small>
|
||||
{$overview['email_autoresponder_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['email_autoresponder_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['email_autoresponder'] != '∞'>
|
||||
{$userinfo['email_autoresponder']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if (int)$settings['aps']['aps_active'] == 1>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="aps_packages" class="circular" used="{$overview['aps_packages_used']}" available="{$userinfo['aps_packages']}" assigned="{$userinfo['aps_packages_used']}">
|
||||
<canvas id="aps_packages-canvas" width="120" height="76"></canvas>
|
||||
{$lng['aps']['numberofapspackages']}<br />
|
||||
<small>
|
||||
{$overview['aps_packages_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['aps_packages_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['aps_packages'] != '∞'>
|
||||
{$userinfo['aps_packages']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="ftps" class="circular" used="{$overview['ftps_used']}" available="{$userinfo['ftps']}" assigned="{$userinfo['ftps_used']}">
|
||||
<canvas id="ftps-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['ftps']}<br />
|
||||
<small>
|
||||
{$overview['ftps_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['ftps_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['ftps'] != '∞'>
|
||||
{$userinfo['ftps']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<if $settings['ticket']['enabled'] == 1>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="tickets" class="circular" used="{$overview['tickets_used']}" available="{$userinfo['tickets']}" assigned="{$userinfo['tickets_used']}">
|
||||
<canvas id="tickets-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['tickets']}<br />
|
||||
<small>
|
||||
{$overview['tickets_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['tickets_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['tickets'] != '∞'>
|
||||
{$userinfo['tickets']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="domains" class="circular" used="{$overview['number_domains']}" available="{$userinfo['domains']}" assigned="{$userinfo['domains_used']}">
|
||||
<canvas id="domains-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['domains']}<br />
|
||||
<small>
|
||||
{$overview['number_domains']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['domains_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['domains'] != '∞'>
|
||||
{$userinfo['domains']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="subdomains" class="circular" used="{$overview['subdomains_used']}" available="{$userinfo['subdomains']}" assigned="{$userinfo['subdomains_used']}">
|
||||
<canvas id="subdomains-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['subdomains']}<br />
|
||||
<small>
|
||||
{$overview['subdomains_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['subdomains_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['subdomains'] != '∞'>
|
||||
{$userinfo['subdomains']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="diskspace" class="circular" used="{$overview['diskspace_used']}" available="{$userinfo['diskspace']}" assigned="{$userinfo['diskspace_used']}">
|
||||
<canvas id="diskspace-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['diskspace']}<br />
|
||||
<small>
|
||||
{$overview['diskspace_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['diskspace_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['diskspace'] != '∞'>
|
||||
{$userinfo['diskspace']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="traffic" class="circular" used="{$overview['traffic_used']}" available="{$userinfo['traffic']}" assigned="{$userinfo['traffic_used']}">
|
||||
<canvas id="traffic-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['traffic']}<br />
|
||||
<small>
|
||||
{$overview['traffic_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['traffic_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['traffic'] != '∞'>
|
||||
{$userinfo['traffic']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="mysqls" class="circular" used="{$overview['mysqls_used']}" available="{$userinfo['mysqls']}" assigned="{$userinfo['mysqls_used']}">
|
||||
<canvas id="mysqls-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['mysqls']}<br />
|
||||
<small>
|
||||
{$overview['mysqls_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['mysqls_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['mysqls'] != '∞'>
|
||||
{$userinfo['mysqls']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="emails" class="circular" used="{$overview['emails_used']}" available="{$userinfo['emails']}" assigned="{$userinfo['emails_used']}">
|
||||
<canvas id="emails-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['emails']}<br />
|
||||
<small>
|
||||
{$overview['emails_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['emails_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['emails'] != '∞'>
|
||||
{$userinfo['emails']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_accounts" class="circular" used="{$overview['email_accounts_used']}" available="{$userinfo['email_accounts']}" assigned="{$userinfo['email_accounts_used']}">
|
||||
<canvas id="email_accounts-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['accounts']}<br />
|
||||
<small>
|
||||
{$overview['email_accounts_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['email_accounts_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['email_accounts'] != '∞'>
|
||||
{$userinfo['email_accounts']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_forwarders" class="circular" used="{$overview['email_forwarders_used']}" available="{$userinfo['email_forwarders']}" assigned="{$userinfo['email_forwarders_used']}">
|
||||
<canvas id="email_forwarders-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['forwarders']}<br />
|
||||
<small>
|
||||
{$overview['email_forwarders_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['email_forwarders_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['email_forwarders'] != '∞'>
|
||||
{$userinfo['email_forwarders']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<if $settings['system']['mail_quota_enabled'] == 1>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_quota" class="circular" used="{$overview['email_quota_used']}" available="{$userinfo['email_quota']}" assigned="{$userinfo['email_quota_used']}">
|
||||
<canvas id="email_quota-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['email_quota']}<br />
|
||||
<small>
|
||||
{$overview['email_quota_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['email_quota_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['email_quota'] != '∞'>
|
||||
{$userinfo['email_quota']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $settings['autoresponder']['autoresponder_active'] == 1>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_autoresponder" class="circular" used="{$overview['email_autoresponder_used']}" available="{$userinfo['email_autoresponder']}" assigned="{$userinfo['email_autoresponder_used']}">
|
||||
<canvas id="email_autoresponder-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['autoresponder']}<br />
|
||||
<small>
|
||||
{$overview['email_autoresponder_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['email_autoresponder_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['email_autoresponder'] != '∞'>
|
||||
{$userinfo['email_autoresponder']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if (int)$settings['aps']['aps_active'] == 1>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="aps_packages" class="circular" used="{$overview['aps_packages_used']}" available="{$userinfo['aps_packages']}" assigned="{$userinfo['aps_packages_used']}">
|
||||
<canvas id="aps_packages-canvas" width="120" height="76"></canvas>
|
||||
{$lng['aps']['numberofapspackages']}<br />
|
||||
<small>
|
||||
{$overview['aps_packages_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['aps_packages_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['aps_packages'] != '∞'>
|
||||
{$userinfo['aps_packages']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="ftps" class="circular" used="{$overview['ftps_used']}" available="{$userinfo['ftps']}" assigned="{$userinfo['ftps_used']}">
|
||||
<canvas id="ftps-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['ftps']}<br />
|
||||
<small>
|
||||
{$overview['ftps_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['ftps_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['ftps'] != '∞'>
|
||||
{$userinfo['ftps']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<if $settings['ticket']['enabled'] == 1>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="tickets" class="circular" used="{$overview['tickets_used']}" available="{$userinfo['tickets']}" assigned="{$userinfo['tickets_used']}">
|
||||
<canvas id="tickets-canvas" width="120" height="76"></canvas>
|
||||
{$lng['customer']['tickets']}<br />
|
||||
<small>
|
||||
{$overview['tickets_used']} {$lng['panel']['used']}<br />
|
||||
{$userinfo['tickets_used']} {$lng['panel']['assigned']}<br />
|
||||
<if $userinfo['tickets'] != '∞'>
|
||||
{$userinfo['tickets']} {$lng['panel']['available']}
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
</div>
|
||||
|
||||
<section style="clear:both"></section>
|
||||
<h3>System Information</h3>
|
||||
<section class="dboarditem bradius">
|
||||
<table>
|
||||
|
||||
5
templates/Sparkle/assets/css/main.css
vendored
5
templates/Sparkle/assets/css/main.css
vendored
@@ -806,9 +806,8 @@ select[multiple="multiple"] {
|
||||
.cronjobtask li {
|
||||
background-image: url(../img/icons/clock.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px center;
|
||||
padding-left: 18px;
|
||||
height: 18px;
|
||||
background-position: 0px 1px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
.overviewheading {
|
||||
|
||||
25
templates/Sparkle/assets/js/circular.js
vendored
25
templates/Sparkle/assets/js/circular.js
vendored
@@ -2,6 +2,7 @@ $(document).ready(function() {
|
||||
var usedColor = "#91c46b";
|
||||
var assiColor = "#287e7e";
|
||||
var unliColor = "#56606e";
|
||||
var overColor = "#dd514c";
|
||||
|
||||
$(".circular").each(function(index, element) {
|
||||
var canvas = "#" + $(element).attr("id") + "-canvas";
|
||||
@@ -15,6 +16,7 @@ $(document).ready(function() {
|
||||
|
||||
// Draw percentages
|
||||
if (!isNaN(assigned) && available == "∞") {
|
||||
// Unlimited ressource and assigned
|
||||
if (assigned > used) {
|
||||
// Draw assigned as full circle
|
||||
circularCircle(canvas, 38, 0, 270, 4, assiColor);
|
||||
@@ -35,6 +37,7 @@ $(document).ready(function() {
|
||||
}
|
||||
circularText(canvas, 60, 42, 26, "∞")
|
||||
} else if (!isNaN(assigned)) {
|
||||
// Limited ressources but assigned
|
||||
available = parseFloat(available);
|
||||
|
||||
assignedP = Math.round(100 / available * assigned);
|
||||
@@ -48,6 +51,7 @@ $(document).ready(function() {
|
||||
circularCircle(canvas, 40, 0, 270, 8, unliColor);
|
||||
circularText(canvas, 60, 42, 26, "∞")
|
||||
} else {
|
||||
// Limited ressources
|
||||
available = parseFloat(available);
|
||||
usedP = 100 / available * used;
|
||||
if (usedP < 1 && usedP > 0) {
|
||||
@@ -55,9 +59,21 @@ $(document).ready(function() {
|
||||
} else {
|
||||
usedP = Math.round(usedP);
|
||||
}
|
||||
// Check if customer is over Limit
|
||||
usedD = 270 * usedP / 100;
|
||||
circularCircle(canvas, 40, 0, usedD, 8, usedColor);
|
||||
circularText(canvas, 60, 42, 22, usedP + "%")
|
||||
if (usedD > 270) { usedD = 270; }
|
||||
if (usedP > 90) {
|
||||
circularCircle(canvas, 40, 0, usedD, 8, overColor);
|
||||
} else {
|
||||
circularCircle(canvas, 40, 0, usedD, 8, usedColor);
|
||||
}
|
||||
if (usedP > 100) {
|
||||
circularText(canvas, 60, 42, 22, usedP + "%", overColor);
|
||||
} else {
|
||||
circularText(canvas, 60, 42, 22, usedP + "%")
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
@@ -74,9 +90,10 @@ function circularCircle(canvas, radius, start, end, stroke, color) {
|
||||
rotate: -135
|
||||
});
|
||||
}
|
||||
function circularText(canvas, x, y, size, text) {
|
||||
function circularText(canvas, x, y, size, text, color) {
|
||||
color = color || "#343a41";
|
||||
$(canvas).drawText({
|
||||
fillStyle: "#343a41",
|
||||
fillStyle: color,
|
||||
x: x, y: y,
|
||||
fontSize: size,
|
||||
fontFamily: "Lucida Grande, Verdana, sans-serif",
|
||||
|
||||
24
templates/Sparkle/customer/index/index.tpl
vendored
24
templates/Sparkle/customer/index/index.tpl
vendored
@@ -6,6 +6,7 @@ $header
|
||||
</h2>
|
||||
|
||||
<section class="dboardcanvas">
|
||||
<if $userinfo['subdomains'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="subdomains" class="circular" used="{$userinfo['subdomains_used']}" available="{$userinfo['subdomains']}">
|
||||
<canvas id="subdomains-canvas" width="120" height="76"></canvas>
|
||||
@@ -17,7 +18,9 @@ $header
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $userinfo['diskspace'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="diskspace" class="circular" used="{$userinfo['diskspace_used']}" available="{$userinfo['diskspace']}">
|
||||
<canvas id="diskspace-canvas" width="120" height="76"></canvas>
|
||||
@@ -29,7 +32,9 @@ $header
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $userinfo['traffic'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="traffic" class="circular" used="{$userinfo['traffic_used']}" available="{$userinfo['traffic']}">
|
||||
<canvas id="traffic-canvas" width="120" height="76"></canvas>
|
||||
@@ -41,7 +46,9 @@ $header
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $userinfo['emails'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="emails" class="circular" used="{$userinfo['emails_used']}" available="{$userinfo['emails']}">
|
||||
<canvas id="emails-canvas" width="120" height="76"></canvas>
|
||||
@@ -53,7 +60,9 @@ $header
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $userinfo['email_accounts'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_accounts" class="circular" used="{$userinfo['email_accounts_used']}" available="{$userinfo['email_accounts']}">
|
||||
<canvas id="email_accounts-canvas" width="120" height="76"></canvas>
|
||||
@@ -65,7 +74,9 @@ $header
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $userinfo['email_forwarders'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_forwarders" class="circular" used="{$userinfo['email_forwarders_used']}" available="{$userinfo['email_forwarders']}">
|
||||
<canvas id="email_forwarders-canvas" width="120" height="76"></canvas>
|
||||
@@ -77,8 +88,9 @@ $header
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $settings['system']['mail_quota_enabled'] == 1>
|
||||
<if $settings['system']['mail_quota_enabled'] == 1 && $userinfo['email_quota'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_quota" class="circular" used="{$userinfo['email_quota_used']}" available="{$userinfo['email_quota']}">
|
||||
<canvas id="email_forwarders-canvas" width="120" height="76"></canvas>
|
||||
@@ -92,7 +104,7 @@ $header
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $settings['autoresponder']['autoresponder_active'] == 1>
|
||||
<if $settings['autoresponder']['autoresponder_active'] == 1 && $userinfo['email_autoresponder'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="email_autoresponder" class="circular" used="{$userinfo['email_autoresponder_used']}" available="{$userinfo['email_autoresponder']}">
|
||||
<canvas id="email_autoresponder-canvas" width="120" height="76"></canvas>
|
||||
@@ -106,6 +118,7 @@ $header
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $userinfo['mysqls'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="mysqls" class="circular" used="{$userinfo['mysqls_used']}" available="{$userinfo['mysqls']}">
|
||||
<canvas id="mysqls-canvas" width="120" height="76"></canvas>
|
||||
@@ -117,7 +130,9 @@ $header
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if $userinfo['ftps'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="ftps" class="circular" used="{$userinfo['ftps_used']}" available="{$userinfo['ftps']}">
|
||||
<canvas id="ftps-canvas" width="120" height="76"></canvas>
|
||||
@@ -129,8 +144,9 @@ $header
|
||||
</if>
|
||||
</small>
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if (int)$settings['aps']['aps_active'] == 1>
|
||||
<if (int)$settings['aps']['aps_active'] == 1 && $userinfo['aps_packages'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="aps_packages" class="circular" used="{$userinfo['aps_packages_used']}" available="{$userinfo['aps_packages']}">
|
||||
<canvas id="aps_packages-canvas" width="120" height="76"></canvas>
|
||||
@@ -144,7 +160,7 @@ $header
|
||||
</div>
|
||||
</if>
|
||||
|
||||
<if (int)$settings['ticket']['enabled'] == 1>
|
||||
<if (int)$settings['ticket']['enabled'] == 1 && $userinfo['tickets'] != '0'>
|
||||
<div class="canvasbox">
|
||||
<input type="hidden" id="tickets" class="circular" used="{$userinfo['tickets_used']}" available="{$userinfo['tickets']}">
|
||||
<canvas id="tickets-canvas" width="120" height="76"></canvas>
|
||||
|
||||
Reference in New Issue
Block a user