From 048a574bfa0025aac07aa28b5f7998cbf52a14c5 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Fri, 3 Jun 2022 10:06:52 +0100
Subject: [PATCH] fixed tags issues and number of columns for portal viewn

---
 .../related/components/LogTable/Index.vue     |  1 -
 .../components/LogTable/LogService.vue        |  1 +
 src/views/dashboard/related/log/Header.vue    | 19 +++++++++++--------
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/views/dashboard/related/components/LogTable/Index.vue b/src/views/dashboard/related/components/LogTable/Index.vue
index 2f2b2e01..d7fa2472 100644
--- a/src/views/dashboard/related/components/LogTable/Index.vue
+++ b/src/views/dashboard/related/components/LogTable/Index.vue
@@ -67,7 +67,6 @@ limitations under the License. -->
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 import { useI18n } from "vue-i18n";
-// import { ServiceLogConstants, BrowserLogConstants } from "./data";
 import LogBrowser from "./LogBrowser.vue";
 import LogService from "./LogService.vue";
 import LogDetail from "./LogDetail.vue";
diff --git a/src/views/dashboard/related/components/LogTable/LogService.vue b/src/views/dashboard/related/components/LogTable/LogService.vue
index b9a324b7..88081c7f 100644
--- a/src/views/dashboard/related/components/LogTable/LogService.vue
+++ b/src/views/dashboard/related/components/LogTable/LogService.vue
@@ -69,6 +69,7 @@ function showSelectSpan() {
   emit("select", props.data);
 }
 </script>
+
 <style lang="scss" scoped>
 .log-item {
   white-space: nowrap;
diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index 52813ecd..d5923c2b 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -364,13 +364,9 @@ const arrayOfFilters = ref<filtersObject[]>([
 ]);
 onMounted(() => {
   if (portal) {
-    logStore.hideColumns([
-      "endpoint",
-      "time",
-      "contentType",
-      "tags",
-      "traceID",
-    ]);
+    ["endpoint", "time", "contentType", "tags", "traceID"].forEach((col) =>
+      logStore.hideColumns(col)
+    );
   }
 });
 init();
@@ -380,9 +376,11 @@ function toggleColumSelector() {
 }
 function hideColumns(column: string) {
   logStore.hideColumns(column.value);
+  selectedColumns.value = [];
 }
 function showColumns(column: string) {
   logStore.showColumns(column.value);
+  selectedColumns.value = [];
 }
 function hideTags() {
   let tagsWrap = document.querySelector(".el-select__tags");
@@ -572,6 +570,11 @@ function removeExcludeContent(index: number) {
 }
 function setSearchTerm(term: string) {
   currentSearchTerm.value = term;
+  if (term === "column") {
+    setTimeout(() => {
+      hideTags();
+    }, 200);
+  }
 }
 function cancelSearchTerm() {
   switch (currentSearchTerm.value) {
@@ -730,7 +733,7 @@ watch(
   width: 100%;
   padding: 0 32px 0 20px;
 }
-.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
   display: none;
 }
 </style>