From 38b8c59d13813c2dce3070a80005fe4f19733526 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 | 11 +++++++++--
 3 files changed, 30 insertions(+), 2 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 cfabca9..976bae1 100644
--- a/dashboard/templates/base.html
+++ b/dashboard/templates/base.html
@@ -249,6 +249,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 74a753e..8334bb1 100644
--- a/dashboard/templates/unassigned_devices.html
+++ b/dashboard/templates/unassigned_devices.html
@@ -9,12 +9,19 @@
     <h3>{{ subtitle }}</h3>
   </div>
   <div class="col text-center">
-    <a href="{# url 'dashboard:exports' object.id #}" type="button" class="btn btn-green-admin">
+    {% if lot %}
+    <a href="{% url 'lot:documents' object.id %}" type="button" class="btn btn-green-admin">
+      <i class="bi bi-folder2"></i>
+      {% trans 'Documents' %}
+    </a>
+    {% endif %}
+
+    <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:properties' 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 'properties' %}
     </a>