List plus and minus icons on intervention column. Affect both content columns if icon is present

Author: xaviqv

src/Controllers/TicketsController.php

@@ -203,9 +203,10 @@ 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"><span class="text_minus">' . mb_substr($ticket->content, 0, Setting::grab('list_text_max_length')) . '...</span>'
+                    $field.= '<div class="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-action="plus" data-height-plus="" data-height-minus="" data-id="' . $ticket->id . '" data-plus-icon="fa fa-minus" data-minus-icon="fa fa-plus"><span class="fa fa-plus"></span></button></div>';
+                        .' <button class="btn btn-light btn-xs jquery_ticket_text_toggle" data-id="' . $ticket->id . '"><span class="fa fa-plus"></span></button></div>';
 
                 }else{
                     $field.= $ticket->content;
@@ -221,9 +222,10 @@ 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"><span class="text_minus">' . mb_substr($ticket->content, 0, Setting::grab('list_text_max_length')) . '...</span>'
+                    $field = '<div class="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-action="plus" data-height-plus="" data-height-minus="" data-id="' . $ticket->id . '" data-plus-icon="fa fa-minus" data-minus-icon="fa fa-plus"><span class="fa fa-plus"></span></button></div>';
+                        .' <button class="btn btn-light btn-xs jquery_ticket_text_toggle" data-id="' . $ticket->id . '"><span class="fa fa-plus"></span></button></div>';
 
                 }else{
                     $field = $ticket->content;
@@ -235,7 +237,17 @@ public function renderTicketTable($collection)
 		}
 
 		$collection->editColumn('intervention', function ($ticket) {
-			$field=$ticket->intervention;
+
+            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="">'
+                    .'<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>';
+
+            }else{
+                $field = $ticket->intervention;
+            }
+
 			if ($ticket->intervention!="" and ($ticket->comments_count>0 or $ticket->hidden)) $field.="<br />";
 
 			if($ticket->hidden) $field.= '<span class="fa fa-eye-slash tooltip-info tickethidden" data-toggle="tooltip" title="'.trans('panichd::lang.ticket-hidden').'" style="margin: 0em 0.5em 0em 0em;"></span>';

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

@@ -5,21 +5,27 @@
 
 	    // Plus / less buttons for text fields
         $('.jquery_ticket_text_toggle').click(function(e){
+            var remove = $(this).find('span.fa').hasClass("fa-plus") ? 'plus' : 'minus';
+            var action = $(this).find('span.fa').hasClass("fa-plus") ? 'minus' : 'plus';
+            var id = $(this).data('id');
 
-            if($(this).find('span.fa').hasClass("fa-plus")){
-                $(this).prop('data-height-minus', $('.jquery_ticket_' + $(this).data('id') + '_text').height());
-                $(this).find('span.fa').removeClass('fa-plus').addClass('fa-minus');
-                $('.jquery_ticket_' + $(this).data('id') + '_text').find('.text_minus').hide();
-                $('.jquery_ticket_' + $(this).data('id') + '_text').find('.text_plus').css('display', 'inline');
+            $('.jquery_ticket_' + id + '_text').each(function(){
+                if (action == 'minus'){
+                    $(this).prop('data-height-minus', $(this).height());
+                    $(this).find('span.fa').removeClass('fa-plus').addClass('fa-minus');
+                    $(this).find('.text_minus').hide();
+                    $(this).find('.text_plus').css('display', 'inline');
+
+                    $(this).prop('data-height-plus', $(this).height());
+                    $(this).css('height', $(this).prop('data-height-minus')).animate({height: $(this).prop('data-height-plus')}, 500);
+                }else{
+                    $(this).find('span.fa').removeClass('fa-minus').addClass('fa-plus');
+                    $(this).find('.text_minus').show();
+                    $(this).find('.text_plus').hide();
+                    $(this).css('height', '');
+                }
+            });
 
-                $(this).prop('data-height-plus', $('.jquery_ticket_' + $(this).data('id') + '_text').height());
-                $('.jquery_ticket_' + $(this).data('id') + '_text').css('height', $(this).prop('data-height-minus')).animate({height: $(this).prop('data-height-plus')}, 500);
-            }else{
-                $(this).find('span.fa').removeClass('fa-minus').addClass('fa-plus');
-                $('.jquery_ticket_' + $(this).data('id') + '_text').find('.text_minus').show();
-                $('.jquery_ticket_' + $(this).data('id') + '_text').find('.text_plus').hide();
-                $('.jquery_ticket_' + $(this).data('id') + '_text').css('height', '');
-            }
         });
 
 		// Agent change: Modal for > 4 agents