[incubator-apisix-dashboard] 01/01: feat: added tip for input hosts

[ju...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

juzhiyuan pushed a commit to branch fix-routepage-hosts
in repository https://gitbox.apache.org/repos/asf/incubator-apisix-dashboard.git

commit d33532d4b6fb642d1799e0162b82eb83a2a6c93d
Author: juzhiyuan <jj...@gmail.com>
AuthorDate: Tue Dec 24 18:30:28 2019 +0800

    feat: added tip for input hosts
---
 src/lang/en.ts                   |  3 ++-
 src/lang/zh.ts                   |  3 ++-
 src/views/schema/routes/edit.vue | 16 +++++++++++++---
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/lang/en.ts b/src/lang/en.ts
index 033e573..ac564ef 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -72,7 +72,8 @@ export default {
   },
   schema: {
     route: {
-      inputMultipleURLs: 'Input value then press return button'
+      inputMultipleValues: 'Input value then press return button',
+      propertyHostsTip: 'Only URI is supported',
     }
   }
 }
diff --git a/src/lang/zh.ts b/src/lang/zh.ts
index d7d7dcc..7b83b6b 100644
--- a/src/lang/zh.ts
+++ b/src/lang/zh.ts
@@ -80,7 +80,8 @@ export default {
   },
   schema: {
     route: {
-      inputMultipleURLs: '输入值后并回车'
+      inputMultipleValues: '输入值后并回车',
+      propertyHostsTip: '仅支持域名',
     }
   }
 }
diff --git a/src/views/schema/routes/edit.vue b/src/views/schema/routes/edit.vue
index b1b0515..5545733 100644
--- a/src/views/schema/routes/edit.vue
+++ b/src/views/schema/routes/edit.vue
@@ -45,7 +45,7 @@
           filterable
           multiple
           default-first-option
-          :placeholder="$t('schema.route.inputMultipleURLs')"
+          :placeholder="$t('schema.route.inputMultipleValues')"
           @change="filterUriOptions"
         >
           <el-option
@@ -68,6 +68,7 @@
           filterable
           allow-create
           default-first-option
+          :placeholder="$t('schema.route.inputMultipleValues')"
           @change="filterHostsOptions"
         >
           <el-option
@@ -77,6 +78,9 @@
             :value="item.value"
           />
         </el-select>
+        <p class="tip">
+          {{ $t('schema.route.propertyHostsTip') }}
+        </p>
       </el-form-item>
 
       <el-form-item
@@ -246,8 +250,8 @@ export default class extends Vue {
   }
 
   // TODO: can add existed info from route list
-  private ExistedUris = [{ }]
-  private ExistedHosts = [{ }]
+  private ExistedUris = [{}]
+  private ExistedHosts = [{}]
 
   private rules = {
     uris: {
@@ -487,6 +491,12 @@ export default class extends Vue {
         .el-input {
           width: 300px;
         }
+        .tip {
+          line-height: 24px;
+          font-size: 12px;
+          margin: 0;
+          color: #8e8c8c;
+        }
       }
     }
   }