cerc-io/cosmos-explorer
10
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

i18n: update add en src/modules/[chain]/staking/

Browse Source 
Author: Salman Wahib <hello@sxlmnwb.xyz>
Co-authored-by: liangping <18786721@qq.com>
This commit is contained in:
Salman Wahib 2023-06-21 11:18:34 +07:00
parent c3cc70bd1f
commit 3b12487dc3
3 changed files with 84 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/modules/[chain]/staking/[validator].vue
View File

@ -193,16 +193,16 @@ const tipMsg = computed(() => {
validator_address: v.operator_address, validator_address: v.operator_address,
}) })
" "
>Delegate</label >{{ $t('account.btn_delegate') }}</label
> >
</div> </div>
</div> </div>
<div class="m-4 text-sm"> <div class="m-4 text-sm">
<p class="text-sm mb-3 font-medium">About Us</p> <p class="text-sm mb-3 font-medium">{{ $t('staking.about_us') }}</p>
<div class="card-list"> <div class="card-list">
<div class="flex items-center mb-2"> <div class="flex items-center mb-2">
<Icon icon="mdi-web" class="text-xl mr-1" /> <Icon icon="mdi-web" class="text-xl mr-1" />
<span class="font-bold mr-2">Website: </span> <span class="font-bold mr-2">{{ $t('staking.website') }}: </span>
<a <a
:href="v?.description?.website || '#'" :href="v?.description?.website || '#'"
:class=" :class="
@ -216,22 +216,22 @@ const tipMsg = computed(() => {
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<Icon icon="mdi-email-outline" class="text-xl mr-1" /> <Icon icon="mdi-email-outline" class="text-xl mr-1" />
<span class="font-bold mr-2">Contact: </span> <span class="font-bold mr-2">{{ $t('staking.contact') }}: </span>
<span> {{ v.description?.security_contact }}</span> <span> {{ v.description?.security_contact }}</span>
</div> </div>
</div> </div>
<p class="text-sm mt-4 mb-3 font-medium">Validator Status</p> <p class="text-sm mt-4 mb-3 font-medium">{{ $t('staking.validator_status') }}</p>
<div class="card-list"> <div class="card-list">
<div class="flex items-center mb-2"> <div class="flex items-center mb-2">
<Icon icon="mdi-shield-account-outline" class="text-xl mr-1" /> <Icon icon="mdi-shield-account-outline" class="text-xl mr-1" />
<span class="font-bold mr-2">Status: </span <span class="font-bold mr-2">{{ $t('staking.status') }}: </span
><span> ><span>
{{ String(v.status).replace('BOND_STATUS_', '') }} {{ String(v.status).replace('BOND_STATUS_', '') }}
</span> </span>
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<Icon icon="mdi-shield-alert-outline" class="text-xl mr-1" /> <Icon icon="mdi-shield-alert-outline" class="text-xl mr-1" />
<span class="font-bold mr-2">Jailed: </span> <span class="font-bold mr-2">{{ $t('staking.jailed') }}: </span>
<span> {{ v.jailed || '-' }} </span> <span> {{ v.jailed || '-' }} </span>
</div> </div>
</div> </div>
@ -255,7 +255,7 @@ const tipMsg = computed(() => {
}) })
}} }}
</h4> </h4>
<span class="text-sm">Total Bonded Tokens</span> <span class="text-sm">{{ $t('staking.total_bonded') }}</span>
</div> </div>
</div> </div>
<div class="flex mb-2"> <div class="flex mb-2">
@ -269,7 +269,7 @@ const tipMsg = computed(() => {
<h4> <h4>
{{ format.formatToken(selfBonded.balance) }} ({{ selfRate }}) {{ format.formatToken(selfBonded.balance) }} ({{ selfRate }})
</h4> </h4>
<span class="text-sm">Self Bonded</span> <span class="text-sm">{{ $t('staking.self_bonded') }}</span>
</div> </div>
</div> </div>
@ -285,7 +285,7 @@ const tipMsg = computed(() => {
<h4> <h4>
{{ v.min_self_delegation }} {{ staking.params.bond_denom }} {{ v.min_self_delegation }} {{ staking.params.bond_denom }}
</h4> </h4>
<span class="text-sm">Min Self Delegation:</span> <span class="text-sm">{{ $t('staking.min_self') }}</span>
</div> </div>
</div> </div>
<div class="flex mb-2"> <div class="flex mb-2">
@ -297,7 +297,7 @@ const tipMsg = computed(() => {
</div> </div>
<div class="ml-3 flex flex-col justify-center"> <div class="ml-3 flex flex-col justify-center">
<h4>{{ apr }}</h4> <h4>{{ apr }}</h4>
<span class="text-sm">Annual Profit</span> <span class="text-sm">{{ $t('staking.annual_profit') }}</span>
</div> </div>
</div> </div>
@ -310,7 +310,7 @@ const tipMsg = computed(() => {
</div> </div>
<div class="ml-3 flex flex-col justify-center"> <div class="ml-3 flex flex-col justify-center">
<h4>{{ v.unbonding_height }}</h4> <h4>{{ v.unbonding_height }}</h4>
<span class="text-sm">Unbonding Height</span> <span class="text-sm">{{ $t('staking.unbonding_height') }}</span>
</div> </div>
</div> </div>
@ -324,7 +324,7 @@ const tipMsg = computed(() => {
<div class="ml-3 flex flex-col justify-center"> <div class="ml-3 flex flex-col justify-center">
<h4 v-if="v.unbonding_time && !v.unbonding_time.startsWith('1970')">{{ format.toDay(v.unbonding_time, 'from') }}</h4> <h4 v-if="v.unbonding_time && !v.unbonding_time.startsWith('1970')">{{ format.toDay(v.unbonding_time, 'from') }}</h4>
<h4 v-else>-</h4> <h4 v-else>-</h4>
<span class="text-sm">Unbonding Time</span> <span class="text-sm">{{ $t('staking.unbonding_time') }}</span>
</div> </div>
</div> </div>
</div> </div>
@ -339,14 +339,14 @@ const tipMsg = computed(() => {
</div> </div>
<div class="bg-base-100 rounded shadow relative overflow-auto"> <div class="bg-base-100 rounded shadow relative overflow-auto">
<div class="text-lg font-semibold text-main px-4 pt-4"> <div class="text-lg font-semibold text-main px-4 pt-4">
Commissions & Rewards {{ $t('staking.commissions_&_rewards') }}
</div> </div>
<div <div
class="px-4 mt-1 flex flex-col justify-between pb-4" class="px-4 mt-1 flex flex-col justify-between pb-4"
style="height: calc(100% - 50px)" style="height: calc(100% - 50px)"
> >
<div class="overflow-auto flex-1"> <div class="overflow-auto flex-1">
<div class="text-sm mb-2">Commissions</div> <div class="text-sm mb-2">{{ $t('staking.commissions') }}</div>
<div <div
v-for="(i, k) in commission" v-for="(i, k) in commission"
:key="`reward-${k}`" :key="`reward-${k}`"
@ -357,7 +357,7 @@ const tipMsg = computed(() => {
> >
{{ format.formatToken2(i) }} {{ format.formatToken2(i) }}
</div> </div>
<div class="text-sm mb-2 mt-2">Outstanding Rewards</div> <div class="text-sm mb-2 mt-2">{{ $t('staking.outstanding') }} {{ $t('account.rewards') }}</div>
<div <div
v-for="(i, k) in rewards" v-for="(i, k) in rewards"
:key="`reward-${k}`" :key="`reward-${k}`"
@ -375,18 +375,18 @@ const tipMsg = computed(() => {
validator_address: v.operator_address, validator_address: v.operator_address,
}) })
" "
>Withdraw</label >{{ $t('account.btn_withdraw') }}</label
> >
</div> </div>
</div> </div>
</div> </div>
<div class="bg-base-100 rounded shadow overflow-x-auto"> <div class="bg-base-100 rounded shadow overflow-x-auto">
<div class="px-4 pt-4 mb-2 text-main font-lg font-semibold"> <div class="px-4 pt-4 mb-2 text-main font-lg font-semibold">
Addresses {{ $t('staking.addresses') }}
</div> </div>
<div class="px-4 pb-4"> <div class="px-4 pb-4">
<div class="mb-3"> <div class="mb-3">
<div class="text-sm flex">Account <div class="text-sm flex">{{ $t('staking.account_addr') }}
<Icon <Icon
icon="mdi:content-copy" icon="mdi:content-copy"
class="ml-2 cursor-pointer" class="ml-2 cursor-pointer"
@ -402,7 +402,7 @@ const tipMsg = computed(() => {
</RouterLink> </RouterLink>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<div class="text-sm flex">Operator Address <div class="text-sm flex">{{ $t('staking.operator_addr') }}
<Icon <Icon
icon="mdi:content-copy" icon="mdi:content-copy"
class="ml-2 cursor-pointer" class="ml-2 cursor-pointer"
@ -414,7 +414,7 @@ const tipMsg = computed(() => {
</div> </div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<div class="text-sm flex">Hex Address <div class="text-sm flex">{{ $t('staking.hex_addr') }}
<Icon <Icon
icon="mdi:content-copy" icon="mdi:content-copy"
class="ml-2 cursor-pointer" class="ml-2 cursor-pointer"
@ -425,7 +425,7 @@ const tipMsg = computed(() => {
<div class="text-xs">{{ addresses.hex }}</div> <div class="text-xs">{{ addresses.hex }}</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<div class="text-sm flex">Signer Address <div class="text-sm flex">{{ $t('staking.signer_addr') }}
<Icon <Icon
icon="mdi:content-copy" icon="mdi:content-copy"
class="ml-2 cursor-pointer" class="ml-2 cursor-pointer"
@ -436,7 +436,7 @@ const tipMsg = computed(() => {
<div class="text-xs">{{ addresses.valCons }}</div> <div class="text-xs">{{ addresses.valCons }}</div>
</div> </div>
<div> <div>
<div class="text-sm flex">Consensus Public Key <div class="text-sm flex">{{ $t('staking.consensus_pub_key') }}
<Icon <Icon
icon="mdi:content-copy" icon="mdi:content-copy"
class="ml-2 cursor-pointer" class="ml-2 cursor-pointer"
@ -450,16 +450,16 @@ const tipMsg = computed(() => {
</div> </div>
</div> </div>
<div class="mt-5 bg-base-100 shadow rounded p-4"> <div class="mt-5 bg-base-100 shadow rounded p-4">
<div class="text-lg mb-4 font-semibold">Transactions</div> <div class="text-lg mb-4 font-semibold">{{ $t('account.transactions') }}</div>
<div class="rounded overflow-auto"> <div class="rounded overflow-auto">
<table class="table validatore-table w-full"> <table class="table validatore-table w-full">
<thead> <thead>
<th class="text-left pl-4" style="position: relative; z-index: 2"> <th class="text-left pl-4" style="position: relative; z-index: 2">
Height {{ $t('account.height') }}
</th> </th>
<th class="text-left pl-4">Hash</th> <th class="text-left pl-4">{{ $t('account.hash') }}</th>
<th class="text-left pl-4" width="40%">Messages</th> <th class="text-left pl-4" width="40%">{{ $t('account.messages') }}</th>
<th class="text-left pl-4">Time</th> <th class="text-left pl-4">{{ $t('account.time') }}</th>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item, i) in txs.tx_responses"> <tr v-for="(item, i) in txs.tx_responses">

37
src/modules/[chain]/staking/index.vue
View File

@ -196,7 +196,7 @@ loadAvatars();
</span> </span>
<span> <span>
<div class="font-bold">{{ format.percent(mintStore.inflation) }}</div> <div class="font-bold">{{ format.percent(mintStore.inflation) }}</div>
<div class="text-xs">Infalation</div> <div class="text-xs">{{ $t('staking.infalation') }}</div>
</span> </span>
</div> </div>
<div class="flex"> <div class="flex">
@ -208,7 +208,7 @@ loadAvatars();
</span> </span>
<span> <span>
<div class="font-bold">{{ formatSeconds(staking.params?.unbonding_time) }}</div> <div class="font-bold">{{ formatSeconds(staking.params?.unbonding_time) }}</div>
<div class="text-xs">Unbonding Time</div> <div class="text-xs">{{ $t('staking.unbonding_time') }}</div>
</span> </span>
</div> </div>
<div class="flex"> <div class="flex">
@ -220,7 +220,7 @@ loadAvatars();
</span> </span>
<span> <span>
<div class="font-bold">{{ format.percent(slashing.slash_fraction_double_sign) }}</div> <div class="font-bold">{{ format.percent(slashing.slash_fraction_double_sign) }}</div>
<div class="text-xs">Double Sign Slashing</div> <div class="text-xs">{{ $t('staking.double_sign_slashing') }}</div>
</span> </span>
</div> </div>
<div class="flex"> <div class="flex">
@ -232,7 +232,7 @@ loadAvatars();
</span> </span>
<span> <span>
<div class="font-bold">{{ format.percent(slashing.slash_fraction_downtime) }}</div> <div class="font-bold">{{ format.percent(slashing.slash_fraction_downtime) }}</div>
<div class="text-xs">Downtime Slashing</div> <div class="text-xs">{{ $t('staking.downtime_slashing') }}</div>
</span> </span>
</div> </div>
</div> </div>
@ -244,19 +244,19 @@ loadAvatars();
class="tab text-gray-400" class="tab text-gray-400"
:class="{ 'tab-active': tab === 'featured' }" :class="{ 'tab-active': tab === 'featured' }"
@click="tab = 'featured'" @click="tab = 'featured'"
>Popular</a >{{ $t('staking.popular') }}</a
> >
<a <a
class="tab text-gray-400" class="tab text-gray-400"
:class="{ 'tab-active': tab === 'active' }" :class="{ 'tab-active': tab === 'active' }"
@click="tab = 'active'" @click="tab = 'active'"
>Active</a >{{ $t('staking.active') }}</a
> >
<a <a
class="tab text-gray-400" class="tab text-gray-400"
:class="{ 'tab-active': tab === 'inactive' }" :class="{ 'tab-active': tab === 'inactive' }"
@click="tab = 'inactive'" @click="tab = 'inactive'"
>Inactive</a >{{ $t('staking.inactive') }}</a
> >
</div> </div>
@ -272,15 +272,16 @@ loadAvatars();
<tr> <tr>
<th <th
scope="col" scope="col"
class="uppercase"
style="width: 3rem; position: relative" style="width: 3rem; position: relative"
> >
# {{ $t('staking.rank') }}
</th> </th>
<th scope="col">VALIDATOR</th> <th scope="col" class="uppercase">{{ $t('staking.validator') }}</th>
<th scope="col" class="text-right">VOTING POWER</th> <th scope="col" class="text-right uppercase">{{ $t('staking.voting_power') }}</th>
<th scope="col" class="text-right">24h CHANGES</th> <th scope="col" class="text-right uppercase">{{ $t('staking.24h_changes') }}</th>
<th scope="col" class="text-right">COMMISSION</th> <th scope="col" class="text-right uppercase">{{ $t('staking.commission') }}</th>
<th scope="col" class="text-center">ACTIONS</th> <th scope="col" class="text-center uppercase">{{ $t('staking.actions') }}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -400,7 +401,7 @@ loadAvatars();
v-if="v.jailed" v-if="v.jailed"
class="badge badge-error gap-2 text-white" class="badge badge-error gap-2 text-white"
> >
Jailed {{ $t('staking.jailed') }}
</div> </div>
<label <label
v-else-if="rank !== 'error'" v-else-if="rank !== 'error'"
@ -412,7 +413,7 @@ loadAvatars();
v.operator_address, v.operator_address,
}) })
" "
>Delegate</label >{{ $t('account.btn_delegate') }}</label
> >
</td> </td>
</tr> </tr>
@ -428,7 +429,7 @@ loadAvatars();
<span <span
class="inset-x-0 inset-y-0 opacity-10 absolute bg-error" class="inset-x-0 inset-y-0 opacity-10 absolute bg-error"
></span> ></span>
Top 33% {{ $t('staking.top') }} 33%
</div> </div>
<div <div
class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-warning" class="text-xs truncate relative py-2 px-4 rounded-md w-fit text-warning"
@ -436,10 +437,10 @@ loadAvatars();
<span <span
class="inset-x-0 inset-y-0 opacity-10 absolute bg-warning" class="inset-x-0 inset-y-0 opacity-10 absolute bg-warning"
></span> ></span>
Top 67% {{ $t('staking.top') }} 67%
</div> </div>
<div class="text-xs hidden md:!block pl-2"> <div class="text-xs hidden md:!block pl-2">
Delegating to lower-rank validators will increase the overall security of the network {{ $t('staking.description') }}
</div> </div>
</div> </div>
</div> </div>

37
src/plugins/i18n/locales/en.json
View File

@ -164,5 +164,42 @@
"ordering": "Ordering", "ordering": "Ordering",
"btn_out": "Out", "btn_out": "Out",
"btn_in": "In" "btn_in": "In"
},
"staking": {
"infalation": "Infalation",
"unbonding_time": "Unbonding Time",
"double_sign_slashing": "Double Sign Slashing",
"downtime_slashing": "Downtime Slashing",
"popular": "Popular",
"active": "Active",
"inactive": "Inactive",
"rank": "Rank",
"validator": "Validator",
"voting_power": "Voting Power",
"24h_changes": "24h Changes",
"commission": "Commission",
"actions": "Actions",
"jailed": "Jailed",
"top": "Top",
"description": "Delegating to lower-rank validators will increase the overall security of the network",
"about_us": "About Us",
"website": "Website",
"contact": "Contact",
"validator_status": "Validator Status",
"status": "Status",
"total_bonded": "Total Bonded Tokens",
"self_bonded": "Self Bonded",
"min_self": "Min Self Delegation",
"annual_profit": "Annual Profit",
"unbonding_height": "Unbonding Height",
"commissions_&_rewards": "Commissions & Rewards",
"commissions": "Commissions",
"outstanding": "Outstanding",
"addresses": "Addresses",
"account_addr": "Account Address",
"operator_addr": "Operator Address",
"hex_addr": "Hex Address",
"signer_addr": "Signer Address",
"consensus_pub_key": "Consensus Public Key"
} }
} }