73 lines
2.1 KiB
JavaScript
73 lines
2.1 KiB
JavaScript
import { T } from 'Components'
|
|
import Value from 'Components/Value'
|
|
import React from 'react'
|
|
import RuleLink from './RuleLink'
|
|
|
|
export let SalaireBrutSection = ({ getRule }) => {
|
|
let avantagesEnNature = getRule(
|
|
'contrat salarié . rémunération . avantages en nature . montant'
|
|
),
|
|
indemnitésSalarié = getRule('contrat salarié . indemnités salarié'),
|
|
heuresSupplémentaires = getRule(
|
|
'contrat salarié . rémunération . heures supplémentaires'
|
|
),
|
|
salaireDeBase = getRule('contrat salarié . rémunération . brut de base'),
|
|
rémunérationBrute = getRule('contrat salarié . rémunération . brut')
|
|
|
|
return (
|
|
<div className="payslip__salarySection">
|
|
<h4 className="payslip__salaryTitle">
|
|
<T>Salaire</T>
|
|
</h4>
|
|
<Line rule={salaireDeBase} />
|
|
{avantagesEnNature.nodeValue !== 0 && <Line rule={avantagesEnNature} />}
|
|
{indemnitésSalarié.nodeValue !== 0 && <Line rule={indemnitésSalarié} />}
|
|
{heuresSupplémentaires.nodeValue !== 0 && (
|
|
<Line rule={heuresSupplémentaires} />
|
|
)}
|
|
{rémunérationBrute.nodeValue !== salaireDeBase.nodeValue && (
|
|
<Line rule={rémunérationBrute} />
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export let Line = ({ rule, ...props }) => (
|
|
<>
|
|
<RuleLink {...rule} />
|
|
<Value {...rule} nilValueSymbol="—" {...props} />
|
|
</>
|
|
)
|
|
|
|
export let SalaireNetSection = ({ getRule }) => {
|
|
let avantagesEnNature = getRule(
|
|
'contrat salarié . rémunération . avantages en nature . montant'
|
|
)
|
|
return (
|
|
<div className="payslip__salarySection">
|
|
<h4 className="payslip__salaryTitle">
|
|
<T>Salaire net</T>
|
|
</h4>
|
|
<Line rule={getRule('contrat salarié . rémunération . net imposable')} />
|
|
{avantagesEnNature.nodeValue !== 0 ? (
|
|
<>
|
|
{/* Salaire net de cotisations */}
|
|
<Line
|
|
rule={getRule(
|
|
'contrat salarié . rémunération . net de cotisations'
|
|
)}
|
|
/>
|
|
{/* Avantages en nature */}
|
|
<Line negative rule={avantagesEnNature} />
|
|
</>
|
|
) : null}
|
|
<Line rule={getRule('contrat salarié . rémunération . net')} />
|
|
|
|
<Line negative rule={getRule('impôt')} />
|
|
<Line
|
|
rule={getRule('contrat salarié . rémunération . net après impôt')}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|