From fbeca70081fd844de073ecd4ff0ec4550326574e Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Sat, 21 May 2022 00:29:28 +0100
Subject: [PATCH] added select input to header

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

diff --git a/src/views/dashboard/related/components/LogTable/Index.vue b/src/views/dashboard/related/components/LogTable/Index.vue
index 22af9716..039c7efb 100644
--- a/src/views/dashboard/related/components/LogTable/Index.vue
+++ b/src/views/dashboard/related/components/LogTable/Index.vue
@@ -92,6 +92,7 @@ const dragger = ref<Nullable<HTMLSpanElement>>(null);
 // const method = ref<number>(380);
 // props.type === "browser" ? BrowserLogConstants : ServiceLogConstants;
 const columns = ref<any[]> (useLogStore.serviceLogColumn);
+// const portalVisibleDefaultCols:string[] = ['Service', 'Instance','Content']
 
 const visibleColumns = computed(() =>
   columns.value.filter((column) => column.isVisible)
diff --git a/src/views/dashboard/related/components/LogTable/LogService.vue b/src/views/dashboard/related/components/LogTable/LogService.vue
index 9c72d7dc..1ca7e275 100644
--- a/src/views/dashboard/related/components/LogTable/LogService.vue
+++ b/src/views/dashboard/related/components/LogTable/LogService.vue
@@ -39,7 +39,7 @@ limitations under the License. -->
 <script lang="ts" setup>
 import { computed, ref } from "vue";
 import dayjs from "dayjs";
-import { ServiceLogConstants } from "./data";
+// import { ServiceLogConstants } from "./data";
 import { logStore } from "@/store/modules/log";
 /*global defineProps, defineEmits */
 const props = defineProps({
diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index 6d42ea2c..d46eddbd 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -14,6 +14,24 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="flex-h log-wrapper">
+  <div style="display: inline-block; margin-left: 20px">
+    <p style="margin-left: 10px">use collapse-tags-tooltip</p>
+    <el-select
+      v-model="selectedColumns"
+      multiple
+      collapse-tags
+      collapse-tags-tooltip
+      placeholder="Select"
+      style="width: 240px"
+    >
+      <el-option
+        v-for="item in logStore.serviceLogColumn"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value"
+      />
+    </el-select>
+  </div>
     <div v-if="!currentSearchTerm.length" class="flex-h items-center">
       <div v-for="(item, index) in arrayOfFilters" :key="index">
         <el-tooltip
@@ -214,6 +232,7 @@ const appStore = useAppStoreWithOut();
 const selectorStore = useSelectorStore();
 const dashboardStore = useDashboardStore();
 const logStore = useLogStore();
+const selectedColumns = ref<any[]>([])
 const traceId = ref<string>("");
 const keywordsOfContent = ref<string[]>([]);
 const excludingKeywordsOfContent = ref<string[]>([]);