Add button to copy case UUID from page header.

varfish-org · Apr 7, 2021 · 324181a · 324181a
1 parent 4989656
commit 324181a
Show file tree

Hide file tree

Showing 6 changed files with 69 additions and 7 deletions.
diff --git a/HISTORY.rst b/HISTORY.rst
@@ -9,13 +9,15 @@ HEAD (unreleased)
 End-User Summary
 ================
 
+- Allowing users to easily copy case UUID by icon in case heading.
 - Fixing bug that made the user icon top right disappear.
 
 Full Change List
 ================
 
 - Improving admin configuration documentation.
 - Extending admin tuning documentation.
+- Allowing users to easily copy case UUID by icon in case heading.
 - Fixing bug that made the user icon top right disappear when beaconsite was disabled.
 - Upgrade to sodar-core v0.9.1
 

diff --git a/variants/templates/variants/case_detail.html b/variants/templates/variants/case_detail.html
@@ -5,15 +5,15 @@
 {% load humanize %}
 {% load static %}
 
-{% get_app_setting 'variants' 'disable_pedigree_sex_check' project=project as disable_pedigree_sex_check %}
-
-
 {% block navi_sub_project_extend %}
   <li class="breadcrumb-item"><a href="{% url "variants:case-list" project=project.sodar_uuid %}">Cases</a></li>
   <li class="breadcrumb-item active">{{ object.name }}</li>
 {% endblock %}
 
 {% block projectroles %}
