Nikolay Tatarinov
76eae52d2a
Some checks failed
CI / ci (push) Has been cancelled
- Updated the tooltip for the CPU standard deviation metric to include a detailed explanation of the calculation, preserving newlines for better readability. - Added CSS styles to support multi-line tooltips, improving user comprehension of the displayed data.
56 lines
2.7 KiB
HTML
56 lines
2.7 KiB
HTML
<!-- ANALYSIS VISUALIZATION -->
|
||
<section aria-label="CPU distribution chart">
|
||
<div class="card bg-base-100 shadow-sm">
|
||
<div class="card-body p-5">
|
||
<h3 class="text-lg font-semibold mb-4">CPU Distribution (Current vs Projected)</h3>
|
||
<div class="h-48">
|
||
<canvas id="cpuDistributionChart"></canvas>
|
||
</div>
|
||
<div class="flex items-center justify-center gap-3 mt-3">
|
||
<div class="flex items-center gap-1 text-xs">
|
||
<div class="w-3 h-0.5 bg-success"></div>
|
||
<span class="text-success">Mean: <span id="currentCpuMean">0</span>%</span>
|
||
</div>
|
||
<div id="currentCpuStdBlock" class="flex items-center gap-1 text-xs">
|
||
<div class="w-3 h-0.5 bg-error/60"></div>
|
||
<span class="tooltip tooltip-top tooltip-formula text-error/60 cursor-help" data-tip="Показывает разброс утилизации CPU относительно среднего. μ — средняя утилизация CPU по хостам. σ — стандартное отклонение: σ = √(Σ(xᵢ−μ)²/n)." aria-label="Формула расчёта ±0.5σ">
|
||
<span class="text-error/60">±0.5σ: <span id="currentCpuStd">0</span>%</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- MIGRATION ACTIONS -->
|
||
<section aria-label="Migration actions">
|
||
<div class="card bg-base-100 shadow-sm">
|
||
<div class="card-body p-6">
|
||
<div class="flex items-center justify-between mb-4">
|
||
<h3 class="text-lg font-semibold">Migration Actions</h3>
|
||
<div class="badge badge-neutral badge-sm" id="migrationCount">Select audit</div>
|
||
</div>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra table-sm">
|
||
<thead>
|
||
<tr class="bg-base-200">
|
||
<th class="text-xs font-medium">Instance</th>
|
||
<th class="text-xs font-medium">Source → Destination</th>
|
||
<th class="text-xs font-medium">Flavor</th>
|
||
<th class="text-xs font-medium">Impact</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="migrationTableBody" class="text-sm">
|
||
<tr>
|
||
<td colspan="4" class="text-center py-6 text-base-content/60">
|
||
No audit selected. Load an audit to view migration recommendations.
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|