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

Gave currently active ticket ".active" class.

Browse Source 
Implemented tracking for this, over the previous code which tracked the active ticket by checking it's ".bgc-grey-100" class.

This change was made because (its better and) the previous implementation was incompatible with dark mode support.
This commit is contained in:
Corban-Lee Jones 2024-01-19 10:04:17 +00:00
parent 187153bb7c
commit 3d9da2d729
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -157,33 +157,29 @@ function applyTicketClickFunction() {
$(".ticket-item").on("click", function(e) { $(".ticket-item").on("click", function(e) {
e.preventDefault(); e.preventDefault();
loadTicketContent($(this).data("uuid")); loadTicketContent($(this).data("uuid"));
$(".ticket-item").removeClass("active");
$(this).addClass("active");
$('.email-app').removeClass('side-active'); $('.email-app').removeClass('side-active');
$('.email-content').toggleClass('open'); $('.email-content').toggleClass('open');
}); });
} }
function reloadCurrentTicket() { function reloadCurrentTicket() {
loadTicketContent($(".ticket-item.bgc-grey-100").data("uuid")); loadTicketContent($(".ticket-item.active").data("uuid"));
} }
function changeTicket(next=true) { function changeTicket(next=true) {
var selectedTicket = $(".ticket-item.bgc-grey-100"); var selectedTicket = $(".ticket-item.active");
var uuid; var uuid;
if (!selectedTicket.length) { if (!selectedTicket.length) selectedTicket = $(".ticket-item").first();
uuid = $(".ticket-item").first().data("uuid"); else if (next) selectedTicket = selectedTicket.next();
loadTicketContent(uuid); else selectedTicket = selectedTicket.prev();
return;
}
if (next) { $(".ticket-item").removeClass("active");
uuid = selectedTicket.next().data("uuid"); selectedTicket.addClass("active");
loadTicketContent(uuid); uuid = selectedTicket.data("uuid");
} loadTicketContent(uuid);
else {
uuid = selectedTicket.prev().data("uuid");
loadTicketContent(uuid);
}
if (!$('.email-content').hasClass('open')) { if (!$('.email-content').hasClass('open')) {
$('.email-content').addClass('open'); $('.email-content').addClass('open');
@ -222,8 +218,8 @@ function loadTicketItems(page=1) {
const ticketHasPrevPage = typeof response.previous === "string"; const ticketHasPrevPage = typeof response.previous === "string";
$("#ticketItemsNextPage").prop("disabled", !ticketHasNextPage); $("#ticketItemsNextPage").prop("disabled", !ticketHasNextPage);
$("#ticketItemsPrevPage").prop("disabled", !ticketHasPrevPage); $("#ticketItemsPrevPage").prop("disabled", !ticketHasPrevPage);
const pageNumber = filters["page"] || 1; const pageNumber = filters["page"] || 1; // If we haven't tracked the page, it's safe to assume it's 1,
pagination = { pagination = { // because we always track it when it changes.
"page": pageNumber, "page": pageNumber,
"next": ticketHasNextPage, "next": ticketHasNextPage,
"prev": ticketHasPrevPage "prev": ticketHasPrevPage