small sn tab ui fixes

This commit is contained in:
Kyle Zsembery 2020-09-10 15:06:39 +10:00
parent d00e5bde68
commit 4de695f871
2 changed files with 11 additions and 5 deletions

View File

@ -7,18 +7,23 @@
@click.native="details(nodeWithMinContribution(node))" @click.native="details(nodeWithMinContribution(node))"
> >
<q-item-section> <q-item-section>
<q-item-label class="ellipsis">{{ node.service_node_pubkey }}</q-item-label> <q-item-label class="ellipsis"
>{{ $t("strings.serviceNodeDetails.snKey") }}: {{ node.service_node_pubkey }}</q-item-label
>
<q-item-label class="non-selectable"> <q-item-label class="non-selectable">
<span v-if="getRole(node)">{{ getRole(node) }} </span> {{ getFee(node) }} <span v-if="getRole(node)">{{ getRole(node) }} </span>
<span v-if="node.ourContributionAmount"> <span v-if="node.ourContributionAmount">
{{ $t("strings.contribution") }}: <FormatLoki :amount="node.ourContributionAmount" {{ $t("strings.contribution") }}: <FormatLoki :amount="node.ourContributionAmount"
/></span> /></span>
<span v-if="node.awaitingContribution"> <span v-if="node.awaitingContribution">
{{ $t("strings.serviceNodeDetails.minContribution") }}: {{ getMinContribution(node) }} LOKI {{ $t("strings.serviceNodeDetails.minContribution") }}: {{ getMinContribution(node) }} LOKI
{{ $t("strings.serviceNodeDetails.maxContribution") }}: {{ openForContributionLoki(node) }} LOKI {{ $t("strings.serviceNodeDetails.maxContribution") }}: {{ openForContributionLoki(node) }} LOKI
</span> </span>
</q-item-label> </q-item-label>
</q-item-section> </q-item-section>
<q-item-section v-if="!getRole(node)" side>
<span style="font-size: 16px; color: #cecece"> {{ getFee(node) }} </span>
</q-item-section>
<q-item-section side> <q-item-section side>
<q-btn <q-btn
v-if="node.requested_unlock_height === 0" v-if="node.requested_unlock_height === 0"
@ -131,7 +136,7 @@ export default {
getFee(node) { getFee(node) {
const operatorPortion = node.portions_for_operator; const operatorPortion = node.portions_for_operator;
const percentageFee = (operatorPortion / 18446744073709551612) * 100; const percentageFee = (operatorPortion / 18446744073709551612) * 100;
return `${percentageFee}% ${this.$t("strings.transactions.fee")}`; return `${percentageFee.toFixed(2)}% ${this.$t("strings.transactions.fee")}`;
}, },
copyKey(key) { copyKey(key) {
clipboard.writeText(key); clipboard.writeText(key);

View File

@ -35,7 +35,7 @@ export default {
selectWalletFile: "SELECT WALLET FILE", selectWalletFile: "SELECT WALLET FILE",
send: "SEND", send: "SEND",
sendCoins: "SEND COINS", sendCoins: "SEND COINS",
serviceNode: "SERVICE NODE", serviceNode: "SERVICE NODES",
settings: "SETTINGS", settings: "SETTINGS",
showQRCode: "SHOW QR CODE", showQRCode: "SHOW QR CODE",
showTxDetails: "SHOW TX DETAILS", showTxDetails: "SHOW TX DETAILS",
@ -495,6 +495,7 @@ export default {
registrationHeight: "Registration height", registrationHeight: "Registration height",
unlockHeight: "Unlock height", unlockHeight: "Unlock height",
serviceNodeKey: "Service Node Key", serviceNodeKey: "Service Node Key",
snKey: "SN Key",
stakingRequirement: "Staking requirement", stakingRequirement: "Staking requirement",
totalContributed: "Total contributed" totalContributed: "Total contributed"
}, },