@ -65,12 +65,12 @@ limitations under the License
if (Model.IsLoggedIn)
{
<ul class="nav nav-tabs">
<li id="board" class="nav-item">
<li id="board" class="nav-item">
<a href="#switchDashboardButton" class="active" data-bs-toggle="tab" onclick="return showDashboard();">Dashboard</a>
</li>
<li id="board" class="nav-item">
</li>
<li id="board" class="nav-item">
<a href="#switchInfoButton" class="active" data-bs-toggle="tab" onclick="return showInfo();">Info</a>
</li>
</li>
</ul>
<div id="divInfo" style="display: none;">
@ -192,53 +192,96 @@ limitations under the License
}
}
</div>
<div class="statsMenu row">
<div class="col-md-3 stats-item total-queries">
<div class="number" id="totalQueriesStats">100</div>
<div class="percentage" id="totalQueriesStatsPercentage">0%</div>
<div class="title">Total Queries</div>
</div>
<div class="col-md-3 stats-item no-error">
<div class="number" id="totalNoErrorStats">100</div>
<div class="percentage" id="totalNoErrorStatsPercentage">0%</div>
<div class="title">No Error</div>
</div>
<div class="col-md-3 stats-item cached">
<div class="number" id="totalCachedStats">100</div>
<div class="percentage" id="totalCachedStatsPercentage">0%</div>
<div class="title">Cached</div>
</div>
<div class="col-md-3 stats-item server-failure">
<div class="number" id="totalServerFailuresStats">100</div>
<div class="percentage" id="totalServerFailuresStatsPercentage">0%</div>
<div class="title">Server Failure</div>
</div>
<div class="col-md-3 stats-item name-error">
<div class="number" id="totalNameErrorsStats">100</div>
<div class="percentage" id="totalNameErrorsStatsPercentage">0%</div>
<div class="title">Name Error</div>
</div>
<div class="col-md-3 stats-item refused">
<div class="number" id="totalRefusedStats">100</div>
<div class="percentage" id="totalRefusedStatsPercentage">0%</div>
<div class="title">Refused</div>
</div>
<div class="col-md-3 stats-item blocked">
<div class="number" id="totalBlockedStats">100</div>
<div class="percentage" id="totalBlockedStatsPercentage">0%</div>
<div class="title">Blocked</div>
</div>
<div class="col-md-3 stats-item clients">
<div class="number" id="totalClientsStats">100</div>
<div class="percentage"> </div>
<div class="title">Clients</div>
<div class="container">
<div class="row statsMenu">
<div class="col-12 col-md-6 col-lg-4 stats-item mb-4">
<div class="card total-queries" style="width: 100%;">
<div class="card-body">
<h5 class="card-title title">Total Queries:</h5>
<div id="totalQueriesStatsPercentage" class="card-subtitle percentage">0%</div>
<p class="card-text">
<div id="totalQueriesStats" class="number">100</div>
</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 stats-item mb-4">
<div class="card no-error" style="width: 100%;">
<div class="card-body">
<h5 class="card-title title">No Error:</h5>
<div id="totalNoErrorStatsPercentage" class="card-subtitle percentage">0%</div>
<p class="card-text">
<div id="totalNoErrorStats" class="number">100</div>
</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 stats-item mb-4">
<div class="card cached" style="width: 100%;">
<div class="card-body">
<h5 class="card-title title">Cached:</h5>
<div id="totalCachedStatsPercentage" class="card-subtitle percentage">0%</div>
<p class="card-text">
<div id="totalCachedStats" class="number">100</div>
</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 stats-item mb-4">
<div class="card server-failure" style="width: 100%;">
<div class="card-body">
<h5 class="card-title title">Server Failure:</h5>
<div id="totalServerFailuresStatsPercentage" class="card-subtitle percentage">0%</div>
<p class="card-text">
<div id="totalServerFailuresStats" class="number">100</div>
</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 stats-item mb-4">
<div class="card name-error" style="width: 100%;">
<div class="card-body">
<h5 class="card-title title">Name Error:</h5>
<div id="totalNameErrorsStatsPercentage" class="card-subtitle percentage">0%</div>
<p class="card-text">
<div id="totalNameErrorsStats" class="number">100</div>
</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 stats-item mb-4">
<div class="card refused" style="width: 100%;">
<div class="card-body">
<h5 class="card-title title">Refused:</h5>
<div id="totalRefusedStatsPercentage" class="card-subtitle percentage">0%</div>
<p class="card-text">
<div id="totalRefusedStats" class="number">100</div>
</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 stats-item mb-4">
<div class="card blocked" style="width: 100%;">
<div class="card-body">
<h5 class="card-title title">Blocked:</h5>
<div id="totalBlockedStatsPercentage" class="card-subtitle percentage">0%</div>
<p class="card-text">
<div id="totalBlockedStats" class="number">100</div>
</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 stats-item mb-4">
<div class="card clients" style="width: 100%;">
<div class="card-body">
<h5 class="card-title title">Clients:</h5>
<div id="totalClientsStatsPercentage" class="card-subtitle percentage">0%</div>
<p class="card-text">
<div id="totalClientsStats" class="number">100</div>
</p>
</div>
</div>
</div>
</div>
</div>
<canvas id="stats" style="height:200px"></canvas>