Version 4.0.0

Author: jshah4517

frontend/css/main.min.css

@@ -4,7 +4,7 @@ $(document).ready(function () {
     $(".sp-comment-text a:not([href^='#'])").attr('target', '_blank').attr('rel', 'noopener');
 
     // Previews for attachments.
-    App.attachments.loadPreviews('.sp-content');
+    App.attachments.loadPreviews($('.sp-content'));
 
     // Previews for inline images.
     var $article = $('.sp-article');
@@ -14,7 +14,7 @@ $(document).ready(function () {
             $(this).attr('data-src', $(this).attr('src'));
         }
     });
-    $article.lightGallery({selector: '.sp-lightbox', counter: false});
+    $article.gallery({selector: '.sp-lightbox'});
 
     // Change ordering
     $('.sp-comment-ordering').on('change', function () {
@@ -260,10 +260,10 @@ $(document).ready(function () {
                                     $('input[type=password]').hideShowPassword();
 
                                     // Date picker
-                                    $(Swal.getContent()).find('.datepicker').datepicker();
+                                    $(Swal.getHtmlContainer()).find('.datepicker').datepicker();
                                 },
                                 preConfirm: function () {
-                                    var data = $(Swal.getContent()).find("input, textarea, select").serializeArray();
+                                    var data = $(Swal.getHtmlContainer()).find("input, textarea, select").serializeArray();
                                     data.push({name: '_token', value: $('meta[name="csrf_token"]').prop('content') });
 
                                     $.post(laroute.route('selfservice.article.feedback.store', {'id': feedbackLog.id}), data);

frontend/css/main.min.css.map

@@ -1,12 +1,7 @@
 $(document).ready(function () {
-    // Date picker
     $('.datepicker').datepicker();
-
-    // Enable hide / show password toggle
     $('input[type=password]').hideShowPassword();
-
-    // Redactor
-    $('textarea[name="text"]').redactor();
+    $('textarea[name="text"]').editor();
 
     // Regex for email
     var re = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i;

frontend/css/tailwind/main.css

@@ -54,8 +54,8 @@ $(document).ready(function() {
         $(this).attr('target', '_blank').attr('rel', 'noopener');
       });
 
-    // Redactor
-    var instance = $('textarea[name=text]').redactor();
+    // Editor
+    $('textarea[name=text]').editor();
 
     // Regex for email
     var re = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i;
@@ -178,7 +178,7 @@ $(document).ready(function() {
 
                 // Reset the form
                 form.find('textarea[name="text"]').val('').prop('disabled', false);
-                instance.source.setCode('');
+                tinymce.activeEditor.setContent('');
                 $('.sp-attached-files').find('li:not(:first)').remove();
                 $('.sp-attachment-details').find('input[type=hidden][name^="attachment["]:not(:first)').remove();
 
@@ -216,7 +216,7 @@ $(document).ready(function() {
         this.runNow = function () {
             instance.stop();
 
-            void 0;
+            console.log('[' + new Date().toUTCString() + '][Poll replies] Sending AJAX');
 
             return xhr = $.ajax({
                 url: laroute.route('ticket.frontend.message.poll'),
@@ -295,24 +295,24 @@ $(document).ready(function() {
         };
 
         this.startAfter = function (milliseconds) {
-            void 0;
+            console.log('[' + new Date().toUTCString() + '][Poll replies] Starting after ' + milliseconds + ' milliseconds');
             clearTimeout(startAfterTimer);
             startAfterTimer = setTimeout(instance.start, milliseconds);
         };
 
         this.stop = function () {
-            void 0;
+            console.log('[' + new Date().toUTCString() + '][Poll replies] Cancelling current running requests.');
             clearTimeout(loopTimer);
             xhr && xhr.abort();
         };
 
         // When window is not active, stop polling.
         $(document).on('visibilitychange', function () {
             if (document.hidden) {
-                void 0;
+                console.log('[' + new Date().toUTCString() + '][Poll replies] Tab is not visible.');
                 instance.stop();
             } else {
-                void 0;
+                console.log('[' + new Date().toUTCString() + '][Poll replies] Tab is visible.');
                 instance.startAfter(2000);
             }
         });

frontend/js/article.js

@@ -10,7 +10,7 @@ $(document).ready(function () {
             // Change filter row to include submit ticket and filter results buttons.
             $("div.dataTables_filter")
                 .removeClass('dataTables_filter')
-                .addClass('sp-flex sp-flex-grow')
+                .addClass('sp-flex sp-grow')
                 .append(
                     $('<a>', {
                         class: 'sp-filter-results sp-button sp-rounded-l-none sp-hidden md:sp-inline-block',

frontend/js/newticket.js

@@ -1,19 +1,60 @@
 .codemirror-box {
-    border: 1px solid var(--color-background-tertiary);
-    border-radius: 0.25rem;
+    @apply sp-border sp-border-tertiary sp-rounded;
 }
 
-.redactor-box .CodeMirror {
-    border-top: 1px solid var(--color-background-tertiary);
-    border-radius: 0 0 0.25rem 0.25rem;
+.codemirror-box .toolbar-wrapper + .CodeMirror {
+    border-radius: unset !important;
 }
 
-.CodeMirror {
-    border-radius: 0.25rem;
+/*
+ * toolbar
+ */
+
+.codemirror-box .toolbar-wrapper {
+    @apply sp-sticky sp-top-0;
+    z-index: 1000;
+}
+
+.codemirror-box .toolbar {
+    @apply sp-px-1 sp-py-0 sp-bg-secondary sp-border-0 sp-border-b sp-border-solid sp-border-tertiary;
+    @apply sp-leading-normal !important;
+
+    line-height: 1.5 !important;
+    padding: 0 .25rem;
+}
+
+.codemirror-box .toolbar a {
+    @apply sp-m-0 sp-shadow-none sp-text-primary;
+    background: 0;
+    display: inline-block;
+    box-sizing: border-box;
+    text-align: center;
+    cursor: pointer;
+    outline: 0;
+    border: none;
+    vertical-align: middle;
+    text-decoration: none;
+    position: relative;
+    border-radius: 2px;
+}
+
+.codemirror-box .toolbar a.button-icon {
+    @apply sp-p-3/2 sp-text-sm;
+}
+
+.codemirror-box .toolbar a:hover,
+.codemirror-box .toolbar a.button-active,
+.codemirror-box .toolbar a.active {
+    background: 0;
 }
 
-.codemirror-box .redactor-toolbar-wrapper + .CodeMirror {
-    border-radius: 0 0 0.25rem 0.25rem;
+.codemirror-box .toolbar a:hover,
+.codemirror-box .toolbar a:hover .fa,
+.codemirror-box .toolbar a.button-active,
+.codemirror-box .toolbar a.button-active .fa,
+.codemirror-box .toolbar a.active,
+.codemirror-box .toolbar a.active .fa {
+    @apply sp-text-secondary;
 }
 
 /*