|
53 | 53 | <label>{{ $t('top.balance.available') }}</label> |
54 | 54 | <p>{{ unlockedText }} AVAX</p> |
55 | 55 | </div> |
56 | | - <div> |
| 56 | + <div v-if="hasLocked"> |
57 | 57 | <label>{{ $t('top.locked') }}</label> |
58 | 58 | <p>{{ balanceTextLocked }} AVAX</p> |
59 | 59 | </div> |
| 60 | + <div v-if="hasMultisig"> |
| 61 | + <label>Multisig</label> |
| 62 | + <p>{{ balanceTextMultisig }} AVAX</p> |
| 63 | + </div> |
60 | 64 | <div> |
61 | 65 | <label>{{ $t('top.balance.stake') }}</label> |
62 | 66 | <p>{{ stakingText }} AVAX</p> |
|
71 | 75 | <label>{{ $t('top.balance.available') }} (C)</label> |
72 | 76 | <p>{{ evmUnlocked | cleanAvaxBN }} AVAX</p> |
73 | 77 | </div> |
74 | | - <div> |
| 78 | + <div v-if="hasLocked"> |
75 | 79 | <label>{{ $t('top.balance.locked') }} (X)</label> |
76 | 80 | <p>{{ avmLocked | cleanAvaxBN }} AVAX</p> |
77 | 81 | <label>{{ $t('top.balance.locked') }} (P)</label> |
78 | 82 | <p>{{ platformLocked | cleanAvaxBN }} AVAX</p> |
79 | 83 | <label>{{ $t('top.balance.locked_stake') }} (P)</label> |
80 | 84 | <p>{{ platformLockedStakeable | cleanAvaxBN }} AVAX</p> |
81 | 85 | </div> |
| 86 | + <div v-if="hasMultisig"> |
| 87 | + <label>Multisig (X)</label> |
| 88 | + <p>{{ avmMultisig | cleanAvaxBN }} AVAX</p> |
| 89 | + <label>Multisig (P)</label> |
| 90 | + <p>{{ platformMultisig | cleanAvaxBN }} AVAX</p> |
| 91 | + </div> |
82 | 92 | <div> |
83 | 93 | <label>{{ $t('top.balance.stake') }}</label> |
84 | 94 | <p>{{ stakingText }} AVAX</p> |
@@ -241,16 +251,43 @@ export default class BalanceCard extends Vue { |
241 | 251 | } |
242 | 252 | } |
243 | 253 |
|
244 | | - get platformUnlocked(): BN { |
| 254 | + get balanceTextMultisig() { |
| 255 | + if (this.isUpdateBalance) return '--' |
| 256 | +
|
| 257 | + if (this.ava_asset !== null) { |
| 258 | + let denom = this.ava_asset.denomination |
| 259 | + return bnToBig(this.avmMultisig.add(this.platformMultisig), denom).toLocaleString() |
| 260 | + } else { |
| 261 | + return '--' |
| 262 | + } |
| 263 | + } |
| 264 | +
|
| 265 | + get avmMultisig(): BN { |
| 266 | + if (this.ava_asset !== null) { |
| 267 | + return this.ava_asset.amountMultisig |
| 268 | + } else { |
| 269 | + return new BN(0) |
| 270 | + } |
| 271 | + } |
| 272 | +
|
| 273 | + get platformBalance() { |
245 | 274 | return this.$store.getters['Assets/walletPlatformBalance'] |
246 | 275 | } |
247 | 276 |
|
| 277 | + get platformUnlocked(): BN { |
| 278 | + return this.platformBalance.available |
| 279 | + } |
| 280 | +
|
| 281 | + get platformMultisig(): BN { |
| 282 | + return this.platformBalance.multisig |
| 283 | + } |
| 284 | +
|
248 | 285 | get platformLocked(): BN { |
249 | | - return this.$store.getters['Assets/walletPlatformBalanceLocked'] |
| 286 | + return this.platformBalance.locked |
250 | 287 | } |
251 | 288 |
|
252 | 289 | get platformLockedStakeable(): BN { |
253 | | - return this.$store.getters['Assets/walletPlatformBalanceLockedStakeable'] |
| 290 | + return this.platformBalance.lockedStakeable |
254 | 291 | } |
255 | 292 |
|
256 | 293 | get unlockedText() { |
@@ -320,6 +357,17 @@ export default class BalanceCard extends Vue { |
320 | 357 | get priceDict(): priceDict { |
321 | 358 | return this.$store.state.prices |
322 | 359 | } |
| 360 | +
|
| 361 | + get hasLocked(): boolean { |
| 362 | + return ( |
| 363 | + !this.avmLocked.isZero() || |
| 364 | + !this.platformLocked.isZero() || |
| 365 | + !this.platformLockedStakeable.isZero() |
| 366 | + ) |
| 367 | + } |
| 368 | + get hasMultisig(): boolean { |
| 369 | + return !this.avmMultisig.isZero() || !this.platformMultisig.isZero() |
| 370 | + } |
323 | 371 | } |
324 | 372 | </script> |
325 | 373 | <style scoped lang="scss"> |
|
440 | 488 |
|
441 | 489 | .alt_info > div { |
442 | 490 | display: grid; |
443 | | - grid-template-columns: repeat(3, max-content); |
| 491 | + grid-template-columns: repeat(4, max-content); |
444 | 492 | column-gap: 0px; |
445 | 493 | margin-top: 12px; |
446 | 494 | > div { |
|
0 commit comments