ttk-app-core/compatible/apps/edf/ttk-voucher-app-document/components/moneyCell.js

enterprise develop framework

import React, { Component } from 'react'
import classNames from 'classnames'
import { number } from 'edf-utils'

export default function moneyCell(props) {
    let v = Math.abs(parseFloat(props.value)).toFixed(2).toString().replace('.', ''),
        _value = props.value

    if (isNaN(props.value) || props.value == '' || props.value == '0' || props.value == '0.00') {
        v = ''
    } else {
        v = Math.abs(parseFloat(props.value)).toFixed(2).toString().replace('.', '')
    }

    v = v.padStart(12, ' ')
    let isNegative = _value < 0
    const children = []
    for (var i = 0; i < v.length; i++) {
        if (i >= 12) continue
        children.push(isNegative ? <div className='columnNegative'>{v[i]}</div> : <div>{v[i]}</div>)
    }

    return (
        <div className='ttk-voucher-app-document-money-cell'>
            {children}
        </div>
    )
}