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