From 49d470a58ff253be06dd4a8e5d661b408b8feac7 Mon Sep 17 00:00:00 2001 From: Johan Girod Date: Wed, 22 May 2019 11:48:45 +0200 Subject: [PATCH] =?UTF-8?q?:art:=20am=C3=A9liore=20l'affichage=20sur=20les?= =?UTF-8?q?=20pages=20de=20comparaison=20AS=20vs=20indep=20et=20indep=20vs?= =?UTF-8?q?=20auto?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- source/components/SchemeComparaison.css | 22 ++-- source/components/SchemeComparaison.js | 116 +++++++++--------- .../pages/Company/AutoEntrepreneur.js | 26 +--- .../pages/Company/DirectorStatus.js | 4 +- 4 files changed, 77 insertions(+), 91 deletions(-) diff --git a/source/components/SchemeComparaison.css b/source/components/SchemeComparaison.css index fda1b4641..05892cbc3 100644 --- a/source/components/SchemeComparaison.css +++ b/source/components/SchemeComparaison.css @@ -6,6 +6,17 @@ [row-legend] auto [assimilé-salarié] minmax(20%, 20rem) [indépendant] minmax(20%, 20rem) [auto-entrepreneur] minmax(20%, 20rem) [end]; } +.comparaison-grid.hideAutoEntrepreneur { + grid-template-columns: + [row-legend] auto [assimilé-salarié] minmax(20%, 20rem) + [indépendant] minmax(20%, 20rem) [auto-entrepreneur] 0 [end]; +} + +.comparaison-grid.hideAssimiléSalarié { + grid-template-columns: + [row-legend] auto [assimilé-salarié] 0 + [indépendant] minmax(20%, 20rem) [auto-entrepreneur] minmax(20%, 20rem) [end]; +} .comparaison-grid > * { border-bottom: 1px solid var(--lighterColour); padding: 0.6rem 1.2rem; @@ -31,7 +42,7 @@ width: 1.6rem !important; } .comparaison-grid > .legend { - max-width: 20rem; + max-width: 15rem; align-items: flex-end; grid-column: row-legend; text-align: right; @@ -68,9 +79,6 @@ border-right: none; } -.comparaison-grid.hideAutoEntrepreneur { - grid-template-columns: [row-legend] auto [assimilé-salarié] 1fr [indépendant] 1fr [auto-entrepreneur] 0 [end]; -} .comparaison-grid.hideAutoEntrepreneur > .auto { display: none; } @@ -78,9 +86,6 @@ border-right: 1px solid var(--lighterColour); } -.comparaison-grid.hideAssimiléSalarié { - grid-template-columns: [row-legend] auto [assimilé-salarié] 0 [indépendant] auto [auto-entrepreneur] auto [end]; -} .comparaison-grid.hideAssimiléSalarié > .AS { display: none; } @@ -103,9 +108,6 @@ } @media (max-width: 800px) { - .comparaison-grid { - grid-template-columns: [row-legend] 10rem [assimilé-salarié] auto [indépendant] auto [auto-entrepreneur] auto [end]; - } .comparaison-grid > * { padding: 0.6rem; } diff --git a/source/components/SchemeComparaison.js b/source/components/SchemeComparaison.js index bafef9dc7..1ba2f075d 100644 --- a/source/components/SchemeComparaison.js +++ b/source/components/SchemeComparaison.js @@ -72,23 +72,18 @@ const SchemeComparaison = ({ hideAssimiléSalarié })}>

- {emoji('☂')}{' '} - - Assimilé salarié - + {emoji('☂')} Assimilé salarié Le régime tout compris

