From c1b16239f65161c9a000590a098fa46a170c1ce0 Mon Sep 17 00:00:00 2001
From: Thomas Rusiecki <rusieckithomas@gmail.com>
Date: Fri, 7 Feb 2025 16:52:47 -0300
Subject: [PATCH] implemented .btn-todo (css and tooltip js)

---
 dashboard/static/css/dashboard.css          | 12 ++++++++++++
 dashboard/templates/base.html               |  9 +++++++++
 dashboard/templates/unassigned_devices.html |  7 ++++---
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/dashboard/static/css/dashboard.css b/dashboard/static/css/dashboard.css
index 7f2f108..6033408 100644
--- a/dashboard/static/css/dashboard.css
+++ b/dashboard/static/css/dashboard.css
@@ -174,3 +174,15 @@ h3 {
 .btn-orange {
   background-color: #f5b587;
 }
+
+/* Clase para botones con funcionalidad no implementados */
+.btn-todo {
+  background-color: #6c757d;
+  color: #fff; /* texto en blanco*/
+  opacity: 0.65;
+  cursor: not-allowed;
+
+.btn-todo:disabled {
+  pointer-events: none;
+ }
+}
diff --git a/dashboard/templates/base.html b/dashboard/templates/base.html
index 40e6658..ff07943 100644
--- a/dashboard/templates/base.html
+++ b/dashboard/templates/base.html
@@ -218,6 +218,15 @@
     <script src="{% static "js/jquery-3.3.1.slim.min.js" %}"></script>
     <script src="{% static "js/popper.min.js" %}"></script>
     <script src="{% static "js/bootstrap.min.js" %}"></script>
+
+    <script>
+     // initialize bootstrap tooltips for those objects with data-bs-toggle="tooltip"
+     var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+     var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+       return new bootstrap.Tooltip(tooltipTriggerEl);
+     });
+    </script>
+
     {% block extrascript %}{% endblock %}
     {% endblock %}
   </body>
diff --git a/dashboard/templates/unassigned_devices.html b/dashboard/templates/unassigned_devices.html
index d54e450..6f67a7a 100644
--- a/dashboard/templates/unassigned_devices.html
+++ b/dashboard/templates/unassigned_devices.html
@@ -15,12 +15,13 @@
       {% trans 'Documents' %}
     </a>
     {% endif %}
-    <a href="{# url 'dashboard:exports' object.id #}" type="button" class="btn btn-green-admin">
+
+    <a href="{# url 'dashboard:exports' object.id #}" type="button" class="btn btn-todo" data-bs-toggle="tooltip" title="NOT IMPLEMENTED. This action tries to emulate what devicehub-teal did, which was related to opening a dialog where you can select different options for export the devices as csv for all selected devices" >
       <i class="bi bi-reply"></i>
       {% trans 'Exports' %}
     </a>
     {% if lot %}
-    <a href="{% url 'lot:annotations' object.id %}" type="button" class="btn btn-green-admin">
+    <a href="{% url 'lot:annotations' object.id %}" type="button" class="btn btn-green-admin" >
       <i class="bi bi-tag"></i>
       {% trans 'Annotations' %}
     </a>
@@ -79,7 +80,7 @@
     </tbody>
     {% endfor %}
   </table>
-  <button class="btn btn-green-admin" type="submit" value="{% url 'lot:del_devices' %}" name="url">Remove</button> <button class="btn btn-green-admin" type="submit" name="url" value="{% url 'lot:add_devices' %}">add</button>
+  <button  class="btn btn-green-admin" type="submit" value="{% url 'lot:del_devices' %}" name="url">Remove</button> <button class="btn btn-green-admin" type="submit" name="url" value="{% url 'lot:add_devices' %}">add</button>
   </form>
 </div>
 <div class="row mt-3">