From 01d807ed2a8b89d0d9557e5a0dffd2c3182bab55 Mon Sep 17 00:00:00 2001
From: Horilla <teamhorilla@gmail.com>
Date: Thu, 22 Feb 2024 11:25:01 +0530
Subject: [PATCH] [ADD] HELPDESK: Column toggling in helpdesk view

---
 helpdesk/static/tickets/action.js             |  4 ++
 .../helpdesk/ticket/ticket_group.html         | 38 +++++++++++++------
 .../helpdesk/ticket/ticket_view.html          |  2 +-
 3 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/helpdesk/static/tickets/action.js b/helpdesk/static/tickets/action.js
index f71922a11..42890d00e 100644
--- a/helpdesk/static/tickets/action.js
+++ b/helpdesk/static/tickets/action.js
@@ -187,9 +187,11 @@ function tickTicketsCheckboxes() {
       $("#exportTickets").css("display", "inline-flex");
       $("#selectedShowTickets").css("display", "inline-flex");
       $("#selectedShowTickets").text(selectedCount + " -" + message);
+      $('#unselectAllTickets').removeClass('d-none')
     } else {
       $("#selectedShowTickets").css("display", "none");
       $("#exportTickets").css("display", "none");
+      $('#unselectAllTickets').addClass('d-none')
     }
   });
 }
@@ -246,10 +248,12 @@ function addingTicketsIds() {
     if (selectedCount === 0) {
       $("#selectedShowTickets").css("display", "none");
       $("#exportTickets").css("display", "none");
+      $('#unselectAllTickets').addClass('d-none')
     } else {
       $("#exportTickets").css("display", "inline-flex");
       $("#selectedShowTickets").css("display", "inline-flex");
       $("#selectedShowTickets").text(selectedCount + " - " + message);
+      $('#unselectAllTickets').removeClass('d-none')
     }
   });
 }
diff --git a/helpdesk/templates/helpdesk/ticket/ticket_group.html b/helpdesk/templates/helpdesk/ticket/ticket_group.html
index 9f560078d..afeca5696 100644
--- a/helpdesk/templates/helpdesk/ticket/ticket_group.html
+++ b/helpdesk/templates/helpdesk/ticket/ticket_group.html
@@ -53,9 +53,12 @@
                                         <div class="oh-sticky-table__tbody">
                                             {% for ticket in my_ticket_list.list %}
                                                 <div class="oh-sticky-table__tr" onclick="window.location.href = `{% url 'ticket-detail' ticket.id %}`">	
-                                                    <div class="oh-sticky-table__sd {% if ticket.priority == 'high' %}row-status--red 
-                                                                                    {% elif ticket.priority == 'medium' %}row-status--orange 
-                                                                                    {% elif ticket.priority == 'low' %}row-status--blue{% endif %}"
+                                                    <div class="oh-sticky-table__sd 
+                                                        {% if ticket.priority == 'high' %}row-status--red 
+                                                        {% elif ticket.priority == 'medium' %}row-status--orange 
+                                                        {% elif ticket.priority == 'low' %}row-status--blue{% endif %}"
+									                    onclick="event.stopPropagation()"
+                                                                         
                                                     >
                                                         <div class="centered-div">
                                                             <input
@@ -343,9 +346,11 @@
                                         <div class="oh-sticky-table__tbody">
                                             {% for ticket in allocated_tickets_list.list %}
                                                 <div class="oh-sticky-table__tr" onclick="window.location.href = `{% url 'ticket-detail' ticket.id %}`">	
-                                                    <div class="oh-sticky-table__sd {% if ticket.priority == 'high' %}row-status--red 
-                                                                                    {% elif ticket.priority == 'medium' %}row-status--orange 
-                                                                                    {% elif ticket.priority == 'low' %}row-status--blue{% endif %}"
+                                                    <div class="oh-sticky-table__sd 
+                                                        {% if ticket.priority == 'high' %}row-status--red 
+                                                        {% elif ticket.priority == 'medium' %}row-status--orange 
+                                                        {% elif ticket.priority == 'low' %}row-status--blue{% endif %}"
+                                                        onclick="event.stopPropagation()"
                                                     >
                                                         <div class="centered-div">
                                                             <input
@@ -632,9 +637,11 @@
                                         <div class="oh-sticky-table__tbody">
                                             {% for ticket in all_tickets_list.list %}
                                                 <div class="oh-sticky-table__tr" onclick="window.location.href = `{% url 'ticket-detail' ticket.id %}`" >	
-                                                    <div class="oh-sticky-table__sd {% if ticket.priority == 'high' %}row-status--red 
-                                                                                    {% elif ticket.priority == 'medium' %}row-status--orange 
-                                                                                    {% elif ticket.priority == 'low' %}row-status--blue{% endif %}"
+                                                    <div class="oh-sticky-table__sd 
+                                                        {% if ticket.priority == 'high' %}row-status--red 
+                                                        {% elif ticket.priority == 'medium' %}row-status--orange 
+                                                        {% elif ticket.priority == 'low' %}row-status--blue{% endif %}"
+                                                        onclick="event.stopPropagation()"
                                                     >
                                                         <div class="centered-div">
                                                             <input
@@ -933,6 +940,9 @@ $(".allTicketsAll").change(function (e) {
         });
         tickTicketsCheckboxes();
 		$(".my-tickets-row").change(function () {
+            if ($('.myTicketsAll').is(":checked")) {
+				$('.myTicketsAll').prop("checked", false);
+			  }
 			addingTicketsIds();
 		});
 		$(".myTicketsAll").change(function () {
@@ -940,13 +950,19 @@ $(".allTicketsAll").change(function (e) {
 		});
 
 		$(".allocated-tickets-row").change(function () {
-			addingTicketsIds();
+			if ($('.allocatedTicketsAll').is(":checked")) {
+				$('.allocatedTicketsAll').prop("checked", false);
+			  }
+            addingTicketsIds();
 		});
 		$(".allocatedTicketsAll").change(function () {
 			addingTicketsIds();
 		});
 		$(".all-tickets-row").change(function () {
-		  	addingTicketsIds();
+            if ($('.allTicketsAll').is(":checked")) {
+				$('.allTicketsAll').prop("checked", false);
+			  }
+            addingTicketsIds();
 		});
 		$(".allTicketsAll").change(function () {
 		  	addingTicketsIds();
diff --git a/helpdesk/templates/helpdesk/ticket/ticket_view.html b/helpdesk/templates/helpdesk/ticket/ticket_view.html
index 120e7883f..5a6b70ad7 100644
--- a/helpdesk/templates/helpdesk/ticket/ticket_view.html
+++ b/helpdesk/templates/helpdesk/ticket/ticket_view.html
@@ -108,7 +108,7 @@
 				{% trans "Select All Tickets" %}
 			</div>
 			<div
-				class="oh-checkpoint-badge text-secondary mb-2"
+				class="oh-checkpoint-badge text-secondary mb-2 d-none"
 				id="unselectAllTickets"
 				style="cursor: pointer"
 			>