{emoji('👩‍🔧')}{' '} - - {hideAssimiléSalarié ? ( - Entreprise Individuelle - ) : ( - Indépendant - )} - + {hideAssimiléSalarié ? ( + Entreprise Individuelle + ) : ( + Indépendant + )} La protection sociale à la carte @@ -96,62 +91,67 @@ const SchemeComparaison = ({

- {emoji('🚶‍♂️')}{' '} - - Auto-entrepreneur - + {emoji('🚶‍♂️')} Auto-entrepreneur Pour créer sans risques

-

- Statuts juridiques possibles -

-
- SAS, SASU, SARL minoritaire -
-
- EI, EURL, SARL majoritaire -
-
- Auto-entreprise -
- - {!hideAssimiléSalarié && ( - <> - -

Sécurité sociale

-
Régime général
-
- Sécurité sociale des indépendants -
+ <> +

+ + Statuts juridiques possibles - -

Couverture accidents du travail

+

+
+ + SAS, SASU, SARL (gérant minoritaire) -
- - Oui +
+
+ {hideAssimiléSalarié ? ( + EI, EIRL + ) : ( + + EI, EIRL, EURL, SARL (gérant majoritaire) -
-
- Non -
- -

- Assurance maladie{' '} - (médicaments, soins, hospitalisations) -

+ )} +
+
+ Auto-entreprise +
+ + + <> + +

Sécurité sociale

+
Régime général
+
Sécurité sociale des indépendants
+ + +

Couverture accidents du travail

+ +
+ + Oui -
Identique pour tous
- -

Mutuelle santé

- -
Obligatoire
-
Fortement conseillée
- - )} +
+
+ Non +
+ +

+ Assurance maladie{' '} + (médicaments, soins, hospitalisations) +

+ +
Identique pour tous
+ +

Mutuelle santé

+ +
Obligatoire
+
Fortement conseillée
+

Indemnités journalières

diff --git a/source/sites/mon-entreprise.fr/pages/Company/AutoEntrepreneur.js b/source/sites/mon-entreprise.fr/pages/Company/AutoEntrepreneur.js index 355234fff..d7c71a317 100644 --- a/source/sites/mon-entreprise.fr/pages/Company/AutoEntrepreneur.js +++ b/source/sites/mon-entreprise.fr/pages/Company/AutoEntrepreneur.js @@ -39,22 +39,8 @@ const Autoentrepreneur = ({ isAutoentrepreneur, t }: Props) => (

Un auto-entrepreneur bénéficie d'un régime simplifié de déclaration et de paiement, pour lequel l'impôt et les cotisations sociales sont - calculés sur le chiffre d'affaires encaissé chaque mois. Disponible pour - les entreprises dont le chiffre d'affaires annuel ne dépasse pas 70 000 - € pour les prestataires de services ou 170 000 € lorsque l'activité - principale est la vente de biens, la restauration ou la fourniture de - logements. + calculés sur le chiffre d'affaires encaissé chaque mois.

-

C'est un choix intéressant si :

-
    -
  • Vous n'avez de dépenses importantes pour mener votre activité
    • -
  • - Vous voulez tester la viabilité de votre modèle (activité ou projet) -
    • -
  • - Vous souhaitez un minimum de formalités (ou démarches) pour commencer -
    • -

Note : Certaines activités sont exclues de ce statut ( @@ -68,14 +54,10 @@ const Autoentrepreneur = ({ isAutoentrepreneur, t }: Props) => ( ).

- -

- Pour tous les autres cas, il est conseillé de choisir le statut de{' '} - l'Entreprise Individuelle avec le régime fiscal du réel - simplifié. -

- +
+ +
isAutoentrepreneur(null)} /> diff --git a/source/sites/mon-entreprise.fr/pages/Company/DirectorStatus.js b/source/sites/mon-entreprise.fr/pages/Company/DirectorStatus.js index ef0df7b00..1363ea296 100644 --- a/source/sites/mon-entreprise.fr/pages/Company/DirectorStatus.js +++ b/source/sites/mon-entreprise.fr/pages/Company/DirectorStatus.js @@ -38,7 +38,9 @@ const DefineDirectorStatus = ({ defineDirectorStatus, t }: Props) => ( la couverture sociale du dirigeant. Le montant et les modalités de paiement des cotisations sociales sont également impactés.

- +
+ +
defineDirectorStatus(null)} />