better summary positionning and dark mode filters added

admin/themes/default/js/history.js

@@ -112,17 +112,23 @@ function fillSummaryResult(summary) {
   $(".summary-users .summary-data").html(summary.USERS);
   $(".summary-guests .summary-data").html(summary.GUESTS);
 
-  (summary.GUESTS.split(" ")[0] != "0") ? $(".summary-guests .summary-data").addClass("icon-plus-circled").on("click", function () {
-    if (current_param.user == "-1") {
-      current_param.user = guest_id;
-      addUserFilter(str_guest);
-      fillHistoryResult(current_param);
-    }
-  }).hover(function () {
-    $(this).css({
-      cursor : "pointer"
-    })
-  }) : console.log();
+  if ((summary.GUESTS.split(" ")[0] != "0")) {
+    $(".summary-guests .summary-data").addClass("icon-plus-circled").on("click", function () {
+      if (current_param.user == "-1") {
+        current_param.user = guest_id;
+        addGuestFilter(str_guest);
+        fillHistoryResult(current_param);
+      }
+    }).hover(function () {
+      $(this).css({
+        cursor : "pointer"
+      })
+    });
+
+    $(".summary-guests").show();
+  } else {
+    $(".summary-guests").hide();
+  }
 
   var id_of = [];
   var user_dot_title = "";
@@ -374,6 +380,28 @@ function addUserFilter(username) {
   newFilter.find(".filter-title").html(username);
   newFilter.find(".filter-icon").addClass("icon-user");
 
+  newFilter.find(".remove-filter").on("click", function () {
+    $(this).parent().remove();
+
+    current_param.user = "-1";
+    current_param.pageNumber = 0;
+    fillHistoryResult(current_param);
+    checkFilters();
+    $(".summary-guests").show();
+  })
+
+  $(".summary-guests").hide();
+  $(".filter-container").append(newFilter);
+  checkFilters();
+}
+
+function addGuestFilter(username) {
+  var newFilter = $("#default-filter").clone();
+  newFilter.removeClass("hide");
+
+  newFilter.find(".filter-title").html(username);
+  newFilter.find(".filter-icon").addClass("icon-user-secret");
+
   newFilter.find(".remove-filter").on("click", function () {
     $(this).parent().remove();
 

admin/themes/default/template/history.tpl

@@ -363,12 +363,6 @@ jQuery(document).ready( function() {
   cursor: default;
 }
 
-.filter-title, .remove-filter, .filter-icon {
-  color: #777;
-  background: #fff;
-  padding: 5px 0;
-}
-
 .filter-title {
   padding-right: 2px;
 }
@@ -629,7 +623,11 @@ jQuery(document).ready( function() {
 .summary-icons {
   padding: 10px;
   border-radius: 50%;
-  margin: 0 5px;
+  margin: 0 5px 0 15px;
+}
+
+.summary-lines .summary-icons {
+  margin-left: 5px;
 }
 
 .summary-users {
@@ -663,12 +661,11 @@ jQuery(document).ready( function() {
 
 .summary-data {
   font-weight: bold;
-  margin: 0 15px 0 0;
 }
 
-.user-list {
+{* .user-list {
   margin-right: 10px;
-}
+} *}
 
 #start_unset, #end_unset {
   text-decoration: none;

admin/themes/default/theme.css

@@ -5615,4 +5615,10 @@ color:#FF7B00;
 
 .selectable-filter .elem-type-select {
   margin-top: 5px !important;
+}
+
+.filter-title, .remove-filter, .filter-icon {
+  color: #777;
+  background: #fff;
+  padding: 5px 0;
 }

admin/themes/roma/theme.css

@@ -1688,4 +1688,10 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
   background: #252525 !important;
   border-color: transparent !important;
   color: #777;
+}
+
+.filter-title, .remove-filter, .filter-icon {
+  color: #777;
+  background: #252525;
+  padding: 5px 0;
 }