Ticket list: Plus / minus to show or hide full content

Author: xaviqv

src/Controllers/ConfigurationsController.php

@@ -28,7 +28,9 @@ public function index()
 		'email.google_plus_link', 'email.facebook_link', 'email.twitter_link', 'email.footer', 'email.footer_link',
 		'email.color_body_bg', 'email.color_header_bg', 'email.color_content_bg', 'email.color_footer_bg',
 		'email.color_button_bg', 'email.account.name', 'email.account.mailbox' ];
-		$tickets_section = ['default_priority_id', 'default_status_id', 'default_close_status_id', 'default_reopen_status_id', 'subject_content_column', 'paginate_items', 'attachments_ticket_max_size', 'attachments_ticket_max_files_num', 'attachments_mimes', 'attachments_path', 'thumbnails_path', 'oldest_year', 'user_route', 'html_replacements'];
+		$tickets_section = ['default_priority_id', 'default_status_id', 'default_close_status_id', 'default_reopen_status_id',
+            'subject_content_column', 'paginate_items', 'attachments_ticket_max_size', 'attachments_ticket_max_files_num', 'attachments_mimes',
+            'attachments_path', 'thumbnails_path', 'oldest_year', 'user_route', 'html_replacements', 'list_text_max_length'];
 		$perms_section = ['agent_restrict', 'close_ticket_perm', 'reopen_ticket_perm'];
 		$editor_section = ['editor_enabled', 'editor_html_highlighter', 'codemirror_theme',
 			'summernote_locale', 'summernote_options_json_file', 'summernote_options_user', 'purifier_config', ];

src/Controllers/TicketsController.php

@@ -200,16 +200,34 @@ public function renderTicketTable($collection)
 			if (Setting::grab('subject_content_column') == 'no'){
 				return $field;
 			}else{
-				$field = '<div style="margin: 0em 0em 1em 0em;">'.$field.'</div>' . $ticket->content;
-				if ($ticket->all_attachments_count>0) $field.= "<br />" . $ticket->all_attachments_count . ' <span class="fa fa-paperclip tooltip-info attachment" title="'.trans('panichd::lang.table-info-attachments-total', ['num' => $ticket->all_attachments_count]).'"></span>';
+				$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>'
+                        .'<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>';
+
+                }else{
+                    $field.= $ticket->content;
+                }
 
+				if ($ticket->all_attachments_count>0){
+                    $field.= "<br />" . $ticket->all_attachments_count . ' <span class="fa fa-paperclip tooltip-info attachment" title="'.trans('panichd::lang.table-info-attachments-total', ['num' => $ticket->all_attachments_count]).'"></span>';
+                }
 				return $field;
 			}
         });
 
 		if (Setting::grab('subject_content_column') == 'no'){
 			$collection->editColumn('content', function ($ticket) {
-				$field = $ticket->content;
+                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>'
+                        .'<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>';
+
+                }else{
+                    $field = $ticket->content;
+                }
 				if ($ticket->all_attachments_count>0) $field.= "<br />" . $ticket->all_attachments_count . ' <span class="fa fa-paperclip tooltip-info attachment" title="'.trans('panichd::lang.table-info-attachments-total', ['num' => $ticket->all_attachments_count]).'"></span>';
 
 				return $field;

src/Seeds/SettingsTableSeeder.php

@@ -197,6 +197,7 @@ public function getDefaults()
              * Default: false
              */
             'default_reopen_status_id' => false,
+
             /*
              * [Deprecated] User ids who are members of admin role
              * Default: 1
@@ -256,7 +257,11 @@ public function getDefaults()
 				'<br>' => ' '
 			],
 
-			
+			/*
+			 * If set to a number, limit texts in ticket list to specified character length and show plus / minus icons
+			 */
+			'list_text_max_length' => '300',
+
 
             /*
              * Pagination length: For tickets table.

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

@@ -2,7 +2,26 @@
 $(function(){
 	// Ticket List: Change ticket agent
 	$('#tickets-table').on('draw.dt', function(e){
-		
+
+	    // Plus / less buttons for text fields
+        $('.jquery_ticket_text_toggle').click(function(e){
+
+            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');
+
+                $(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
 		$('.jquery_agent_change_modal').click(function(e){
 			e.preventDefault();