Skip to content

Fixed dq label table visualisation on narrow screens and added report… #125

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

Merged
merged 1 commit into from
Sep 30, 2025
Merged

Fixed dq label table visualisation on narrow screens and added report… #125

Show file tree
Hide file tree
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
45 changes: 28 additions & 17 deletions webapp/templates/dataset_label.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,9 @@ <h1 class="text-center mt-3" style="margin-bottom: 20px;">QUANTUM label</h1>
</ul>
</li>

<li><b>Color Gradient</b>: The base color of each category is assigned uniquely, while the dimensions inherit the same base color with varying opacity based on their score. As the score increases, the opacity of the color increases, making the slice more visible.</li>
<li><b>Color Gradient</b>: The base color of each category is assigned uniquely, while the dimensions inherit the same base color with varying opacity based on their score. As the score increases, the opacity of the color increases,
making the slice more visible.
</li>
<li><b>Stars & Score in Center</b>: The chart center displays the total DQ&U score and a star rating:
<ul>
<li>★☆☆☆☆ = 25% of DQ&U reached</li>
Expand Down Expand Up @@ -113,14 +115,14 @@ <h4>Dataset information</h4>
</div>

{% if assessment_percentage == 100 %}
<h5 class="text-success text-center"><b>This label shows a completed quality assessment.</b></h5>
<h5 class="text-success text-center"><b>This label shows a completed quality assessment.</b></h5>
{% else %}
<h5 class="text-warning text-center"><b>This is an ongoing evaluation; the displayed quality label is not final.</b></h5>
<h5 class="text-warning text-center"><b>This is an ongoing evaluation; the displayed quality label is not final.</b></h5>
{% endif %}


<div class="progress-container mb-2">
<div class="progress text-center opacity-75 mx-5" role="progressbar">
<div class="progress text-center opacity-75 mx-5" role="progressbar">
<div id="progress" class="progress-bar bg-warning" style="width: 0%"></div>
</div>
</div>
Expand Down Expand Up @@ -148,7 +150,7 @@ <h5 class="text-warning text-center"><b>This is an ongoing evaluation; the displ
});

</script>
</div>
</div>

<div class="col-md-2 col-sm-12"></div>
<div class="col-md-8 col-sm-12">
Expand Down Expand Up @@ -317,25 +319,25 @@ <h2>
</div>

<div class="row mt-3">
<div class="col-sm-3">
<div class="col-3">
<b>
EHDS
<span class="question-mark" data-bs-toggle="tooltip" title="European Health Data Space Categories grouping different dimensions." style="cursor: pointer;">?</span>
</b>
</div>
<div class="col-sm-3">
<div class="col-3">
<b>
Dimension
<span class="question-mark" data-bs-toggle="tooltip" title="Click on the dimension name for more information." style="cursor: pointer;">?</span>
</b>
</div>
<div class="col-sm-3">
<div class="col-3">
<b>
Dim. weight
<span class="question-mark" data-bs-toggle="tooltip" title="This represents the weight of the dimension in the overall quality and utility score calculation." style="cursor: pointer;">?</span>
</b>
</div>
<div class="col-sm-3">
<div class="col-3">
<b>
Dim. score
<span class="question-mark" data-bs-toggle="tooltip" title="This represents the score of the dimension in the overall quality and utility score calculation." style="cursor: pointer;">?</span>
Expand Down Expand Up @@ -363,9 +365,9 @@ <h2>

{% for dimension in category.dimensions %}
<div class="row">
<div class="col-sm-3">
<div class="col-3">
</div>
<div class="col-sm-3">
<div class="col-3">
<a href="#" data-bs-toggle="modal" data-bs-target="#modal_{{ category.id }}_{{ dimension.id }}">
{{ dimension.name }}
</a>
Expand Down Expand Up @@ -407,6 +409,15 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">
<br>
{{ metric.answer }}
</p>
<p>
<b>Report URL</b>
<br>
{% if metric.report_URL %}
<a href="{{ metric.report_URL }}">{{ metric.report_URL }}</a>
{% else %}
No report URL available
{% endif %}
</p>
<hr>
</div>
{% endfor %}
Expand All @@ -418,10 +429,10 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">
</div>
</div>
</div>
<div class="col-sm-3">
<div class="col-3">
{{ dimension.relevance|floatformat:2 }} %
</div>
<div class="col-sm-3">
<div class="col-3">
{{ dimension.score|floatformat:2 }}
</div>
</div>
Expand All @@ -430,13 +441,13 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">

<div class="mt-5">
<div class="row">
<div class="col-sm-6 text-end">
<div class="col-6 text-end">
<a href="{% url 'dataset_assessment_rdf' %}?id={{ dataset_id }}">
<button type="button" class="btn btn-success">Download RDF label</button>
</a>
</div>

<div class="col-sm-6 text-start">
<div class="col-6 text-start">
<a href="{% url 'dataset_assessment_pdf' %}?id={{ dataset_id }}">
<button type="button" class="btn btn-success">Download PDF</button>
</a>
Expand All @@ -445,13 +456,13 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">
</div>
<div class="mt-3">
<div class="row">
<div class="col-sm-6 text-end">
<div class="col-6 text-end">
<a href="{% url 'dashboard' %}">
<button type="button" class="btn btn-primary">Go to DQ&U Dashboard</button>
</a>
</div>

<div class="col-sm-6 text-start">
<div class="col-6 text-start">
<a href="{% url 'dataset_assessment' %}?id={{dataset_id}}">
<button type="button" class="btn btn-primary">Go to DQ&U Assessment</button>
</a>
Expand Down
1 change: 1 addition & 0 deletions webapp/views.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1112,6 +1112,7 @@ def dataset_label_view(request: HttpRequest) -> HttpResponse:
metric_score = 0

if len(dq_metric_value) >= 1:
results[-1]['dimensions'][-1]['metrics'][-1]['report_URL'] = dq_metric_value.first().report_URL
current_value = str(dq_metric_value.first().value)

if getattr(metric, 'dqcategoricalmetric') is not None:
Expand Down