2019-03-06 15:00:44 +01:00
|
|
|
import { React, T } from 'Components'
|
2019-06-20 18:51:40 +02:00
|
|
|
import Value from 'Components/Value'
|
2019-08-30 15:47:08 +02:00
|
|
|
import RuleLink from './RuleLink'
|
2019-03-06 15:00:44 +01:00
|
|
|
|
|
|
|
export let SalaireBrutSection = ({ getRule }) => {
|
|
|
|
let avantagesEnNature = getRule(
|
2019-09-03 12:05:34 +02:00
|
|
|
'contrat salarié . rémunération . avantages en nature . montant'
|
2019-03-06 15:00:44 +01:00
|
|
|
),
|
|
|
|
indemnitésSalarié = getRule('contrat salarié . indemnités salarié'),
|
2019-08-26 14:29:48 +02:00
|
|
|
heuresSupplémentaires = getRule(
|
|
|
|
'contrat salarié . rémunération . heures supplémentaires'
|
|
|
|
),
|
2019-08-27 16:16:51 +02:00
|
|
|
salaireDeBase = getRule('contrat salarié . rémunération . brut de base'),
|
2019-07-12 12:34:48 +02:00
|
|
|
rémunérationBrute = getRule('contrat salarié . rémunération . brut')
|
2019-03-06 15:00:44 +01:00
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="payslip__salarySection">
|
|
|
|
<h4 className="payslip__salaryTitle">
|
|
|
|
<T>Salaire</T>
|
|
|
|
</h4>
|
2019-08-26 14:29:48 +02:00
|
|
|
<Line rule={salaireDeBase} />
|
2019-07-01 17:59:57 +02:00
|
|
|
{avantagesEnNature.nodeValue !== 0 && <Line rule={avantagesEnNature} />}
|
|
|
|
{indemnitésSalarié.nodeValue !== 0 && <Line rule={indemnitésSalarié} />}
|
2019-08-26 14:29:48 +02:00
|
|
|
{heuresSupplémentaires.nodeValue !== 0 && (
|
|
|
|
<Line rule={heuresSupplémentaires} />
|
|
|
|
)}
|
|
|
|
{rémunérationBrute.nodeValue !== salaireDeBase.nodeValue && (
|
|
|
|
<Line rule={rémunérationBrute} />
|
|
|
|
)}
|
2019-03-06 15:00:44 +01:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2019-08-26 14:29:48 +02:00
|
|
|
export let Line = ({ rule, ...props }) => (
|
2019-03-06 15:00:44 +01:00
|
|
|
<>
|
|
|
|
<RuleLink {...rule} />
|
2019-08-26 14:29:48 +02:00
|
|
|
<Value {...rule} nilValueSymbol="—" {...props} />
|
2019-03-06 15:00:44 +01:00
|
|
|
</>
|
|
|
|
)
|
|
|
|
|
|
|
|
export let SalaireNetSection = ({ getRule }) => {
|
|
|
|
let avantagesEnNature = getRule(
|
2019-09-03 12:05:34 +02:00
|
|
|
'contrat salarié . rémunération . avantages en nature . montant'
|
2019-03-06 15:00:44 +01:00
|
|
|
)
|
|
|
|
return (
|
|
|
|
<div className="payslip__salarySection">
|
|
|
|
<h4 className="payslip__salaryTitle">
|
|
|
|
<T>Salaire net</T>
|
|
|
|
</h4>
|
|
|
|
<Line rule={getRule('contrat salarié . rémunération . net imposable')} />
|
2019-08-27 16:16:51 +02:00
|
|
|
<Line rule={getRule('contrat salarié . rémunération . net')} />
|
2019-03-06 15:00:44 +01:00
|
|
|
{avantagesEnNature.nodeValue !== 0 ? (
|
|
|
|
<>
|
|
|
|
{/* Avantages en nature */}
|
2019-06-20 18:51:40 +02:00
|
|
|
<Line negative rule={avantagesEnNature} />
|
2019-03-06 15:00:44 +01:00
|
|
|
{/* Salaire net */}
|
2019-08-27 16:16:51 +02:00
|
|
|
<Line rule={getRule('contrat salarié . rémunération . net')} />
|
2019-03-06 15:00:44 +01:00
|
|
|
</>
|
|
|
|
) : null}
|
2019-09-03 17:40:28 +02:00
|
|
|
|
2019-08-30 15:47:08 +02:00
|
|
|
<Line negative rule={getRule('impôt')} />
|
2019-08-27 16:16:51 +02:00
|
|
|
<Line
|
|
|
|
rule={getRule('contrat salarié . rémunération . net après impôt')}
|
|
|
|
/>
|
2019-03-06 15:00:44 +01:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|