Skip to content

fix(ui): New fields don’t automatically update completeness scoring UI #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
afogel wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fix(ui): New fields don’t automatically update completeness scoring UI #23

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 46 additions & 20 deletions HF_files/aibom-generator/templates/result.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -667,6 +667,32 @@
margin-bottom: 10px;
font-size: 18px;
}
.category-table table {
table-layout: fixed;
width: 100%;
}
.category-table th:nth-child(1),
.category-table td:nth-child(1) {
width: 8%;
}
.category-table th:nth-child(2),
.category-table td:nth-child(2) {
width: 22%;
}
.category-table th:nth-child(3),
.category-table td:nth-child(3) {
width: 40%;
word-break: break-all;
overflow-wrap: break-word;
}
.category-table th:nth-child(4),
.category-table td:nth-child(4) {
width: 15%;
}
.category-table th:nth-child(5),
.category-table td:nth-child(5) {
width: 15%;
}
.category-result {
background-color: #f8f9fa;
padding: 10px;
Expand Down Expand Up @@ -962,9 +988,9 @@ <h4>Required Fields Category</h4>
</tbody>
</table>
<div class="category-result">
Result: {{ completeness_score.category_details.required_fields.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.required_fields.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.required_fields.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.required_fields if completeness_score.section_scores else 'N/A' }}/20 points
Result: {{ completeness_score.category_details.required_fields.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.required_fields.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.required_fields.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.required_fields if completeness_score.section_scores else 'N/A' }}/{{ completeness_score.category_details.required_fields.max_points if completeness_score.category_details else '20' }} points
</div>
</div>

Expand Down Expand Up @@ -1013,9 +1039,9 @@ <h4>Metadata Category</h4>
</tbody>
</table>
<div class="category-result">
Result: {{ completeness_score.category_details.metadata.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.metadata.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.metadata.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.metadata if completeness_score.section_scores else 'N/A' }}/20 points
Result: {{ completeness_score.category_details.metadata.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.metadata.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.metadata.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.metadata if completeness_score.section_scores else 'N/A' }}/{{ completeness_score.category_details.metadata.max_points if completeness_score.category_details else '20' }} points
</div>
</div>

Expand Down Expand Up @@ -1068,9 +1094,9 @@ <h4>Component Basic Category</h4>
</tbody>
</table>
<div class="category-result">
Result: {{ completeness_score.category_details.component_basic.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.component_basic.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.component_basic.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.component_basic if completeness_score.section_scores else 'N/A' }}/20 points
Result: {{ completeness_score.category_details.component_basic.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.component_basic.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.component_basic.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.component_basic if completeness_score.section_scores else 'N/A' }}/{{ completeness_score.category_details.component_basic.max_points if completeness_score.category_details else '20' }} points
</div>
</div>

Expand Down Expand Up @@ -1132,9 +1158,9 @@ <h4>Component Model Card Category</h4>
</tbody>
</table>
<div class="category-result">
Result: {{ completeness_score.category_details.component_model_card.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.component_model_card.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.component_model_card.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.component_model_card if completeness_score.section_scores else 'N/A' }}/30 points
Result: {{ completeness_score.category_details.component_model_card.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.component_model_card.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.component_model_card.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.component_model_card if completeness_score.section_scores else 'N/A' }}/{{ completeness_score.category_details.component_model_card.max_points if completeness_score.category_details else '37.5' }} points
</div>
</div>

Expand Down Expand Up @@ -1177,9 +1203,9 @@ <h4>External References Category</h4>
</tbody>
</table>
<div class="category-result">
Result: {{ completeness_score.category_details.external_references.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.external_references.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.external_references.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.external_references if completeness_score.section_scores else 'N/A' }}/10 points
Result: {{ completeness_score.category_details.external_references.present_fields if completeness_score.category_details else 'N/A' }}/{{ completeness_score.category_details.external_references.total_fields if completeness_score.category_details else 'N/A' }} present
({{ completeness_score.category_details.external_references.percentage if completeness_score.category_details else 'N/A' }}%) =
{{ completeness_score.section_scores.external_references if completeness_score.section_scores else 'N/A' }}/{{ completeness_score.category_details.external_references.max_points if completeness_score.category_details else '10' }} points
</div>
</div>

Expand Down Expand Up @@ -1330,11 +1356,11 @@ <h4>General Recommendations to Improve AIBOM Completeness</h4>
<h4>How AIBOM Completeness is Scored</h4>
<p>The completeness score evaluates how well your AIBOM documents the model across five key categories:</p>
<ul>
<li><strong>Required Fields (20 points):</strong> Basic SBOM structure mandated by CycloneDX</li>
<li><strong>Metadata (20 points):</strong> Information about the SBOM generation and model purpose</li>
<li><strong>Component Basic (20 points):</strong> Essential model identification and licensing</li>
<li><strong>Model Card (30 points):</strong> Detailed AI-specific documentation for transparency</li>
<li><strong>External References (10 points):</strong> Links to model resources and documentation</li>
<li><strong>Required Fields ({{ completeness_score.category_details.required_fields.max_points if completeness_score.category_details else 'N/A' }} points):</strong> Basic SBOM structure mandated by CycloneDX</li>
<li><strong>Metadata ({{ completeness_score.category_details.metadata.max_points if completeness_score.category_details else 'N/A' }} points):</strong> Information about the SBOM generation and model purpose</li>
<li><strong>Component Basic ({{ completeness_score.category_details.component_basic.max_points if completeness_score.category_details else 'N/A' }} points):</strong> Essential model identification and licensing</li>
<li><strong>Model Card ({{ completeness_score.category_details.component_model_card.max_points if completeness_score.category_details else 'N/A' }} points):</strong> Detailed AI-specific documentation for transparency</li>
<li><strong>External References ({{ completeness_score.category_details.external_references.max_points if completeness_score.category_details else 'N/A' }} points):</strong> Links to model resources and documentation</li>
</ul>

<p><strong>Calculation Method:</strong></p>
Expand Down