corbz/ticket-website
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases 1 Wiki Activity

tooltip on ticket item department & priority

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-01-23 11:34:38 +00:00
parent 3446c3b760
commit 6effc6799e
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/static/js/tickets.js
View File

@ -299,9 +299,8 @@ function loadTicketItems(page=1) {
var priorityElem = template.find(".ticket-item-priority");
priorityElem.css("color", ticket.priority.colour);
priorityElem.css("background-color", ticket.priority.backgroundcolour);
// priorityElem.attr("data-bs-title", ticket.priority.title);
// priorityElem.attr("data-bs-toggle", "tooltip");
// priorityElem.tooltip();
priorityElem.attr("data-bs-title", ticket.priority.title + " Priority");
priorityElem.tooltip();
var departmentElem = template.find(".ticket-item-department");
if (ticket.author.department === null) {
@ -310,17 +309,14 @@ function loadTicketItems(page=1) {
else {
departmentElem.css("color", ticket.author.department.colour);
departmentElem.css("background-color", ticket.author.department.backgroundcolour);
departmentElem.attr("data-bs-title", ticket.author.department.title + " Department");
departmentElem.tooltip();
}
// departmentElem.attr("data-bs-title", ticket.author.department.title);
// departmentElem.attr("data-bs-toggle", "tooltip");
// departmentElem.tooltip();
// Add the content to the interface
$("#ticketsContainer .content").append(template);
});
$("body").tooltip();
// Make tickets clickable
applyTicketClickFunction();

6
apps/templates/home/tickets.html
View File

@ -408,10 +408,10 @@
<div class="ticket-item-complex peer mR-20 d-flex flex-column align-items-center align-self-stretch pos-r">
<img src="" alt="" class="ticket-item-icon">
<div class="mt-auto">
<div class="ticket-item-department badge rounded mb-2">
<div class="ticket-item-department badge rounded mb-2" data-bs-toggle="tooltip">
<i class="fa fa-users"></i>
</div>
<div class="ticket-item-priority badge rounded">
<div class="ticket-item-priority badge rounded" data-bs-toggle="tooltip">
<i class="fa fa-folder"></i>
</div>
</div>
@ -428,7 +428,7 @@
<h5 class="ticket-item-title mb-0"></h5>
<div class="ticket-item-desc mt-2"></div>
<div class="peers">
<div class="ticket-item-tags peer d-flex flex-wrap mw-100" data-bs-toggle="tooltip"></div>
<div class="ticket-item-tags peer d-flex flex-wrap mw-100"></div>
</div>
</div>
</div>