From 484438f4a94575fd5e5f78a6dd46839a890e3005 Mon Sep 17 00:00:00 2001 From: Mael Thomas Date: Wed, 18 Jan 2017 09:48:46 +0100 Subject: [PATCH] [moteur] POC CDD un peu plus propre visuellement et plus fonctionnel --- .../cdd/indemnité_fin_contrat.yaml | 25 ++++----- .../rémunération-travail/cdd/simples/CIF.yaml | 6 +-- .../cotisations/maladie.yaml | 16 +++--- source/components/CDD.css | 51 +++++++++++++++++-- source/components/CDD.js | 15 +++++- source/components/IntroCDD.js | 7 ++- source/components/Results.js | 4 +- .../components/conversation/FormDecorator.js | 7 --- source/containers/Home.js | 2 +- source/reducers.js | 20 +++++--- source/traverse.js | 1 - 11 files changed, 104 insertions(+), 50 deletions(-) diff --git a/règles/rémunération-travail/cdd/indemnité_fin_contrat.yaml b/règles/rémunération-travail/cdd/indemnité_fin_contrat.yaml index c4dade16c..b10510e26 100644 --- a/règles/rémunération-travail/cdd/indemnité_fin_contrat.yaml +++ b/règles/rémunération-travail/cdd/indemnité_fin_contrat.yaml @@ -11,18 +11,19 @@ l'une de ces conditions: # Evènements particuliers - CDD poursuivi en CDI - - refus CDI avantageux # (emploi similaire, rémunération >=) - - engagement employeur complément formation professionnelle - # Evènements particuliers - Rupture - - rupture anticipée salarié - - rupture pour faute grave, lourde, cas de force majeure - - rupture CDD pendant période essai - # Différents types de CDD - - CDD type usage # faire le calcul !! - - contrat aidé # - - apprentissage - - contrat jeune vacances # (contrat conclu avec un jeune pendant ses vacances scolaires ou universitaires.) - - CDD type saisonnier + # - refus CDI avantageux # (emploi similaire, rémunération >=) + # - engagement employeur complément formation professionnelle + # # Evènements particuliers - Rupture + # - rupture anticipée salarié + # - rupture pour faute grave, lourde, cas de force majeure + # - rupture CDD pendant période essai + # # Différents types de CDD + # - CDD type usage # faire le calcul !! + # - contrat aidé # + # - apprentissage + # - contrat jeune vacances # (contrat conclu avec un jeune pendant ses vacances scolaires ou universitaires.) + # - CDD type saisonnier + formule: linéaire: assiette: assiette cotisations sociales diff --git a/règles/rémunération-travail/cdd/simples/CIF.yaml b/règles/rémunération-travail/cdd/simples/CIF.yaml index cc87bf24c..5003b2c85 100644 --- a/règles/rémunération-travail/cdd/simples/CIF.yaml +++ b/règles/rémunération-travail/cdd/simples/CIF.yaml @@ -11,9 +11,9 @@ # Types de CDD - CDD type saisonnier # TODO Commentés pour le développement de la démo CDD seulement - - contrat jeune vacances - - contrat aidé # voir la définition précise dans indemnité de fin de contrat - - apprentissage + # - contrat jeune vacances + # - contrat aidé # voir la définition précise dans indemnité de fin de contrat + # - apprentissage formule: linéaire: diff --git a/règles/rémunération-travail/cotisations/maladie.yaml b/règles/rémunération-travail/cotisations/maladie.yaml index 395bdb12a..20ad061f8 100644 --- a/règles/rémunération-travail/cotisations/maladie.yaml +++ b/règles/rémunération-travail/cotisations/maladie.yaml @@ -57,23 +57,23 @@ # base: selon cette source, la base est l'assiette de la CSG : https://baseircantec.retraites.fr/cotisations-assurance-maladie-alsace-moselle.html # information non retrouvée ailleurs taux: - 2012: 0.015 - 2008: 0.016 + 2012-01: 0.015 + 2008-01: 0.016 2007-07: 0.017 - 2006: 0.018 - 2003: 0.017 + 2006-01: 0.018 + 2003-01: 0.017 1999-07: 0.015 1998-07: 0.0125 - 1994: 0.01 + 1994-01: 0.01 1989-09: 0.0075 exception: # équivaut à un variations: si [exception] / si [cas normal] si: régime = agricole - 2014: 0.011 + 2014-01: 0.011 2011-07: 0.012 2008-07: 0.013 - 2007: 0.014 - 2003: 0.015 + 2007-01: 0.014 + 2003-01: 0.015 - si: Activité = Indépendant diff --git a/source/components/CDD.css b/source/components/CDD.css index a0b137309..08c365474 100644 --- a/source/components/CDD.css +++ b/source/components/CDD.css @@ -6,6 +6,12 @@ padding: 2em; } +#introduction { + width: 60%; + margin-left: 10%; +} + + #conversation { margin: 3em auto; font-size: 120%; @@ -21,14 +27,40 @@ min-width: 50%; } -#help { - background: green; +#sim #help { + background: #f7f7f7; + border-radius: 3em; + font-style: italic; + border-left: 6px solid #ddd; + margin-left: 6em; + padding-left: 6em; min-width: 30%; + color: #444 } + + +.dependency-of { +} +.dependency-of ul { + display: inline; +} + +.dependency-of li { + font-size: 80%; + background: #4A89DC; + color: white; + display: inline-block; + padding: .1em .6em; + margin: 0 .6em; + border-radius: 3px; +} + + + #results { width: 90%; - background: purple; + border-top: 2px solid #aaa; } #results ul { @@ -37,6 +69,17 @@ #results li { display: inline-block; - border: 1px solid; + background: #4A89DC; + color: white; + margin: 0 2em; + border-radius: 6px; padding: .6em 2em; } + +#results li h3 { + border-bottom: 1px solid white; +} + +#results .value { + font-size: 160%; +} diff --git a/source/components/CDD.js b/source/components/CDD.js index a9f377a63..839309c3a 100644 --- a/source/components/CDD.js +++ b/source/components/CDD.js @@ -7,11 +7,22 @@ import {connect} from 'react-redux' import './conversation/conversation.css' import {START_CONVERSATION} from '../actions' -@connect(({form: {conversation}}) => ({conversationState: conversation && conversation.values})) +@connect(({form: {conversation}, steps}) => ({conversationState: conversation && conversation.values, steps})) class Aide extends Component { render() { + let {steps, conversationState} = this.props + if (!steps.length) return null + let [{dependencyOfVariables, helpText}] = steps return
- {JSON.stringify(this.props.conversationState)} + {helpText} +
+ Cette question est nécessaire pour calculer : +
    + {dependencyOfVariables.map(v => +
  • {v}
    • + )} +
