merge

WebfrontCore/wwwroot/css/src/main.scss

@@ -1,5 +1,4 @@
-@import 'bootstrap-custom.scss';
-@import 'profile.scss';
+@import 'profile.scss';
 
 $icon-font-path: '/font/' !default;
 @import '../../lib/open-iconic/font/css/open-iconic-bootstrap.scss';
@@ -195,7 +194,7 @@ form *, select {
     font-size: 1rem;
 }
 
-.client-message, .automated-penalty-info-detailed, .oi {
+.oi {
     cursor: pointer;
 }
 

WebfrontCore/wwwroot/css/src/profile.scss

@@ -1,4 +1,6 @@
-.level-bgcolor-console {
+@import 'bootstrap-custom.scss';
+
+.level-bgcolor-console {
     background-color: grey;
 }
 
@@ -194,3 +196,8 @@
 #profile_events span {
     word-break: break-all;
 }
+
+#filter_meta_container .nav-link:hover {
+    background-color: $dark;
+    color: $white !important;
+}

WebfrontCore/wwwroot/js/loader.js

@@ -5,12 +5,14 @@ let startAt = null;
 let isLoaderLoading = false;
 let loadUri = '';
 let loaderResponseId = '';
+let additionalParams = [];
 
-function initLoader(location, loaderId, count = 10, start = count) {
+function initLoader(location, loaderId, count = 10, start = count, additional) {
     loadUri = location;
     loaderResponseId = loaderId;
     loadCount = count;
     loaderOffset = start;
+    additionalParams = additional;
     setupListeners();
 }
 
@@ -21,7 +23,13 @@ function loadMoreItems() {
 
     showLoader();
     isLoaderLoading = true;
-    $.get(loadUri, { offset: loaderOffset, count: loadCount, startAt: startAt })
+    let params = { offset: loaderOffset, count: loadCount, startAt: startAt };
+    for (i = 0; i < additionalParams.length; i++) {
+        let param = additionalParams[i];
+        params[param.name] = param.value;
+    }
+
+    $.get(loadUri, params)
         .done(function (response) {
             $(loaderResponseId).append(response);
             if (response.trim().length === 0) {

WebfrontCore/wwwroot/js/profile.js

@@ -11,7 +11,15 @@
     });
 
     /* set the end time for initial event query */
-    startAt = $('#profile_events').children().last().data('time');
+    startAt = $('.loader-data-time').last().data('time');
+
+
+    $('#filter_meta_container_button').click(function () {
+        $('#filter_meta_container').hide();
+        $('#filter_meta_container').removeClass('d-none');
+        $('#filter_meta_container').addClass('d-block');
+        $('#filter_meta_container').slideDown();
+    });
 
     /*
      * load context of chat 
@@ -20,6 +28,14 @@
     $(document).on('click', '.client-message', function (e) {
         showLoader();
         const location = $(this);
+        $('.client-message-prefix').removeClass('oi-chevron-bottom');
+        $('.client-message-prefix').removeClass('oi-chevron-right');
+
+        $('.client-message-prefix').addClass('oi-chevron-right');
+
+        $(this).children().filter('.client-message-prefix').removeClass('oi-chevron-right');
+        $(this).children().filter('.client-message-prefix').addClass('oi-chevron-bottom');
+       
         $.get('/Stats/GetMessageAsync', {
             'serverId': $(this).data('serverid'),
             'when': $(this).data('when')