Fix some issues for Summarize and rate several responses in action bar (#505)

* Fix undefined props warning

* Add try catch to handle invalid parameter name

* Fix template parameters dialog not show in release build

Author: tanchekwei

src/components/ChatSetting.vue

@@ -94,11 +94,12 @@
           <template v-slot:append-inner>
             <v-btn
               flat
-              v-bind="props"
               size="x-small"
               icon="mdi-help"
               style="background-color: inherit"
-              @click="isShowTemplateGuideDialog = !isShowTemplateGuideTooltip"
+              @click="
+                isShowTemplateParametersDialog = !isShowTemplateGuideTooltip
+              "
             >
             </v-btn>
           </template>
@@ -138,11 +139,11 @@
   </v-dialog>
   <v-dialog
     width="auto"
-    :model-value="isShowTemplateGuideDialog"
-    v-on:after-leave="isShowTemplateGuideDialog = false"
+    :model-value="isShowTemplateParametersDialog"
+    v-on:after-leave="isShowTemplateParametersDialog = false"
   >
     <v-card>
-      <v-md-preview class="pa-4" :text="$t('chat.actionTemplateGuide')" />
+      <v-md-preview class="pa-4" :text="templateParametersInfo" />
     </v-card>
   </v-dialog>
   <ConfirmModal ref="confirmModal" />
@@ -170,7 +171,13 @@ const prefix = ref("");
 const template = ref("");
 const suffix = ref("");
 const previewRef = ref("");
-const isShowTemplateGuideDialog = ref(false);
+const templateParametersInfo = `
+#### ${i18n.global.t("chat.templateParameters")}:
+| ${i18n.global.t("chat.parameter")}|${i18n.global.t("chat.description")}|
+|-|-|
+|{botName}|${i18n.global.t("chat.botNameDesc")}|
+|{botResponse}|${i18n.global.t("chat.botResponseDesc")}|`;
+const isShowTemplateParametersDialog = ref(false);
 const store = useStore();
 const userActions = computed(() => {
   return store.state.actions.filter((p) => !p.hide);
@@ -308,12 +315,16 @@ function edit(item) {
 }
 
 async function onInputTemplate() {
-  previewRef.value = await preview(
-    prefix.value,
-    template.value,
-    suffix.value,
-    previewSampleData,
-  );
+  try {
+    previewRef.value = await preview(
+      prefix.value,
+      template.value,
+      suffix.value,
+      previewSampleData,
+    );
+  } catch (error) {
+    previewRef.value = `Error:\n${error.message}`;
+  }
 }
 
 async function addEditAction() {

src/i18n/locales/en.json

@@ -64,7 +64,11 @@
     "preview": "Preview",
     "inNewChat": "in new chat",
     "inCurrentChat": "in current chat",
-    "actionTemplateGuide": "#### Template Parameters:\n| Parameter     | Description                         |\n|---------------|-------------------------------------|\n| {botName}     | name of the selected response’s bot |\n| {botResponse} | the selected response               |\n"
+    "templateParameters": "Template Parameters",
+    "parameter": "Parameter",
+    "description": "Description",
+    "botNameDesc": "name of the selected response’s bot",
+    "botResponseDesc": "the selected response"
   },
   "bot": {
     "creatingConversation": "Creating conversation...",

src/i18n/locales/zh.json

@@ -64,7 +64,11 @@
     "preview": "预览",
     "inNewChat": "在新对话",
     "inCurrentChat": "在当前对话",
-    "actionTemplateGuide": "#### 模板参数:\n| 参数       | 描述                             |\n|-----------|-----------------------------------| \n| {botName} | 所选响应的机器人名称             |\n| {botResponse} | 所选响应内容                |\n"
+    "templateParameters": "模板参数",
+    "parameter": "参数",
+    "description": "描述",
+    "botNameDesc": "所选响应的机器人名称",
+    "botResponseDesc": "所选响应内容"
   },
   "bot": {
     "creatingConversation": "创建新对话...",