Plus / minus with highlight effect because in edge the page scroll may move so we don't loose focus

Author: xaviqv

src/Controllers/TicketsController.php

@@ -203,7 +203,7 @@ public function renderTicketTable($collection)
 				$field = '<div style="margin: 0em 0em 1em 0em;">'.$field.'</div>';
 
 				if (Setting::grab('list_text_max_length') != 0 and strlen($ticket->content) > (Setting::grab('list_text_max_length')+30)){
-                    $field.= '<div class="jquery_ticket_' . $ticket->id . '_text" data-height-plus="" data-height-minus="">'
+                    $field.= '<div class="ticket_text jquery_ticket_' . $ticket->id . '_text" data-height-plus="" data-height-minus="">'
                         .'<span class="text_minus">' . mb_substr($ticket->content, 0, Setting::grab('list_text_max_length')) . '...</span>'
                         .'<span class="text_plus" style="display: none">' . $ticket->content . '</span>'
                         .' <button class="btn btn-light btn-xs jquery_ticket_text_toggle" data-id="' . $ticket->id . '"><span class="fa fa-plus"></span></button></div>';
@@ -222,7 +222,7 @@ public function renderTicketTable($collection)
 		if (Setting::grab('subject_content_column') == 'no'){
 			$collection->editColumn('content', function ($ticket) {
                 if (Setting::grab('list_text_max_length') != 0 and strlen($ticket->content) > (Setting::grab('list_text_max_length')+30)){
-                    $field = '<div class="jquery_ticket_' . $ticket->id . '_text" data-height-plus="" data-height-minus="">'
+                    $field = '<div class="ticket_text jquery_ticket_' . $ticket->id . '_text" data-height-plus="" data-height-minus="">'
                         .'<span class="text_minus">' . mb_substr($ticket->content, 0, Setting::grab('list_text_max_length')) . '...</span>'
                         .'<span class="text_plus" style="display: none">' . $ticket->content . '</span>'
                         .' <button class="btn btn-light btn-xs jquery_ticket_text_toggle" data-id="' . $ticket->id . '"><span class="fa fa-plus"></span></button></div>';
@@ -239,7 +239,7 @@ public function renderTicketTable($collection)
 		$collection->editColumn('intervention', function ($ticket) {
 
             if (Setting::grab('list_text_max_length') != 0 and strlen($ticket->intervention) > (Setting::grab('list_text_max_length')+30)){
-                $field = '<div class="jquery_ticket_' . $ticket->id . '_text" data-height-plus="" data-height-minus="">'
+                $field = '<div class="ticket_text jquery_ticket_' . $ticket->id . '_text" data-height-plus="" data-height-minus="">'
                     .'<span class="text_minus">...' . mb_substr($ticket->intervention, (mb_strlen($ticket->intervention)-Setting::grab('list_text_max_length'))) . '</span>'
                     .'<span class="text_plus" style="display: none">' . $ticket->intervention . '</span>'
                     .' <button class="btn btn-light btn-xs jquery_ticket_text_toggle" data-id="' . $ticket->id . '"><span class="fa fa-plus"></span></button></div>';

src/Views/tickets/datatable/events.blade.php

@@ -9,6 +9,8 @@
             var action = $(this).find('span.fa').hasClass("fa-plus") ? 'minus' : 'plus';
             var id = $(this).data('id');
 
+            $(this).closest('tr').find('td').first().effect('highlight');
+
             $('.jquery_ticket_' + id + '_text').each(function(){
                 if (action == 'minus'){
                     $(this).prop('data-height-minus', $(this).height());
@@ -25,7 +27,6 @@
                     $(this).css('height', '');
                 }
             });
-
         });
 
 		// Agent change: Modal for > 4 agents