Newest tickets list automatic reload countdown with a specific setting

Author: xaviqv

src/Controllers/ConfigurationsController.php

@@ -30,7 +30,7 @@ public function index()
 		'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', 'list_text_max_length', 'use_default_status_id'];
+            'attachments_path', 'thumbnails_path', 'oldest_year', 'user_route', 'html_replacements', 'list_text_max_length', 'use_default_status_id', 'newest_list_reload_seconds'];
 		$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/Seeds/SettingsTableSeeder.php

@@ -266,6 +266,12 @@ public function getDefaults()
 			 */
 			'list_text_max_length' => '300',
 
+            /*
+             * Interval in which the Newest tickets list will be reloaded automatically. Set to 0 to disable
+             *
+             */
+            'newest_list_reload_seconds' => '60',
+
 
             /*
              * Pagination length: For tickets table.

src/Translations/ca/lang.php

@@ -206,6 +206,12 @@
   'index-complete-check'             => 'Assegureu-vos de revisar els tiquets tancats si no pot trobar el seu tiquet.',
   'ticket-notices-title'             => 'Avisos',
   'ticket-notices-empty'             => 'No hi ha cap avís actiu',
+/*
+// Newest tickets page reload Modal
+  'page-reload-modal-title'          => 'Recàrrega de pàgina',
+  'page-reload-modal-countdown'      => 'Aquesta pàgina es recarregarà en <kbd><span id="counter">:num</span></kbd> segons.',
+  'page-reload-modal-reloading'      => 'Aquesta pàgina està recarregant... si us plau, espera',
+  'page-reload-modal-button-now'     => 'Recarrega ara!',*/
 
 // Ticket forms messages
   'update-agent-same'                => 'No has canviat l\'agent! Tiquet <a href=":link" title=":title"><u>:name</u></a>',

src/Translations/en/lang.php

@@ -209,6 +209,12 @@
   'ticket-notices-title'             => 'Notices',
   'ticket-notices-empty'             => 'There are no active notices',
 
+// Newest tickets page reload Modal
+  'page-reload-modal-title'          => 'Page reload',
+  'page-reload-modal-countdown'      => 'This page will reload in <kbd><span id="counter">:num</span></kbd> seconds.',
+  'page-reload-modal-reloading'      => 'This page is reloading... please wait',
+  'page-reload-modal-button-now'     => 'Reload now!',
+
 // Ticket forms messages
   'update-agent-same'                => 'Agent was not changed! Ticket <a href=":link" title=":title"><u>:name</u></a>',
   'update-agent-ok'                  => 'Agent was correctly updated. Ticket <a href=":link" title=":title"><u>:name</u></a>: :old_agent -> :new_agent',
@@ -253,7 +259,7 @@
   'show-ticket-modal-delete-message' => 'Are you sure you want to delete ticket: :subject?',
   'show-ticket-modal-edit-fields'    => 'Edit more fields',
 
-        'show-ticket-modal-complete-blank-intervention-check' => 'Leave blank intervention',
+  'show-ticket-modal-complete-blank-intervention-check' => 'Leave blank intervention',
   'show-ticket-complete-blank-intervention-alert'       => 'To complete the ticket you must confirm that you leave intervention field blank',
   'show-ticket-modal-complete-blank-reason-alert'       => 'To complete the ticket you must indicate a closing reason',
   'show-ticket-complete-bad-status'                     => 'Ticket not completed: The specified status is not valid',

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

@@ -1,7 +1,55 @@
 <script>
 $(function(){
-	// Ticket List: Change ticket agent
+
+
+    // Ticket List: Change ticket agent
 	$('#tickets-table').on('draw.dt', function(e){
+        @if ($ticketList == 'newest' && $setting->grab('newest_list_reload_seconds'))
+
+            var modal_countdown = ({{ $setting->grab('newest_list_reload_seconds') }} - 5)*1000;
+
+            setTimeout(function(){ $('#modal-page-reload').modal('show'); }, modal_countdown);
+            var reload_secs = 6;
+            var page_reload = "";
+
+            $('#modal-page-reload').on('show.bs.modal', function () {
+
+                $('#modal-page-reload #text_countdown').show();
+                $('#modal-page-reload #text_reloading').hide();
+
+                $('#modal-page-reload #counter').text(reload_secs-1);
+
+                // Update the count down every 1 second
+                page_reload = setInterval(function() {
+                    reload_secs = reload_secs - 1;
+
+                    // Output the result in an element with id="demo"
+                    $('#modal-page-reload #counter').text(reload_secs);
+
+                    // If the count down is over, write some text
+                    if (reload_secs == 0) {
+                        $('#modal-page-reload #text_countdown').hide();
+                        $('#modal-page-reload #text_reloading').show();
+                        clearInterval(page_reload);
+                        window.location.reload(false);
+                    }
+                }, 1000);
+            });
+
+            $('#modal-page-reload').on('hidden.bs.modal', function () {
+                clearInterval(page_reload);
+
+                setTimeout(function(){ $('#modal-page-reload').modal('show'); }, modal_countdown);
+                page_reload = "";
+                reload_secs = 6;
+            });
+
+            $('#modal-page-reload #confirm').click(function(e){
+                $('#modal-page-reload #text_countdown').hide();
+                $('#modal-page-reload #text_reloading').show();
+                window.location.reload(false);
+            });
+        @endif
 
 	    // Plus / less buttons for text fields
         $('.jquery_ticket_text_toggle').click(function(e){

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

@@ -0,0 +1,19 @@
+<!-- Modal Dialog -->
+<div class="modal fade" id="modal-page-reload" role="dialog" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">{{ trans('panichd::lang.page-reload-modal-title') }}</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">{{ trans('panichd::lang.flash-x') }}</button>
+      </div>
+      <div class="modal-body">
+        <p id="text_countdown">{!! trans('panichd::lang.page-reload-modal-countdown', ['num' => '5']) !!}</p>
+        <p id="text_reloading" style="display: none">{!! trans('panichd::lang.page-reload-modal-reloading') !!}</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-light mr-auto" data-dismiss="modal">{{ trans('panichd::lang.btn-cancel') }}</button>
+        <button type="button" class="btn btn-light" id="confirm">{{ trans('panichd::lang.page-reload-modal-button-now') }}</button>
+      </div>
+    </div>
+  </div>
+</div>

src/Views/tickets/index.blade.php

@@ -27,6 +27,10 @@
 		</div>
 		@include('panichd::tickets.partials.modal_agent')
 		@include('panichd::tickets.partials.priority_popover_form')
+
+		@if($ticketList == 'newest')
+			@include('panichd::tickets.datatable.modal_page_reload')
+		@endif
 	@stop
 
 	@section('footer')

src/Views/tickets/show.blade.php

@@ -26,7 +26,7 @@
 		{!! $comments->render() !!}
         @include('panichd::tickets.show.modal_comment_new')
 		@if ($setting->grab('ticket_attachments_feature'))
-			@include('panichd::shared.attach_files_script')			
+			@include('panichd::shared.attach_files_script')
 		@endif
 @endsection