+  {% get_app_setting 'variants' 'disable_pedigree_sex_check' project=project as disable_pedigree_sex_check %}
+  {% get_app_setting 'userprofile' 'enable_project_uuid_copy' user=request.user as enable_uuid_copy %}
+
   <div class="row sodar-pr-content-title pb-2">
     {# Project menu dropdown, only visible if browser width < X and sidebar is hidden #}
     {% include 'projectroles/_project_menu_btn.html' %}
@@ -22,6 +22,14 @@ <h2 class="sodar-pr-content-title">
       Case
       <small class="text-muted">{{ object.name }}</small>
     </h2>
+
+    <a role="submit" class="btn btn-link mr-2 sodar-pr-btn-title sodar-pr-btn-copy-uuid sodar-copy-btn"
+       id="sodar-pr-btn-copy-uuid"
+       data-clipboard-text="{{ object.sodar_uuid }}"
+       title="Copy UUID to clipboard" data-toggle="tooltip" data-placement="top">
+      <i class="fa fa-clipboard text-muted" aria-hidden="true"></i>
+    </a>
+
     {% include "variants/_case_detail_buttons.html" %}
   </div>
 

diff --git a/variants/templates/variants/case_list.html b/variants/templates/variants/case_list.html
@@ -7,20 +7,32 @@
 {% load static %}
 {% load variants_tags %}
 
-{% get_app_setting 'variants' 'disable_pedigree_sex_check' project=project as disable_pedigree_sex_check %}
-
 {% block navi_sub_project_extend %}
   <li class="breadcrumb-item active">Cases</li>
 {% endblock %}
 
 {% block projectroles %}
+  {% get_app_setting 'variants' 'disable_pedigree_sex_check' project=project as disable_pedigree_sex_check %}
+  {% get_app_setting 'userprofile' 'enable_project_uuid_copy' user=request.user as enable_uuid_copy %}
+
   <div class="row sodar-pr-content-title pb-2">
     {# Project menu dropdown, only visible if browser width < X and sidebar is hidden #}
     {% include 'projectroles/_project_menu_btn.html' %}
 
     <h2 class="sodar-pr-content-title">
       Case List
     </h2>
+
+    {# Project copy uuid #}
+    {% if enable_uuid_copy %}
+      <a role="submit" class="btn btn-link mr-2 sodar-pr-btn-title sodar-pr-btn-copy-uuid sodar-copy-btn"
+         id="sodar-pr-btn-copy-uuid"
+         data-clipboard-text="{{ project.sodar_uuid }}"
+         title="Copy UUID to clipboard" data-toggle="tooltip" data-placement="top">
+        <i class="fa fa-clipboard text-muted" aria-hidden="true"></i>
+      </a>
+    {% endif %}
+
     {% include "variants/_case_list_buttons.html" with disable_pedigree_sex_check=disable_pedigree_sex_check %}
   </div>
 

diff --git a/variants/templates/variants/case_update.html b/variants/templates/variants/case_update.html
@@ -20,10 +20,19 @@
   <li class="breadcrumb-item active">Update</li>
 {% endblock %}
 
-
 {% block projectroles %}
+  {% get_app_setting 'userprofile' 'enable_project_uuid_copy' user=request.user as enable_uuid_copy %}
+
   <div class="row sodar-subtitle-container">
     <h3>Update Case {{ object.name }}</h3>
+
+    <a role="submit" class="btn btn-link mr-2 sodar-pr-btn-title sodar-pr-btn-copy-uuid sodar-copy-btn"
+       id="sodar-pr-btn-copy-uuid"
+       data-clipboard-text="{{ object.sodar_uuid }}"
+       title="Copy UUID to clipboard" data-toggle="tooltip" data-placement="top">
+      <i class="fa fa-clipboard text-muted" aria-hidden="true"></i>
+    </a>
+
   </div>
 
   <div class="container-fluid sodar-page-container">

diff --git a/variants/templates/variants/case_update_terms.html b/variants/templates/variants/case_update_terms.html
@@ -21,10 +21,18 @@
   <li class="breadcrumb-item active">Update</li>
 {% endblock %}
 
-
 {% block projectroles %}
+  {% get_app_setting 'userprofile' 'enable_project_uuid_copy' user=request.user as enable_uuid_copy %}
+
   <div class="row sodar-subtitle-container">
     <h3>Update Terms for Case {{ object.name }}</h3>
+
+    <a role="submit" class="btn btn-link mr-2 sodar-pr-btn-title sodar-pr-btn-copy-uuid sodar-copy-btn"
+       id="sodar-pr-btn-copy-uuid"
+       data-clipboard-text="{{ object.sodar_uuid }}"
+       title="Copy UUID to clipboard" data-toggle="tooltip" data-placement="top">
+      <i class="fa fa-clipboard text-muted" aria-hidden="true"></i>
+    </a>
   </div>
 
   <div class="container-fluid sodar-page-container">

diff --git a/variants/templates/variants/filter.html b/variants/templates/variants/filter.html
@@ -16,6 +16,7 @@
 {% endblock %}
 
 {% block projectroles %}
+  {% get_app_setting 'userprofile' 'enable_project_uuid_copy' user=request.user as enable_uuid_copy %}
 
 {% block css %}
   {{ block.super }}
@@ -158,6 +159,28 @@ <h2 class="sodar-pr-content-title">
         {% endif %}
       {% endif %}
     </h2>
+
+    {# Project copy uuid #}
+    {% if enable_uuid_copy %}
+      {% if query_type == "case" %}
+        <a role="submit" class="btn btn-link mr-2 sodar-pr-btn-title sodar-pr-btn-copy-uuid sodar-copy-btn"
+           id="sodar-pr-btn-copy-uuid"
+           data-clipboard-text="{{ object.sodar_uuid }}"
+           title="Copy UUID to clipboard" data-toggle="tooltip" data-placement="top">
+          <i class="fa fa-clipboard text-muted" aria-hidden="true"></i>
+        </a>
+      {% else %}
+        {% if not cohort %}
+          <a role="submit" class="btn btn-link mr-2 sodar-pr-btn-title sodar-pr-btn-copy-uuid sodar-copy-btn"
+             id="sodar-pr-btn-copy-uuid"
+             data-clipboard-text="{{ project.sodar_uuid }}"
+             title="Copy UUID to clipboard" data-toggle="tooltip" data-placement="top">
+            <i class="fa fa-clipboard text-muted" aria-hidden="true"></i>
+          </a>
+        {% endif %}
+      {% endif %}
+    {% endif %}
+
     {% include "variants/_case_filter_buttons.html" %}
   </div>