From f2f0ac2a1df3e8f0631597b0563017b061d003ad Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 18 Oct 2022 15:27:48 +0800
Subject: [PATCH] add related trace options

---
 src/locales/lang/en.ts                        |  1 +
 src/locales/lang/es.ts                        |  1 +
 src/locales/lang/zh.ts                        |  1 +
 src/views/dashboard/configuration/Widget.vue  |  3 +++
 .../widget/RelatedTraceOptions.vue            | 24 +++++++++++++++++++
 .../dashboard/configuration/widget/index.ts   |  2 ++
 6 files changed, 32 insertions(+)
 create mode 100644 src/views/dashboard/configuration/widget/RelatedTraceOptions.vue

diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index 8feef5aa..98702d07 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -158,6 +158,7 @@ const msg = {
   endpointTips: "The table shows up to 20 pieces of endpoints.",
   apisix: "APISIX",
   viewTrace: "View related trace",
+  relatedTraceOptions: "Related Trace Options",
   seconds: "Seconds",
   hourTip: "Select Hour",
   minuteTip: "Select Minute",
diff --git a/src/locales/lang/es.ts b/src/locales/lang/es.ts
index 45e79dcf..498eeff5 100644
--- a/src/locales/lang/es.ts
+++ b/src/locales/lang/es.ts
@@ -162,6 +162,7 @@ const msg = {
   minuteTip: "Seleccione Minuto",
   secondTip: "Seleccione Segundo",
   viewTrace: "Ver trazas relacionadas",
+  relatedTraceOptions: "Opciones de seguimiento relacionadas",
   second: "s",
   yearSuffix: "Año",
   monthsHead: "Ene_Feb_Mar_Abr_May_Jun_Jul_Ago_Set_Oct_Nov_Dic",
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index c1661402..973796d2 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -155,6 +155,7 @@ const msg = {
   endpointTips: "这里最多展示20条endpoints。",
   apisix: "APISIX",
   viewTrace: "查看相关Trace",
+  relatedTraceOptions: "相关的Trace选项",
   seconds: "秒",
   hourTip: "选择小时",
   minuteTip: "选择分钟",
diff --git a/src/views/dashboard/configuration/Widget.vue b/src/views/dashboard/configuration/Widget.vue
index cf29d8e9..054790f9 100644
--- a/src/views/dashboard/configuration/Widget.vue
+++ b/src/views/dashboard/configuration/Widget.vue
@@ -65,6 +65,9 @@ limitations under the License. -->
         >
           <AssociateOptions />
         </el-collapse-item>
+        <el-collapse-item :title="t('relatedTraceOptions')" name="5">
+          <RelatedTraceOptions />
+        </el-collapse-item>
       </el-collapse>
     </div>
     <div class="footer">
diff --git a/src/views/dashboard/configuration/widget/RelatedTraceOptions.vue b/src/views/dashboard/configuration/widget/RelatedTraceOptions.vue
new file mode 100644
index 00000000..a06e657a
--- /dev/null
+++ b/src/views/dashboard/configuration/widget/RelatedTraceOptions.vue
@@ -0,0 +1,24 @@
+<!-- Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+  http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License. -->
+<template>
+  <div class="item">
+    <span class="label">{{ t("widget") }}</span>
+  </div>
+</template>
+<script lang="ts" setup>
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+</script>
diff --git a/src/views/dashboard/configuration/widget/index.ts b/src/views/dashboard/configuration/widget/index.ts
index 437b5fa1..e414dbc4 100644
--- a/src/views/dashboard/configuration/widget/index.ts
+++ b/src/views/dashboard/configuration/widget/index.ts
@@ -19,10 +19,12 @@ import StyleOptions from "./graph-styles";
 import WidgetOptions from "./WidgetOptions.vue";
 import MetricOptions from "./metric/Index.vue";
 import AssociateOptions from "./AssociateOptions.vue";
+import RelatedTraceOptions from "./RelatedTraceOptions.vue";
 
 export default {
   ...StyleOptions,
   WidgetOptions,
   MetricOptions,
   AssociateOptions,
+  RelatedTraceOptions,
 };