+
} } diff --git a/source/components/IntroCDD.js b/source/components/IntroCDD.js index a5cd18c79..5582bf07e 100644 --- a/source/components/IntroCDD.js +++ b/source/components/IntroCDD.js @@ -4,10 +4,13 @@ export default () =>

Le CDD en France est un contrat d'exception au CDI. On y a donc recours sous certaines conditions seulement. Cet outil vous aidera à respecter ces conditions et à calculer le prix mensuel de l'embauche, qui en dépend, en vous proposant une suite de questions. - - Ici, vous avez le droit de ne pas savoir : certaines questions sont complexes, elles seront toujours accompagnées d'une aide contextuelle. Si ce n'est pas le cas, engueulez-nous* !

+ Ici, vous avez le droit de ne pas savoir : certaines questions sont complexes, elles seront toujours accompagnées d'une aide contextuelle. Si ce n'est pas le cas, engueulez-nous ! +

+ {/* +

*: écrivez à contact@contact.contact (on fera mieux après). La loi française est complexe, souvent à raison. Nous ne la changerons pas, mais pouvons la rendre plus transparente.

+ */}
diff --git a/source/components/Results.js b/source/components/Results.js index d664777ca..6f410f989 100644 --- a/source/components/Results.js +++ b/source/components/Results.js @@ -5,12 +5,12 @@ export default class Results extends Component { let {analysedSituation} = this.props return (
-

Cotisations

+

Vos obligations