On genes panel page, make more evident which genes are new after the …

…panel is updated (#4957) * On genes panel page, it's more evident which genes are new after the panel gets updated * slight fix * Improve the looks and add tooltip * tyny tiny fix * Center badge in the cell * modify also the PDF panel export, as per review * Updated changelog --------- Co-authored-by: Chiara Rasi <[email protected]> Co-authored-by: Daniel Nilsson <[email protected]>
Clinical-Genomics · Oct 18, 2024 · e20bd11 · e20bd11
1 parent d46a7e8
commit e20bd11
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,11 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 About changelog [here](https://keepachangelog.com/en/1.0.0/)
 
+
+## [unreleased]
+### Changed
+- On genes panel page and gene panel PDF export, it's more evident which genes were newly introduced into the panel
+
 ## [4.90.1]
 ### Fixed
 - Parsing Matchmaker Exchange's matches dates

diff --git a/scout/server/blueprints/panels/templates/panels/panel.html b/scout/server/blueprints/panels/templates/panels/panel.html
@@ -180,7 +180,11 @@
               <td>{{ gene.disease_associated_transcripts|join(', ') }}</td>
               <td>{{ 'Yes' if gene.reduced_penetrance }}</td>
               <td>{{ 'Yes' if gene.mosaicism }}</td>
-              <td>{{ gene.database_entry_version }}</td>
+              <td class="d-flex justify-content-center">
+                {% if gene.database_entry_version and gene.database_entry_version|string == panel.version|string %}
+                   <span class="badge bg-success rounded-pill" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="This gene has been introduced in the panel starting from version {{gene.database_entry_version}}.">new</span>
+                {% endif %}
+              </td>
               <td>{{ gene.inheritance_models|join(', ') }}</td>
               <td>{{ gene.custom_inheritance_models|join(', ') }}</td>
               <td>{{ gene.comment }}</td>

diff --git a/scout/server/blueprints/panels/templates/panels/panel_pdf_simple.html b/scout/server/blueprints/panels/templates/panels/panel_pdf_simple.html
@@ -69,7 +69,11 @@ <h4>Scout - Gene panel report</h4> - created on:&nbsp;<strong>{{report_created_a
           <td>{{ gene.disease_associated_transcripts|join(', ') }}</td>
           <td>{{ 'Reduced penetrance' if gene.reduced_penetrance }}</td>
           <td>{{ 'Mosaicism' if gene.mosaicism }}</td>
-          <td>{{ gene.database_entry_version }}</td>
+          <td>
+            {% if gene.database_entry_version and gene.database_entry_version|string == panel.version|string %}
+              <span class="badge bg-success rounded-pill">new</span>
+            {% endif %}
+          </td>
           <td>{{ gene.inheritance_models|join(', ') }}</td>
           <td>{{ gene.custom_inheritance_models|join(', ') }}</td>
           <td>{{ gene.comment }}</td>