UI update
Added formatting for various currencies
This commit is contained in:
parent
a7af2b2f21
commit
d348a213ef
34
index.html
34
index.html
@ -8347,17 +8347,24 @@ Bitcoin.Util = {
|
|||||||
|
|
||||||
this.amountInvested = amountInvested
|
this.amountInvested = amountInvested
|
||||||
this.netValue = netValue
|
this.netValue = netValue
|
||||||
|
|
||||||
|
for (let item in this.amountInvested){
|
||||||
|
this.amountInvested[item] = parseFloat(this.amountInvested[item])
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let item in this.netValue){
|
||||||
|
this.netValue[item] = parseFloat(this.netValue[item])
|
||||||
|
}
|
||||||
|
|
||||||
this.dataset.floId = floId
|
this.dataset.floId = floId
|
||||||
// this.shadow.querySelector('.link').href = href
|
|
||||||
this.shadow.querySelector('.flo-id').textContent = floId
|
this.shadow.querySelector('.flo-id').textContent = floId
|
||||||
this.shadow.querySelector('.amount-invested').textContent = `${currencySymbols[preferredCurrency]}${this.amountInvested[preferredCurrency]}`
|
this.toggleCurrency()
|
||||||
this.shadow.querySelector('.net-value').textContent = `${currencySymbols[preferredCurrency]}${this.netValue[preferredCurrency]}`
|
|
||||||
}
|
}
|
||||||
|
|
||||||
toggleCurrency = () => {
|
toggleCurrency = () => {
|
||||||
this.shadow.querySelector('.amount-invested').textContent = `${currencySymbols[preferredCurrency]}${this.amountInvested[preferredCurrency]}`
|
this.shadow.querySelector('.amount-invested').textContent = `${this.amountInvested[preferredCurrency].toLocaleString(`en-${preferredCurrency.substring(0,2)}`, {style: 'currency', currency: preferredCurrency})}`
|
||||||
this.shadow.querySelector('.net-value').textContent = `${currencySymbols[preferredCurrency]}${this.netValue[preferredCurrency]}`
|
this.shadow.querySelector('.net-value').textContent = `${this.netValue[preferredCurrency].toLocaleString(`en-${preferredCurrency.substring(0,2)}`, {style: 'currency', currency: preferredCurrency})}`
|
||||||
}
|
}
|
||||||
|
|
||||||
connectedCallback(){
|
connectedCallback(){
|
||||||
@ -10373,6 +10380,14 @@ Bitcoin.Util = {
|
|||||||
this.totalInvestment = totalInvestment
|
this.totalInvestment = totalInvestment
|
||||||
this.totalNet = totalNet
|
this.totalNet = totalNet
|
||||||
|
|
||||||
|
for (let item in this.totalInvestment){
|
||||||
|
this.totalInvestment[item] = parseFloat(this.totalInvestment[item])
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let item in this.totalNet){
|
||||||
|
this.totalNet[item] = parseFloat(this.totalNet[item])
|
||||||
|
}
|
||||||
|
|
||||||
this.shadow.querySelector('.term-link').href = termTxHref
|
this.shadow.querySelector('.term-link').href = termTxHref
|
||||||
this.shadow.querySelector('.start-date').textContent = startDate
|
this.shadow.querySelector('.start-date').textContent = startDate
|
||||||
this.shadow.querySelector('.end-date').textContent = endDate
|
this.shadow.querySelector('.end-date').textContent = endDate
|
||||||
@ -10396,8 +10411,8 @@ Bitcoin.Util = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
toggleCurrency = () => {
|
toggleCurrency = () => {
|
||||||
this.shadow.querySelector('.total-investment').textContent = `${currencySymbols[preferredCurrency]}${this.totalInvestment[preferredCurrency]}`
|
this.shadow.querySelector('.total-investment').textContent = `${this.totalInvestment[preferredCurrency].toLocaleString(`en-${preferredCurrency.substring(0,2)}`, {style: 'currency', currency: preferredCurrency})}`
|
||||||
this.shadow.querySelector('.net-value').textContent = `${currencySymbols[preferredCurrency]}${this.totalNet[preferredCurrency]}`
|
this.shadow.querySelector('.net-value').textContent = `${this.totalNet[preferredCurrency].toLocaleString(`en-${preferredCurrency.substring(0,2)}`, {style: 'currency', currency: preferredCurrency})}`
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -10579,10 +10594,7 @@ Bitcoin.Util = {
|
|||||||
|
|
||||||
|
|
||||||
let preferredCurrency
|
let preferredCurrency
|
||||||
const currencySymbols = {
|
|
||||||
usd: '$',
|
|
||||||
inr: '₹'
|
|
||||||
}
|
|
||||||
if(localStorage.getItem('preferred-currency')){
|
if(localStorage.getItem('preferred-currency')){
|
||||||
preferredCurrency = localStorage.getItem('preferred-currency')
|
preferredCurrency = localStorage.getItem('preferred-currency')
|
||||||
document.querySelector(`sm-option[value="${localStorage.getItem('preferred-currency')}"]`).setAttribute('selected', '')
|
document.querySelector(`sm-option[value="${localStorage.getItem('preferred-currency')}"]`).setAttribute('selected', '')
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user