improve usability of the docker button (#110)

added a pointer + tooltip
fixed namespace field in the URL

conda-store-server/conda_store_server/server/templates/base.html

@@ -23,5 +23,10 @@
 
         <!-- icons -->
         <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
+
+        <!-- Initialize popovers globally -->
+        <script>
+            $(function () { $('[data-toggle="popover"]').popover() });
+        </script>
     </body>
 </html>

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>