Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 23:40:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

use Intl.NumberFormat to format currency

Browse source
This commit is contained in:
Haben Amare 2020-05-25 22:05:06 +00:00
parent d26786a628
commit 8732e4b18f
7 changed files with 70 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/components/sidebar/sidebarCustomFields.jade
View file

@ -38,7 +38,7 @@ template(name="createCustomFieldPopup")
label
| {{_ 'custom-field-currency-option'}}
select.js-field-currency
each getCurrencySymbols
each getCurrencyCodes
if selected
option(value=value selected="selected") {{name}}
else

72
client/components/sidebar/sidebarCustomFields.js
View file

@ -18,11 +18,47 @@ BlazeComponent.extendComponent({
const CreateCustomFieldPopup = BlazeComponent.extendComponent({
_types: ['text', 'number', 'date', 'dropdown', 'currency'],
_defaultCurrencySymbols: [
{ symbol: '$' },
{ symbol: '€' },
{ symbol: '￡' },
{ symbol: '¥' },
_currencyList: [
{
name: 'US Dollar',
code: 'USD',
},
{
name: 'Euro',
code: 'EUR',
},
{
name: 'Yen',
code: 'JPY',
},
{
name: 'Pound Sterling',
code: 'GBP',
},
{
name: 'Australian Dollar',
code: 'AUD',
},
{
name: 'Canadian Dollar',
code: 'CAD',
},
{
name: 'Swiss Franc',
code: 'CHF',
},
{
name: 'Yuan Renminbi',
code: 'CNY',
},
{
name: 'Hong Kong Dollar',
code: 'HKD',
},
{
name: 'New Zealand Dollar',
code: 'NZD',
},
],
onCreated() {
@ -30,10 +66,10 @@ const CreateCustomFieldPopup = BlazeComponent.extendComponent({
this.data().type ? this.data().type : this._types[0],
);
this.currencySymbol = new ReactiveVar(
this.data().settings && this.data().settings.currencySymbol
? this.data().settings.currencySymbol
: this._defaultCurrencySymbols[0].symbol,
this.currencyCode = new ReactiveVar(
this.data().settings && this.data().settings.currencyCode
? this.data().settings.currencyCode
: this._currencyList[0].code,
);
this.dropdownItems = new ReactiveVar(
@ -58,14 +94,14 @@ const CreateCustomFieldPopup = BlazeComponent.extendComponent({
return this.type.get() !== type;
},
getCurrencySymbols() {
const currentSymbol = this.currencySymbol.get();
getCurrencyCodes() {
const currentCode = this.currencyCode.get();
return this._defaultCurrencySymbols.map(({ symbol }) => {
return this._currencyList.map(({ name, code }) => {
return {
name: symbol,
value: symbol,
selected: symbol === currentSymbol,
name: `${code} - ${name}`,
value: code,
selected: code === currentCode,
};
});
},
@ -89,8 +125,8 @@ const CreateCustomFieldPopup = BlazeComponent.extendComponent({
const settings = {};
switch (this.type.get()) {
case 'currency': {
const currencySymbol = this.currencySymbol.get();
settings.currencySymbol = currencySymbol;
const currencyCode = this.currencyCode.get();
settings.currencyCode = currencyCode;
break;
}
case 'dropdown': {
@ -113,7 +149,7 @@ const CreateCustomFieldPopup = BlazeComponent.extendComponent({
},
'change .js-field-currency'(evt) {
const value = evt.target.value;
this.currencySymbol.set(value);
this.currencyCode.set(value);
},
'keydown .js-dropdown-item.last'(evt) {
if (evt.target.value.trim() && evt.keyCode === 13) {