From 0f4b487f7b5e4834a336c91772a38a065154a0ce Mon Sep 17 00:00:00 2001
From: Salman Wahib <sxlmnwb.dev@gmail.com>
Date: Wed, 21 Jun 2023 02:03:29 +0700
Subject: [PATCH] i18n: update add en src/modules/[chain]/ibc/

Author: Salman Wahib <hello@sxlmnwb.xyz>
Co-authored-by: liangping <18786721@qq.com>
---
 src/modules/[chain]/ibc/connection.vue        | 10 ++--
 .../ibc/connection/[connection_id].vue        | 50 +++++++++----------
 src/plugins/i18n/locales/en.json              | 29 +++++++++++
 3 files changed, 59 insertions(+), 30 deletions(-)

diff --git a/src/modules/[chain]/ibc/connection.vue b/src/modules/[chain]/ibc/connection.vue
index 988cc3c8..8b3b6727 100644
--- a/src/modules/[chain]/ibc/connection.vue
+++ b/src/modules/[chain]/ibc/connection.vue
@@ -39,10 +39,10 @@ function pageload(p: number) {
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
       <div class="flex flex-wrap gap-4  items-center">
-        <h2 class="card-title py-4">IBC Connections</h2>
+        <h2 class="card-title py-4">{{ $t('ibc.title') }}</h2>
         <div class="tabs tabs-boxed">
-          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">Registry</a>
-          <a class="tab" :class="{ 'tab-active': tab === 'favorite' }" @click="tab = 'favorite'">Favorite</a>
+          <a class="tab" :class="{ 'tab-active': tab === 'registry' }" @click="tab = 'registry'">{{ $t('ibc.registry') }}</a>
+          <a class="tab" :class="{ 'tab-active': tab === 'favorite' }" @click="tab = 'favorite'">{{ $t('module.favorite') }}</a>
         </div>
       </div>
       <div>
@@ -52,10 +52,10 @@ function pageload(p: number) {
         </div>
         <div v-show="tab === 'favorite'" class="flex flex-wrap gap-1 p-4 ">
           <div class="join border border-primary">
-            <button class="join-item px-2">Connection Id:</button>
+            <button class="join-item px-2">{{ $t('ibc.connection_id') }}:</button>
             <input v-model="ibcStore.connectionId" type=number class="input input-bordered w-40 join-item" min="0"
               :max="pageResponse.total || 0" :placeholder="`0~${pageResponse.total}`" />
-            <button class="join-item btn  btn-primary" @click="ibcStore.showConnection()">apply</button>
+            <button class="join-item btn  btn-primary" @click="ibcStore.showConnection()">{{ $t('ibc.btn_apply') }}</button>
           </div>
         </div>
       </div>
diff --git a/src/modules/[chain]/ibc/connection/[connection_id].vue b/src/modules/[chain]/ibc/connection/[connection_id].vue
index 9ba171b0..43ba6f06 100644
--- a/src/modules/[chain]/ibc/connection/[connection_id].vue
+++ b/src/modules/[chain]/ibc/connection/[connection_id].vue
@@ -94,18 +94,18 @@ function color(v: string) {
     </div>
 
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title mb-4 overflow-hidden">IBC Client <span class="ml-2 text-sm">{{
+      <h2 class="card-title mb-4 overflow-hidden">{{ $t('ibc.title_2') }}<span class="ml-2 text-sm">{{
         clientState.client_state?.['@type'] }}</span></h2>
       <div class="overflow-x-auto grid grid-cols-1 md:grid-cols-2 gap-4">
         <table class="table table-sm capitalize">
           <thead class="bg-base-200">
             <tr>
-              <td colspan="3">Trust Parameters</td>
+              <td colspan="3">{{ $t('ibc.trust_parameters') }}</td>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <td class="w-52">trust level:</td>
+              <td class="w-52">{{ $t('ibc.trust_level') }}:</td>
               <td>
                 {{ clientState.client_state?.trust_level?.numerator }}/{{
                   clientState.client_state?.trust_level?.denominator
@@ -113,23 +113,23 @@ function color(v: string) {
               </td>
             </tr>
             <tr>
-              <td class="w-52">trusting period:</td>
+              <td class="w-52">{{ $t('ibc.trusting_period') }}:</td>
               <td>{{ formatSeconds(clientState.client_state?.trusting_period) }}</td>
             </tr>
             <tr>
-              <td class="w-52">unbonding period:</td>
+              <td class="w-52">{{ $t('ibc.unbonding_period') }}:</td>
               <td>{{ formatSeconds(clientState.client_state?.unbonding_period) }}</td>
             </tr>
             <tr>
-              <td class="w-52">max clock drift:</td>
+              <td class="w-52">{{ $t('ibc.max_clock_drift') }}:</td>
               <td>{{ formatSeconds(clientState.client_state?.max_clock_drift) }}</td>
             </tr>
             <tr>
-              <td class="w-52">frozen height:</td>
+              <td class="w-52">{{ $t('ibc.frozen_height') }}:</td>
               <td>{{ clientState.client_state?.frozen_height }}</td>
             </tr>
             <tr>
-              <td class="w-52">latest height:</td>
+              <td class="w-52">{{ $t('ibc.latest_height') }}:</td>
               <td>{{ clientState.client_state?.latest_height }}</td>
             </tr>
           </tbody>
@@ -137,24 +137,24 @@ function color(v: string) {
         <table class="table table-sm text-sm w-full capitalize">
           <thead class="bg-base-200">
             <tr>
-              <td colspan="2">Upgrade Parameters</td>
+              <td colspan="2">{{ $t('ibc.upgrade_parameters') }}</td>
             </tr>
           </thead>
           <tbody>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between"><span>allow update after expiry:</span> <span>{{
+                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_expiry') }}:</span> <span>{{
                   clientState.client_state?.allow_update_after_expiry }}</span></div>
               </td>
             </tr>
             <tr>
               <td colspan="2">
-                <div class="flex justify-between"><span>allow update after misbehaviour: </span> <span>{{
+                <div class="flex justify-between"><span>{{ $t('ibc.allow_update_after_misbehaviour') }}: </span> <span>{{
                   clientState.client_state?.allow_update_after_misbehaviour }}</span></div>
               </td>
             </tr>
             <tr>
-              <td class="w-52">upgrade path:</td>
+              <td class="w-52">{{ $t('ibc.upgrade_path') }}:</td>
               <td class="text-right">{{ clientState.client_state?.upgrade_path.join(', ') }}</td>
             </tr>
           </tbody>
@@ -163,27 +163,27 @@ function color(v: string) {
       </div>
     </div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow overflow-hidden">
-      <h2 class="card-title">Channels</h2>
+      <h2 class="card-title">{{ $t('ibc.channels') }}</h2>
       <div class="overflow-auto">
         <table class="table w-full mt-4">
           <thead>
             <tr>
-              <th>Txs</th>
-              <th style="position: relative; z-index: 2">Channel Id</th>
-              <th>Port Id</th>
-              <th>State</th>
-              <th>Counterparty</th>
-              <th>Hops</th>
-              <th>Version</th>
-              <th>Ordering</th>
+              <th>{{ $t('ibc.txs') }}</th>
+              <th style="position: relative; z-index: 2">{{ $t('ibc.channel_id') }}</th>
+              <th>{{ $t('ibc.port_id') }}</th>
+              <th>{{ $t('ibc.state') }}</th>
+              <th>{{ $t('ibc.counterparty') }}</th>
+              <th>{{ $t('ibc.hops') }}</th>
+              <th>{{ $t('ibc.version') }}</th>
+              <th>{{ $t('ibc.ordering') }}</th>
             </tr>
           </thead>
           <tbody>
             <tr v-for="v in ibcStore.registryChannels">
               <td>
                 <div class="flex gap-1">
-                <label class="btn btn-xs" @click="fetchSendingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)">Out</label>
-                <label class="btn btn-xs" @click="fetchRecevingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)">In</label>
+                <label class="btn btn-xs" @click="fetchSendingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)">{{ $t('ibc.btn_out') }}</label>
+                <label class="btn btn-xs" @click="fetchRecevingTxs(v[ibcStore.sourceField].channel_id, v[ibcStore.sourceField].port_id)">{{ $t('ibc.btn_in') }}</label>
                 </div>
               </td>
               <td>
@@ -196,8 +196,8 @@ function color(v: string) {
             <tr v-for="v in channels">
               <td>
                 <div class="flex gap-1">
-                <label class="btn btn-xs" @click="fetchSendingTxs(v.channel_id, v.port_id)">Out</label>
-                <label class="btn btn-xs" @click="fetchRecevingTxs(v.channel_id, v.port_id)">In</label>
+                <label class="btn btn-xs" @click="fetchSendingTxs(v.channel_id, v.port_id)">{{ $t('ibc.btn_out') }}</label>
+                <label class="btn btn-xs" @click="fetchRecevingTxs(v.channel_id, v.port_id)">{{ $t('ibc.btn_in') }}</label>
                 </div>
               </td>
               <td>
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 478d38ce..1623b90e 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -135,5 +135,34 @@
     "current_status": "Current Status",
     "upgrade_plan": "Upgrade Plan",
     "votes": "Votes"
+  },
+  "ibc": {
+    "title": "IBC Connections",
+    "title_2": "IBC Client",
+    "registry": "Registry",
+    "connection_id": "Connection Id",
+    "btn_apply": "Apply",
+    "trust_parameters": "Trust Parameters",
+    "trust_level": "Trust level",
+    "trusting_period": "Trusting period",
+    "unbonding_period": "Unbonding period",
+    "max_clock_drift": "Max clock drift",
+    "frozen_height": "Frozen height",
+    "latest_height": "Latest height",
+    "upgrade_parameters": "Upgrade Parameters",
+    "allow_update_after_expiry": "Allow update after expiry",
+    "allow_update_after_misbehaviour": "Allow update after misbehaviour",
+    "upgrade_path": "Upgrade path",
+    "channels": "Channels",
+    "txs": "Txs",
+    "channel_id": "Channel Id",
+    "port_id": "Port Id",
+    "state": "State",
+    "counterparty": "Counterparty",
+    "hops": "Hops",
+    "version": "Version",
+    "ordering": "Ordering",
+    "btn_out": "Out",
+    "btn_in": "In"
   }
 }