implemented .btn-todo (css and tooltip js)

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;
+ }
+}

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>

dashboard/templates/unassigned_devices.html

@@ -15,7 +15,8 @@
       {% 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>