Nikolay Tatarinov
263379c072
Some checks failed
CI / ci (push) Has been cancelled
- Expanded mock data to include additional host labels and updated CPU current and projected values for better representation. - Modified JavaScript to conditionally display projected CPU statistics and standard deviation, improving user experience. - Refactored chart configuration to dynamically handle datasets based on the presence of projected data. - Updated HTML to include a new block for displaying standard deviation, enhancing clarity in CPU metrics presentation.
54 lines
2.3 KiB
HTML
54 lines
2.3 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="text-error/60">±0.5σ: <span id="currentCpuStd">0</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>
|