Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2026-02-04 07:31:47 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

add the 'currency' custom field type

Browse source
This commit is contained in:
Haben Amare 2020-05-25 14:59:32 +00:00
parent 351d9d0c95
commit 3cf6ed916f
5 changed files with 56 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -33,6 +33,17 @@ template(name="createCustomFieldPopup")
option(value=value selected="selected") {{name}}
else
option(value=value) {{name}}
div.js-field-settings.js-field-settings-currency(class="{{#if isTypeNotSelected 'currency'}}hide{{/if}}")
label
| {{_ 'custom-field-currency-option'}}
select.js-field-currency
each getCurrencySymbols
if selected
option(value=value selected="selected") {{name}}
else
option(value=value) {{name}}
div.js-field-settings.js-field-settings-dropdown(class="{{#if isTypeNotSelected 'dropdown'}}hide{{/if}}")
label
| {{_ 'custom-field-dropdown-options'}}

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

@ -16,12 +16,26 @@ BlazeComponent.extendComponent({
}).register('customFieldsSidebar');
const CreateCustomFieldPopup = BlazeComponent.extendComponent({
_types: ['text', 'number', 'date', 'dropdown'],
_types: ['text', 'number', 'date', 'dropdown', 'currency'],
_defaultCurrencySymbols: [
{ symbol: '$' },
{ symbol: '€' },
{ symbol: '￡' },
{ symbol: '¥' },
],
onCreated() {
this.type = new ReactiveVar(
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.dropdownItems = new ReactiveVar(
this.data().settings && this.data().settings.dropdownItems
? this.data().settings.dropdownItems
@ -44,6 +58,18 @@ const CreateCustomFieldPopup = BlazeComponent.extendComponent({
return this.type.get() !== type;
},
getCurrencySymbols() {
const currentSymbol = this.currencySymbol.get();
return this._defaultCurrencySymbols.map(({ symbol }) => {
return {
name: symbol,
value: symbol,
selected: symbol === currentSymbol,
};
});
},
getDropdownItems() {
const items = this.dropdownItems.get();
Array.from(this.findAll('.js-field-settings-dropdown input')).forEach(
@ -62,6 +88,11 @@ const CreateCustomFieldPopup = BlazeComponent.extendComponent({
getSettings() {
const settings = {};
switch (this.type.get()) {
case 'currency': {
const currencySymbol = this.currencySymbol.get();
settings.currencySymbol = currencySymbol;
break;
}
case 'dropdown': {
const dropdownItems = this.getDropdownItems().filter(
item => !!item.name.trim(),
@ -80,6 +111,10 @@ const CreateCustomFieldPopup = BlazeComponent.extendComponent({
const value = evt.target.value;
this.type.set(value);
},
'change .js-field-currency'(evt) {
const value = evt.target.value;
this.currencySymbol.set(value);
},
'keydown .js-dropdown-item.last'(evt) {
if (evt.target.value.trim() && evt.keyCode === 13) {
const items = this.getDropdownItems();