implemented .btn-todo (css and tooltip js)

This commit is contained in:
Thomas Nahuel Rusiecki 2025-02-07 16:52:47 -03:00
parent 7a5aafbbf9
commit 38b8c59d13
3 changed files with 30 additions and 2 deletions

View file

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

View file

@ -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>

View file

@ -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>