espocrm-base/client/src/views/fields/currency.js

/************************************************************************
 * This file is part of EspoCRM.
 *
 * EspoCRM - Open Source CRM application.
 * Copyright (C) 2014-2021 Yurii Kuznietsov, Taras Machyshyn, Oleksii Avramenko
 * Website: https://www.espocrm.com
 *
 * EspoCRM is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * EspoCRM is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with EspoCRM. If not, see http://www.gnu.org/licenses/.
 *
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU General Public License version 3.
 *
 * In accordance with Section 7(b) of the GNU General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "EspoCRM" word.
 ************************************************************************/

define('views/fields/currency', 'views/fields/float', function (Dep) {

    return Dep.extend({

        type: 'currency',

        editTemplate: 'fields/currency/edit',

        detailTemplate: 'fields/currency/detail',

        detailTemplate1: 'fields/currency/detail-1',

        detailTemplate2: 'fields/currency/detail-2',

        detailTemplate3: 'fields/currency/detail-3',

        listTemplate: 'fields/currency/list',

        listTemplate1: 'fields/currency/list-1',

        listTemplate2: 'fields/currency/list-2',

        listTemplate3: 'fields/currency/list-3',

        detailTemplateNoCurrency: 'fields/currency/detail-no-currency',

        maxDecimalPlaces: 3,

        data: function () {
            var currencyValue = this.model.get(this.currencyFieldName) || this.getPreferences().get('defaultCurrency') || this.getConfig().get('defaultCurrency');
            return _.extend({
                currencyFieldName: this.currencyFieldName,
                currencyValue: currencyValue,
                currencyOptions: this.currencyOptions,
                currencyList: this.currencyList,
                currencySymbol: this.getMetadata().get(['app', 'currency', 'symbolMap', currencyValue]) || ''
            }, Dep.prototype.data.call(this));
        },

        setup: function () {
            Dep.prototype.setup.call(this);
            this.currencyFieldName = this.name + 'Currency';
            this.defaultCurrency = this.getConfig().get('defaultCurrency');
            this.currencyList = this.getConfig().get('currencyList') || [this.defaultCurrency];

            if (this.params.onlyDefaultCurrency) {
                this.currencyList = [this.defaultCurrency];
            }

            this.isSingleCurrency = this.currencyList.length <= 1;

            var currencyValue = this.currencyValue = this.model.get(this.currencyFieldName) || this.defaultCurrency;

            if (!~this.currencyList.indexOf(currencyValue)) {
                this.currencyList = Espo.Utils.clone(this.currencyList);
                this.currencyList.push(currencyValue);
            }
        },

        getCurrencyFormat: function () {
            return this.getConfig().get('currencyFormat') || 1;
        },

        _getTemplateName: function () {
            if (this.mode == 'detail' || this.mode == 'list') {
                var prop
                if (this.mode == 'list') {
                    var prop = 'listTemplate' + this.getCurrencyFormat().toString();
                } else {
                    var prop = 'detailTemplate' + this.getCurrencyFormat().toString();
                }
                if (this.options.hideCurrency) {
                    prop = 'detailTemplateNoCurrency';
                }

                if (prop in this) {
                    return this[prop];
                }
            }
            return Dep.prototype._getTemplateName.call(this);
        },

        formatNumber: function (value) {
            if (this.mode === 'list' || this.mode === 'detail') {
                return this.formatNumberDetail(value);
            }
            return this.formatNumberEdit(value);
        },

        formatNumberEdit: function (value) {
            var currencyDecimalPlaces = this.getConfig().get('currencyDecimalPlaces');

            if (value !== null) {
                var parts = value.toString().split(".");
                parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, this.thousandSeparator);

                if (parts.length > 1) {
                    if (currencyDecimalPlaces && parts[1].length < currencyDecimalPlaces) {
                        var limit = currencyDecimalPlaces - parts[1].length;
                        for (var i = 0; i < limit; i++) {
                            parts[1] += '0';
                        }
                    }
                }

                return parts.join(this.decimalMark);
            }
            return '';
        },

        formatNumberDetail: function (value) {
            if (value !== null) {
                var currencyDecimalPlaces = this.getConfig().get('currencyDecimalPlaces');

                if (currencyDecimalPlaces === 0) {
                    value = Math.round(value);
                } else if (currencyDecimalPlaces) {
                     value = Math.round(value * Math.pow(10, currencyDecimalPlaces)) / (Math.pow(10, currencyDecimalPlaces));
                } else {
                    value = Math.round(value * Math.pow(10, this.maxDecimalPlaces)) / (Math.pow(10, this.maxDecimalPlaces));
                }

                var parts = value.toString().split(".");
                parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, this.thousandSeparator);

                if (currencyDecimalPlaces === 0) {
                    return parts[0];
                } else if (currencyDecimalPlaces) {
                    var decimalPartLength = 0;
                    if (parts.length > 1) {
                        decimalPartLength = parts[1].length;
                    } else {
                        parts[1] = '';
                    }

                    if (currencyDecimalPlaces && decimalPartLength < currencyDecimalPlaces) {
                        var limit = currencyDecimalPlaces - decimalPartLength;
                        for (var i = 0; i < limit; i++) {
                            parts[1] += '0';
                        }
                    }
                }

                return parts.join(this.decimalMark);
            }
            return '';
        },

        afterRender: function () {
            Dep.prototype.afterRender.call(this);
            if (this.mode == 'edit') {
                this.$currency = this.$el.find('[data-name="' + this.currencyFieldName + '"]');
                this.$currency.on('change', function () {
                    this.model.set(this.currencyFieldName, this.$currency.val(), {ui: true});
                }.bind(this));
            }
        },

        fetch: function () {
            var value = this.$element.val();
            value = this.parse(value);

            var data = {};

            var currencyValue = this.$currency.val();
            if (value === null) {
                currencyValue = null;
            }

            data[this.name] = value;
            data[this.currencyFieldName] = currencyValue
            return data;
        }

    });
});