From 3a1319c3c6b3716976b1f56e527ddb3e46c33afe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaime=20Rodr=C3=ADguez-Guerra?=
 <jaimergp@users.noreply.github.com>
Date: Fri, 20 Aug 2021 13:50:16 +0200
Subject: [PATCH] improve usability of the docker button (#110)

added a pointer + tooltip
fixed namespace field in the URL
---
 .../conda_store_server/server/templates/base.html            | 5 +++++
 .../conda_store_server/server/templates/home.html            | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/conda-store-server/conda_store_server/server/templates/base.html b/conda-store-server/conda_store_server/server/templates/base.html
index ecdb3792e..acbeaab9a 100644
--- a/conda-store-server/conda_store_server/server/templates/base.html
+++ b/conda-store-server/conda_store_server/server/templates/base.html
@@ -23,5 +23,10 @@
 
         <!-- icons -->
         <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
+
+        <!-- Initialize popovers globally -->
+        <script>
+            $(function () { $('[data-toggle="popover"]').popover() });
+        </script>
     </body>
 </html>
diff --git a/conda-store-server/conda_store_server/server/templates/home.html b/conda-store-server/conda_store_server/server/templates/home.html
index 87de11f0e..8b087db42 100644
--- a/conda-store-server/conda_store_server/server/templates/home.html
+++ b/conda-store-server/conda_store_server/server/templates/home.html
@@ -15,7 +15,7 @@ <h5 class="card-title">
         <a class="card-link" href="/build/{{ environment.build_id }}/yaml/"><ion-icon name="code-download"></ion-icon> YAML</a>
         <a class="card-link" href="/build/{{ environment.build_id }}/lockfile/"><ion-icon name="lock-closed-outline"></ion-icon> Lockfile</a>
         <a class="card-link" href="/build/{{ environment.build_id }}/archive/"><ion-icon name="archive-outline"></ion-icon> Archive</a>
-        <a class="card-link" onclick="setClipboard('localhost:5000/{{ environment.namespace }}/{{ environment.name }}:{{ environment.build.specification.sha256 }}')"><ion-icon name="logo-docker"></ion-icon> Docker</a>
+        <a class="card-link" onclick="setClipboard('localhost:5000/{{ environment.namespace.name }}/{{ environment.name }}:{{ environment.build.specification.sha256 }}')" role="button" data-toggle="popover" data-trigger="hover focus" data-content="Click to copy!"><ion-icon name="logo-docker"></ion-icon> Docker</a>
         {% endif %}
     </div>
 </div>