7 |
9 | );
10 | }
11 |
12 | const styles = {
13 | errorMessage: css({
14 | margin: "auto",
15 | alignSelf: "center"
16 | })
17 | };
18 |
19 | export default ErrorMessage;
20 |
--------------------------------------------------------------------------------
/packages/api/Dockerfile:
--------------------------------------------------------------------------------
1 | ARG NODE_VERSION=10.15.3
2 |
3 | FROM node:${NODE_VERSION} as builder
4 | WORKDIR /app
5 |
6 | COPY packages/api .
7 | COPY yarn.lock ./yarn.lock
8 |
9 | RUN yarn
10 | RUN yarn build
11 |
12 | FROM node:${NODE_VERSION}
13 |
14 | WORKDIR /app
15 | COPY --from=builder /app/dist /app/dist
16 | COPY --from=builder /app/node_modules /app/node_modules
17 | COPY --from=builder /app/package.json /app/package.json
18 |
19 | CMD ["node", "dist/server.js"]
20 |
--------------------------------------------------------------------------------
/k8s/app/ingress.yml:
--------------------------------------------------------------------------------
1 | ---
2 | apiVersion: extensions/v1beta1
3 | kind: Ingress
4 | metadata:
5 | name: egapro-app${HASH_BRANCH_NAME}
6 | labels:
7 | app: egapro-app${HASH_BRANCH_NAME}
8 | branch: egapro${HASH_BRANCH_NAME}
9 | spec:
10 | rules:
11 | - host: ${HASH_BRANCH_INGRESS}egapro.${ENVIRONMENT}.social.gouv.fr
12 | http:
13 | paths:
14 | - path: /
15 | backend:
16 | serviceName: egapro-app${HASH_BRANCH_NAME}
17 | servicePort: ${PORT}
18 |
--------------------------------------------------------------------------------
/packages/kinto/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "kinto",
3 | "version": "2.0.0",
4 | "main": "index.js",
5 | "author": "Incubateur des Ministères Sociaux {errorMessage || "Erreur"}
8 |{children}
;
11 | }
12 |
13 | const styles = {
14 | actionBar: css({
15 | display: "flex",
16 | flexDirection: "row",
17 | alignItems: "center",
18 | marginTop: 46,
19 | marginBottom: 36,
20 | "@media print": {
21 | display: "none"
22 | }
23 | })
24 | };
25 |
26 | export default ActionBar;
27 |
--------------------------------------------------------------------------------
/packages/app/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 | "allowJs": true,
10 | "skipLibCheck": true,
11 | "esModuleInterop": true,
12 | "allowSyntheticDefaultImports": true,
13 | "strict": true,
14 | "forceConsistentCasingInFileNames": true,
15 | "module": "esnext",
16 | "moduleResolution": "node",
17 | "resolveJsonModule": true,
18 | "isolatedModules": true,
19 | "noEmit": true,
20 | "jsx": "preserve"
21 | },
22 | "include": [
23 | "src"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components-steps/FAQIndicateur5Steps.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { jsx } from "@emotion/core";
3 | import { Fragment } from "react";
4 |
5 | import { IconMoney } from "../../../components/Icons";
6 | import FAQStep from "../components/FAQStep";
7 |
8 | function FAQIndicateur5Steps() {
9 | return (
10 |
10 | {children}
11 |
12 | );
13 | }
14 |
15 | const styles = {
16 | container: css({
17 | marginBottom: 8,
18 | paddingTop: 8
19 | }),
20 | title: css({
21 | fontSize: 14,
22 | lineHeight: "17px",
23 | color: globalStyles.colors.default
24 | })
25 | };
26 |
27 | export default FAQTitle3;
28 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components/FAQTitle.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { ReactNode } from "react";
4 |
5 | import globalStyles from "../../../utils/globalStyles";
6 |
7 | function FAQTitle({ children }: { children: ReactNode }) {
8 | return (
9 |
10 | {children}
11 |
12 | );
13 | }
14 |
15 | const styles = {
16 | container: css({
17 | marginBottom: 26
18 | }),
19 | title: css({
20 | fontSize: 18,
21 | lineHeight: "22px",
22 | color: globalStyles.colors.primary,
23 | textTransform: "uppercase"
24 | })
25 | };
26 |
27 | export default FAQTitle;
28 |
--------------------------------------------------------------------------------
/packages/app/cypress/plugins/index.js:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example plugins/index.js can be used to load plugins
3 | //
4 | // You can change the location of this file or turn off loading
5 | // the plugins file with the 'pluginsFile' configuration option.
6 | //
7 | // You can read more here:
8 | // https://on.cypress.io/plugins-guide
9 | // ***********************************************************
10 |
11 | // This function is called when a project is opened or re-opened (e.g. due to
12 | // the project's config changing)
13 |
14 | module.exports = (on, config) => {
15 | // `on` is used to hook into various events Cypress emits
16 | // `config` is the resolved Cypress config
17 | }
18 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components/FAQTitle2.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { ReactNode } from "react";
4 |
5 | import globalStyles from "../../../utils/globalStyles";
6 |
7 | function FAQTitle2({ children }: { children: ReactNode }) {
8 | return (
9 |
10 | {children}
11 |
12 | );
13 | }
14 |
15 | const styles = {
16 | container: css({
17 | marginBottom: 12
18 | }),
19 | title: css({
20 | fontSize: 12,
21 | fontWeight: "bold",
22 | lineHeight: "15px",
23 | color: globalStyles.colors.primary,
24 | textTransform: "uppercase"
25 | })
26 | };
27 |
28 | export default FAQTitle2;
29 |
--------------------------------------------------------------------------------
/packages/app/src/components/FormAutoSave.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { FormSpy } from "react-final-form";
3 |
4 | function FormAutoSave({
5 | saveForm,
6 | onlyWhenDirty = true // Only auto save when the form is dirty (some value changed from the initialization).
7 | }: {
8 | saveForm: (values: any) => void;
9 | onlyWhenDirty?: boolean;
10 | }) {
11 | const onChangeForm = ({ values, dirty }: { values: any; dirty: boolean }) => {
12 | if (dirty || (onlyWhenDirty !== undefined && !onlyWhenDirty)) {
13 | saveForm(values);
14 | }
15 | };
16 |
17 | return (
18 | 18 | Le nombre total de points ainsi obtenus est ramené sur 100 en appliquant la règle de la proportionnalité. 19 |
• {question}
20 | 21 | ); 22 | } 23 | 24 | const styles = { 25 | questionRow: css({ 26 | marginBottom: 12, 27 | fontSize: 14, 28 | lineHeight: "17px" 29 | }), 30 | link: css({ 31 | color: globalStyles.colors.default, 32 | textDecoration: "none" 33 | }) 34 | }; 35 | 36 | export default FAQQuestionRow; 37 | -------------------------------------------------------------------------------- /packages/app/src/components/Cell.tsx: -------------------------------------------------------------------------------- 1 | /** @jsx jsx */ 2 | import { css, jsx } from "@emotion/core"; 3 | import { ReactNode } from "react"; 4 | 5 | interface Props { 6 | style?: any; 7 | children?: ReactNode; 8 | } 9 | 10 | function Cell({ style, children }: Props) { 11 | return{children}
;
12 | }
13 |
14 | function Cell2({ style, children }: Props) {
15 | return {children}
;
16 | }
17 |
18 | function CellHead({ style, children }: Props) {
19 | return {children}
;
20 | }
21 |
22 | const styles = {
23 | cell: css({
24 | width: 62,
25 | flexShrink: 0,
26 | marginLeft: 8
27 | }),
28 | cell2: css({
29 | width: 62 + 8 + 62,
30 | flexShrink: 0,
31 | marginLeft: 8
32 | }),
33 | cellHead: css({
34 | flexGrow: 1,
35 | marginRight: 2
36 | })
37 | };
38 |
39 | export { Cell, Cell2, CellHead };
40 |
--------------------------------------------------------------------------------
/packages/app/cypress/support/commands.js:
--------------------------------------------------------------------------------
1 | // ***********************************************
2 | // This example commands.js shows you how to
3 | // create various custom commands and overwrite
4 | // existing commands.
5 | //
6 | // For more comprehensive examples of custom
7 | // commands please read more here:
8 | // https://on.cypress.io/custom-commands
9 | // ***********************************************
10 | //
11 | //
12 | // -- This is a parent command --
13 | // Cypress.Commands.add("login", (email, password) => { ... })
14 | //
15 | //
16 | // -- This is a child command --
17 | // Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
18 | //
19 | //
20 | // -- This is a dual command --
21 | // Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
22 | //
23 | //
24 | // -- This will overwrite an existing command --
25 | // Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
26 |
--------------------------------------------------------------------------------
/packages/api/src/server.ts:
--------------------------------------------------------------------------------
1 | import * as cors from "@koa/cors";
2 | import * as Sentry from "@sentry/node";
3 | import * as Koa from "koa";
4 | import * as bodyParser from "koa-bodyparser";
5 | import { configuration } from "./configuration";
6 | import { router } from "./routes";
7 | import { logger } from "./util";
8 |
9 | if (!!configuration.apiSentryDsn) {
10 | logger.info(`Logging to sentry DSN ${configuration.apiSentryDsn}`);
11 | logger.info(`Sentry environment is ${configuration.apiSentryEnvironment}`);
12 | Sentry.init({
13 | debug: true,
14 | dsn: configuration.apiSentryDsn,
15 | environment: configuration.apiSentryEnvironment
16 | });
17 | }
18 |
19 | const app = new Koa();
20 |
21 | app.use(bodyParser());
22 | app.use(cors());
23 |
24 | app.use(router.routes());
25 | app.use(router.allowedMethods());
26 |
27 | app.on("error", (err: Error, ctx: Koa.Context) => {
28 | logger.error(`url: ${ctx.originalUrl}: `, err);
29 | });
30 |
31 | app.listen(configuration.apiPort);
32 |
--------------------------------------------------------------------------------
/packages/app/src/components/ButtonAction.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import Button from "./Button";
4 |
5 | interface Props {
6 | label: string;
7 | onClick: () => void;
8 | outline?: boolean;
9 | error?: boolean;
10 | disabled?: boolean;
11 | loading?: boolean;
12 | }
13 |
14 | function ButtonAction({
15 | label,
16 | onClick,
17 | outline = false,
18 | error = false,
19 | disabled = false,
20 | loading = false
21 | }: Props) {
22 | return (
23 |
31 | );
32 | }
33 |
34 | const styles = {
35 | button: css({
36 | all: "unset",
37 |
38 | padding: 0,
39 | border: "none",
40 | outline: "none",
41 | font: "inherit",
42 | color: "inherit",
43 | background: "none"
44 | })
45 | };
46 |
47 | export default ButtonAction;
48 |
--------------------------------------------------------------------------------
/packages/app/src/utils/merge.js:
--------------------------------------------------------------------------------
1 | import deepmerge from "deepmerge";
2 |
3 | /*
4 | functions from deepmerge documentation
5 | */
6 |
7 | export const overwriteMerge = (destinationArray, sourceArray) => sourceArray;
8 |
9 | const emptyTarget = value => (Array.isArray(value) ? [] : {});
10 |
11 | const clone = (value, options) => deepmerge(emptyTarget(value), value, options);
12 |
13 | export const combineMerge = (target, source, options) => {
14 | const destination = target.slice();
15 |
16 | source.forEach((item, index) => {
17 | if (typeof destination[index] === "undefined") {
18 | const cloneRequested = options.clone !== false;
19 | const shouldClone = cloneRequested && options.isMergeableObject(item);
20 | destination[index] = shouldClone ? clone(item, options) : item;
21 | } else if (options.isMergeableObject(item)) {
22 | destination[index] = deepmerge(target[index], item, options);
23 | } else if (target.indexOf(item) === -1) {
24 | destination.push(item);
25 | }
26 | });
27 | return destination;
28 | };
29 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components/FAQStep.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { ReactNode } from "react";
4 |
5 | function FAQStep({ children, icon }: { children: ReactNode; icon: ReactNode }) {
6 | return (
7 |
8 |
13 | );
14 | }
15 |
16 | const styles = {
17 | container: css({
18 | position: "relative",
19 | marginBottom: 12,
20 | paddingLeft: 27
21 | }),
22 | background: css({
23 | backgroundColor: "#F9F7F9",
24 | borderRadius: 5,
25 | padding: "10px 18px 10px 27px"
26 | }),
27 | text: css({
28 | fontSize: 14,
29 | lineHeight: "17px"
30 | }),
31 | iconContainer: {
32 | left: 0,
33 | top: "50%",
34 | position: "absolute" as "absolute", // Because typescript…
35 | marginTop: -22,
36 | width: 44,
37 | height: 44
38 | }
39 | };
40 |
41 | export default FAQStep;
42 |
--------------------------------------------------------------------------------
/packages/api/src/repository/indicators-data.repository.ts:
--------------------------------------------------------------------------------
1 | import { IndicatorsData } from "../model";
2 | import { collection, KintoCollection } from "./kinto-api";
3 |
4 | const kintoCollection: KintoCollection
9 | {children}
10 |
11 | {icon}
12 |
19 |
22 | );
23 | }
24 |
25 | const styles = {
26 | body: css({
27 | display: "flex",
28 | flexDirection: "row",
29 | alignItems: "flex-start"
30 | }),
31 | result: css({
32 | flexGrow: 1,
33 | flexShrink: 1,
34 | flexBasis: "0%",
35 | marginLeft: globalStyles.grid.gutterWidth,
36 | position: "sticky",
37 | top: 0,
38 | display: "flex",
39 | flexDirection: "column"
40 | })
41 | };
42 |
43 | export default LayoutFormAndResult;
44 |
--------------------------------------------------------------------------------
/packages/app/src/components/Bubble.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { ReactNode } from "react";
4 |
5 | import globalStyles from "../utils/globalStyles";
6 |
7 | export interface Props {
8 | children: ReactNode;
9 | style?: any;
10 | }
11 |
12 | function Bubble({ children, style }: Props) {
13 | return (
14 | {childrenForm}
20 | {childrenResult}
21 |
15 |
17 | );
18 | }
19 |
20 | const styles = {
21 | container: css({
22 | width: "100%",
23 | position: "relative",
24 | height: 0,
25 | paddingTop: "100%"
26 | }),
27 | bloc: css({
28 | position: "absolute",
29 | top: 0,
30 | bottom: 0,
31 | left: 0,
32 | right: 0,
33 |
34 | padding: "26% 8%",
35 | display: "flex",
36 | flexDirection: "column",
37 | justifyContent: "space-between",
38 |
39 | color: "white",
40 | backgroundColor: globalStyles.colors.default,
41 | borderRadius: "100%",
42 | "@media print": {
43 | backgroundColor: "white",
44 | color: globalStyles.colors.default,
45 | border: `solid ${globalStyles.colors.default} 1px`
46 | }
47 | })
48 | };
49 |
50 | export default Bubble;
51 |
--------------------------------------------------------------------------------
/packages/app/src/components/Logo.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | function Logo({ layout = "default" }: { layout?: "default" | "mobile" }) {
5 | return (
6 | {children}
16 |
9 | 
14 | Ministère du Travail
15 |
16 | );
17 | }
18 |
19 | const styles = {
20 | container: css({
21 | flexShrink: 0,
22 | display: "flex",
23 | flexDirection: "column",
24 | width: 76
25 | }),
26 | containerMobile: css({
27 | flexDirection: "row",
28 | alignItems: "flex-end",
29 | width: "auto"
30 | }),
31 | image: css({
32 | display: "block",
33 | width: 76,
34 | height: 46,
35 | border: "solid black 1px"
36 | }),
37 | imageMobile: css({
38 | width: 60,
39 | height: 36,
40 | marginRight: 3
41 | }),
42 | text: css({
43 | marginTop: 3,
44 | fontSize: 9,
45 | textAlign: "center"
46 | })
47 | };
48 |
49 | export default Logo;
50 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components/FAQFooter.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import globalStyles from "../../../utils/globalStyles";
4 |
5 | function FAQFooter() {
6 | return (
7 |
8 |
23 | );
24 | }
25 |
26 | const styles = {
27 | container: css({
28 | marginTop: "auto",
29 | height: 80,
30 | flexShrink: 0,
31 | display: "flex",
32 | flexDirection: "row",
33 | alignItems: "center",
34 | borderTop: "1px solid #EFECEF"
35 | }),
36 | text: css({
37 | fontSize: 12,
38 | lineHeight: "15px"
39 | }),
40 | infoLink: {
41 | color: globalStyles.colors.default,
42 | textDecoration: "underline",
43 | marginLeft: 8
44 | }
45 | };
46 |
47 | export default FAQFooter;
48 |
--------------------------------------------------------------------------------
/packages/api/src/configuration/__test__/index.spec.ts:
--------------------------------------------------------------------------------
1 | //
2 |
3 | import { getConfiguration } from "../configs";
4 |
5 | const validEnv = {
6 | API_PORT: "123456",
7 | API_SENTRY_DSN: "API_SENTRY_DSN",
8 | API_SENTRY_ENVIRONMENT: "API_SENTRY_ENVIRONMENT",
9 | KINTO_BUCKET: "KINTO_BUCKET",
10 | KINTO_LOGIN: "KINTO_LOGIN",
11 | KINTO_PASSWORD: "KINTO_PASSWORD",
12 | KINTO_SERVER: "KINTO_SERVER",
13 | MAIL_FROM: "MAIL_FROM",
14 | MAIL_HOST: "MAIL_HOST",
15 | MAIL_PASSWORD: "MAIL_PASSWORD",
16 | MAIL_PORT: "465",
17 | MAIL_USERNAME: "MAIL_USERNAME",
18 | MAIL_USE_TLS: "true"
19 | };
20 |
21 | it("should return the env configuration", () => {
22 | expect(getConfiguration(validEnv)).toMatchInlineSnapshot(`
23 | Object {
24 | "apiPort": 123456,
25 | "apiSentryDsn": "API_SENTRY_DSN",
26 | "apiSentryEnvironment": "API_SENTRY_ENVIRONMENT",
27 | "kintoBucket": "KINTO_BUCKET",
28 | "kintoLogin": "KINTO_LOGIN",
29 | "kintoPassword": "KINTO_PASSWORD",
30 | "kintoURL": "http://KINTO_SERVER:8888/v1",
31 | "mailFrom": "MAIL_FROM",
32 | "mailHost": "MAIL_HOST",
33 | "mailPassword": "MAIL_PASSWORD",
34 | "mailPort": 465,
35 | "mailUseTLS": true,
36 | "mailUsername": "MAIL_USERNAME",
37 | }
38 | `);
39 | });
40 |
--------------------------------------------------------------------------------
/packages/app/src/components/ActivityIndicator.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx, keyframes } from "@emotion/core";
3 |
4 | interface Props {
5 | size?: number;
6 | color?: string;
7 | }
8 |
9 | function ActivityIndicator({ size = 25, color = "#FFF" }: Props) {
10 | return (
11 |
9 |
10 | Vous n’avez pas trouvé l’aide que vous cherchiez ?
11 |
12 |
13 | 14 | 18 | Contactez votre référent égapro 19 | 20 | 21 |
22 | 13 | 14 | 18 | Contactez votre référent égapro 19 | 20 | 21 |
12 |
13 |
20 |
21 | );
22 | }
23 |
24 | const bounce = keyframes({
25 | "0%": {
26 | transform: "scale(0)"
27 | },
28 | "50%": {
29 | transform: "scale(1)"
30 | },
31 | "100%": {
32 | transform: "scale(0)"
33 | }
34 | });
35 |
36 | const stylesActivity = {
37 | container: css({
38 | position: "relative"
39 | }),
40 | round: css({
41 | position: "absolute",
42 | top: 0,
43 | left: 0,
44 | right: 0,
45 | bottom: 0,
46 |
47 | borderRadius: "50%",
48 | opacity: 0.6,
49 | animation: `${bounce} 2.0s infinite ease-in-out`
50 | }),
51 | round2: css({
52 | animationDelay: "-1.0s"
53 | })
54 | };
55 |
56 | export default ActivityIndicator;
57 |
--------------------------------------------------------------------------------
/packages/app/src/components/SimulatorLink.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactElement } from "react";
2 | import { RouteComponentProps, withRouter } from "react-router-dom";
3 |
4 | import ButtonLink from "./ButtonLink";
5 | import TextLink from "./TextLink";
6 |
7 | interface MatchParams {
8 | code: string;
9 | }
10 |
11 | interface SimulatorLinkProps extends RouteComponentProps
14 |
15 |
34 |
35 | );
36 | }
37 |
38 | const styles = {
39 | container: css({}),
40 | content: css({
41 | marginTop: 14,
42 | marginBottom: 14
43 | })
44 | };
45 |
46 | export default FAQHome;
47 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components/FAQCalculScale.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | interface Props {
5 | listTitle: string;
6 | list: Array
16 | {faqSectionsEntries.map(([faqKey, faqSection]) => {
17 | const questionsLength = faqSection.parts.reduce(
18 | (acc, part) => acc + faqData[part].qr.length,
19 | 0
20 | );
21 | return (
22 | 1 ? "s" : ""
28 | }`}
29 | />
30 | );
31 | })}
32 |
33 | | {listTitle} | 17 |{scaleTitle} | 18 |
|---|---|
| • {listEl} | 24 |{scale[index]} | 25 |
22 | Appliquer le barème pour obtenir votre note
23 |
24 |
31 | 15 |
16 | 17 |
45 | {children}
46 |
47 |
17 |
23 |
24 | );
25 | }
26 |
27 | const styles = {
28 | container: css({
29 | marginTop: 14,
30 | marginBottom: 14
31 | }),
32 | row: css({
33 | display: "flex",
34 | flexDirection: "row",
35 | alignItems: "flex-end",
36 | justifyContent: "space-between",
37 | marginBottom: 6
38 | }),
39 | title: css({
40 | fontSize: 12,
41 | fontWeight: "bold",
42 | lineHeight: "15px",
43 | color: globalStyles.colors.primary,
44 | textTransform: "uppercase"
45 | }),
46 | chevron: css({
47 | marginLeft: 14,
48 | lineHeight: "15px",
49 | color: globalStyles.colors.primary
50 | }),
51 | detail: css({
52 | fontSize: 14,
53 | lineHeight: "17px"
54 | }),
55 |
56 | link: css({
57 | color: globalStyles.colors.default,
58 | textDecoration: "none"
59 | })
60 | };
61 |
62 | export default FAQSectionRow;
63 |
--------------------------------------------------------------------------------
/packages/kinto/src/kinto-api.js:
--------------------------------------------------------------------------------
1 | const configs = require("./config");
2 | const btoa = require('btoa');
3 |
4 | const kintoURL = configs.kintoURL;
5 | const _account = (name) => `${kintoURL}/accounts/${name}`;
6 | const _buckets = () => `${kintoURL}/buckets`;
7 | const _bucket = (bucketName) => _buckets() + `/${bucketName}`;
8 | const _collections = (bucketName) => _bucket(bucketName) + `/collections`;
9 | const _requestOptions = (method, authorization, body) => {
10 | return {
11 | method: method,
12 | headers: header(authorization),
13 | body: JSON.stringify(body)
14 | }
15 | }
16 |
17 | const header = (authorisation) => {
18 | const header = new Headers();
19 | header.set("Content-Type", "application/json");
20 | if (authorisation) {
21 | header.set("Authorization", 'Basic ' + btoa(`${configs.adminLogin}:${configs.adminPassword}`));
22 | }
23 | return header;
24 | }
25 |
26 | const api = async (url, options) => {
27 | const response = await fetch(url, options);
28 | return response.json();
29 | }
30 |
31 | module.exports.createAdmin = async function (login, password) {
32 | const body = { data: { password: password } };
33 | return api(_account(login), _requestOptions('PUT', false, body));
34 | }
35 |
36 | module.exports.createBucket = async function (name) {
37 | const body = { data: { id: name } };
38 | return api(_buckets(), _requestOptions('POST', true, body));
39 | }
40 |
41 | module.exports.createCollection = async function (bucket, collection) {
42 | const body = { data: { id: collection } };
43 | return api(_collections(bucket), _requestOptions('POST', true, body));
44 | }
--------------------------------------------------------------------------------
/packages/app/src/views/Informations/InformationsResult.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | import { FormState, TrancheEffectifs } from "../../globals";
5 |
6 | import ResultBubble from "../../components/ResultBubble";
7 | import ActionLink from "../../components/ActionLink";
8 |
9 | interface Props {
10 | nomEntreprise: string;
11 | trancheEffectifs: TrancheEffectifs;
12 | debutPeriodeReference: string;
13 | finPeriodeReference: string;
14 | validateInformations: (valid: FormState) => void;
15 | }
16 |
17 | function InformationsResult({
18 | nomEntreprise,
19 | trancheEffectifs,
20 | debutPeriodeReference,
21 | finPeriodeReference,
22 | validateInformations
23 | }: Props) {
24 | return (
25 |
18 | {title}
19 | ›
20 |
21 | {detail}
22 |
26 |
41 | );
42 | }
43 |
44 | const styles = {
45 | container: css({
46 | maxWidth: 250,
47 | marginTop: 64
48 | }),
49 | edit: css({
50 | marginTop: 14,
51 | marginBottom: 14,
52 | textAlign: "center"
53 | })
54 | };
55 |
56 | export default InformationsResult;
57 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components-detail-calcul/FAQIndicateur4DetailCalcul.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { Fragment } from "react";
4 |
5 | import { IconText } from "../../../components/Icons";
6 |
7 | import FAQStep from "../components/FAQStep";
8 | import FAQCalculScale from "../components/FAQCalculScale";
9 | import FAQTitle3 from "../components/FAQTitle3";
10 |
11 | function FAQIndicateur4DetailCalcul() {
12 | return (
13 |
36 |
27 | Appliquer le barème pour obtenir votre note
28 |
29 |
36 |
24 |
39 | );
40 | }
41 |
42 | const styles = {
43 | container: css({
44 | display: "flex",
45 | flexDirection: "column",
46 | alignItems: "flex-start"
47 | }),
48 | error: css({
49 | display: "flex",
50 | alignItems: "center",
51 | marginTop: 4,
52 | padding: "8px 12px",
53 | backgroundColor: "white",
54 | border: `solid ${globalStyles.colors.error} 1px`,
55 | borderRadius: 5,
56 | color: globalStyles.colors.error,
57 | fontSize: 12
58 | }),
59 | icon: css({
60 | height: 20,
61 | marginRight: 10
62 | })
63 | };
64 |
65 | export default FormSubmit;
66 |
--------------------------------------------------------------------------------
/packages/app/src/components/InfoBloc.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { ReactNode } from "react";
4 |
5 | import globalStyles from "../utils/globalStyles";
6 |
7 | import { IconWarning, IconCircleCross } from "./Icons";
8 | import { useColumnsWidth, useLayoutType } from "./GridContext";
9 |
10 | interface Props {
11 | title: string;
12 | text?: ReactNode;
13 | icon?: "warning" | "cross" | null;
14 | }
15 |
16 | function InfoBloc({ title, text, icon = "warning" }: Props) {
17 | const layoutType = useLayoutType();
18 | const width = useColumnsWidth(layoutType === "desktop" ? 6 : 7);
19 | return (
20 |
32 |
37 | )}
38 |
33 |
35 | {errorMessage}
36 |
21 | {icon === null ? null : (
22 |
32 | );
33 | }
34 |
35 | const styles = {
36 | bloc: css({
37 | padding: "12px 18px",
38 | display: "flex",
39 | alignItems: "center",
40 | border: `2px solid ${globalStyles.colors.primary}`,
41 | borderRadius: 5
42 | }),
43 | blocTitle: css({
44 | fontSize: 18,
45 | lineHeight: "22px",
46 | color: globalStyles.colors.primary
47 | }),
48 | blocIcon: {
49 | marginRight: 22,
50 | color: globalStyles.colors.primary
51 | },
52 | blocText: css({
53 | marginTop: 4,
54 | fontSize: 14,
55 | lineHeight: "17px",
56 | color: globalStyles.colors.primary
57 | })
58 | };
59 |
60 | export default InfoBloc;
61 |
--------------------------------------------------------------------------------
/packages/api/src/configuration/configs.ts:
--------------------------------------------------------------------------------
1 | const asString = (
2 | env: typeof process.env,
3 | arg: string,
4 | defaultValue: string
5 | ): string => {
6 | const res = env[arg];
7 | if (!res) {
8 | return defaultValue;
9 | }
10 | return res;
11 | };
12 |
13 | const asNumber = (
14 | env: typeof process.env,
15 | arg: string,
16 | defaultValue: number
17 | ): number => {
18 | const res = env[arg];
19 | if (!res) {
20 | return defaultValue;
21 | }
22 | return Number.parseInt(res, 10);
23 | };
24 |
25 | const asBoolean = (
26 | env: typeof process.env,
27 | arg: string,
28 | defaultValue: boolean
29 | ): boolean => {
30 | const res = env[arg];
31 | if (!res) {
32 | return defaultValue;
33 | }
34 | return "true" === res ? true : false;
35 | };
36 |
37 | export const getConfiguration = (env: typeof process.env) => ({
38 | apiPort: asNumber(env, "API_PORT", 4000),
39 | apiSentryDsn: asString(env, "API_SENTRY_DSN", ""),
40 | apiSentryEnvironment: asString(env, "API_SENTRY_ENVIRONMENT", "development"),
41 |
42 | kintoBucket: asString(env, "KINTO_BUCKET", "egapro"),
43 | kintoLogin: asString(env, "KINTO_LOGIN", "admin"),
44 | kintoPassword: asString(env, "KINTO_PASSWORD", "passw0rd"),
45 | kintoURL: `http://${asString(env, "KINTO_SERVER", "localhost")}:8888/v1`,
46 |
47 | mailFrom: asString(
48 | env,
49 | "MAIL_FROM",
50 | "Index EgaPro
23 | {icon === "cross" ?
25 | )}
26 |
27 |
28 |
31 | {title}
29 | {text &&{text}
} 30 |
22 |
41 | );
42 | }
43 |
44 | const styles = {
45 | container: css({
46 | display: "flex",
47 | flexDirection: "column"
48 | }),
49 | content: css({
50 | marginTop: 28,
51 | marginBottom: 14,
52 | display: "flex",
53 | flexDirection: "column"
54 | }),
55 | part: css({
56 | marginTop: 14
57 | })
58 | };
59 |
60 | export default FAQSearch;
61 |
--------------------------------------------------------------------------------
/k8s/kinto/deployment-prod.yml:
--------------------------------------------------------------------------------
1 | ---
2 | apiVersion: extensions/v1beta1
3 | kind: Deployment
4 | metadata:
5 | name: kinto${HASH_BRANCH_NAME}
6 | spec:
7 | replicas: 1
8 | template:
9 | metadata:
10 | labels:
11 | app: kinto${HASH_BRANCH_NAME}
12 | branch: egapro${HASH_BRANCH_NAME}
13 | spec:
14 | containers:
15 | - name: kinto
16 | image: kinto/kinto-server
17 | imagePullPolicy: "IfNotPresent"
18 | ports:
19 | - containerPort: 8888
20 | env:
21 | - name: KINTO_CACHE_BACKEND
22 | value: "kinto.core.cache.memcached"
23 | - name: KINTO_CACHE_HOSTS
24 | value: "cache${HASH_BRANCH_NAME}:${CACHE_PORT} cache${HASH_BRANCH_NAME}:${CACHE_PORT}"
25 | - name: KINTO_STORAGE_BACKEND
26 | value: "kinto.core.storage.postgresql"
27 | - name: KINTO_STORAGE_URL
28 | value: "postgresql://${POSTGRES_API_USER}:${POSTGRES_API_USER_PASSWORD}@${POSTGRES_HOST}/postgres"
29 | - name: KINTO_PERMISSION_BACKEND
30 | value: "kinto.core.permission.postgresql"
31 | - name: KINTO_PERMISSION_URL
32 | value: "postgresql://${POSTGRES_API_USER}:${POSTGRES_API_USER_PASSWORD}@${POSTGRES_HOST}/postgres"
33 | initContainers:
34 | - name: wait-for-postgres
35 | image: postgres:11-alpine
36 | imagePullPolicy: Always
37 | command:
38 | - sh
39 | - -c
40 | - |
41 | retry=120; # 5s * (12 * 10) = 10min
42 | while ! pg_isready -h ${POSTGRES_HOST} > /dev/null 2> /dev/null && [[ $(( retry-- )) -gt 0 ]];
43 | do
44 | echo "Waiting for Postgres to go Green ($(( retry )))" ; sleep 5s ; done ;
45 | echo Ready;
46 |
--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
1 | ---
2 | version: "3.2"
3 |
4 | services:
5 | egapro-frontend:
6 | build:
7 | context: .
8 | dockerfile: ./packages/app/Dockerfile
9 | env_file: .env
10 | environment:
11 | REACT_APP_API_URL: http://egapro-api:4000
12 | depends_on:
13 | - egapro-api
14 | ports:
15 | - 8080:9000
16 | links:
17 | - egapro-api
18 |
19 | egapro-api:
20 | build:
21 | context: .
22 | dockerfile: ./packages/api/Dockerfile
23 | env_file: .env
24 | environment:
25 | KINTO_SERVER: kinto-server
26 | depends_on:
27 | - init-kinto
28 | links:
29 | - kinto-server
30 |
31 | db:
32 | image: postgres
33 | environment:
34 | POSTGRES_USER: postgres
35 | POSTGRES_PASSWORD: postgres
36 | volumes:
37 | - egapro-pgdata:/var/lib/postgresql/data
38 |
39 | cache:
40 | image: library/memcached
41 |
42 | kinto-server:
43 | image: kinto/kinto-server
44 | links:
45 | - db
46 | - cache
47 | ports:
48 | - "8888:8888"
49 | environment:
50 | KINTO_CACHE_BACKEND: kinto.core.cache.memcached
51 | KINTO_CACHE_HOSTS: cache:11211 cache:11212
52 | KINTO_STORAGE_BACKEND: kinto.core.storage.postgresql
53 | KINTO_STORAGE_URL: postgresql://postgres:postgres@db/postgres
54 | KINTO_PERMISSION_BACKEND: kinto.core.permission.postgresql
55 | KINTO_PERMISSION_URL: postgresql://postgres:postgres@db/postgres
56 |
57 | init-kinto:
58 | build:
59 | context: ./packages/kinto/
60 | env_file: .env
61 | links:
62 | - kinto-server
63 | - db
64 | - cache
65 | depends_on:
66 | - db
67 | - kinto-server
68 | - cache
69 |
70 | volumes:
71 | egapro-pgdata:
72 |
--------------------------------------------------------------------------------
/k8s/kinto/deployment.yml:
--------------------------------------------------------------------------------
1 | ---
2 | apiVersion: extensions/v1beta1
3 | kind: Deployment
4 | metadata:
5 | name: kinto${HASH_BRANCH_NAME}
6 | spec:
7 | replicas: 1
8 | template:
9 | metadata:
10 | labels:
11 | app: kinto${HASH_BRANCH_NAME}
12 | branch: egapro${HASH_BRANCH_NAME}
13 | spec:
14 | containers:
15 | - name: kinto
16 | image: kinto/kinto-server:13.1.1
17 | imagePullPolicy: "IfNotPresent"
18 | ports:
19 | - containerPort: 8888
20 | env:
21 | - name: KINTO_CACHE_BACKEND
22 | value: "kinto.core.cache.memcached"
23 | - name: KINTO_CACHE_HOSTS
24 | value: "cache${HASH_BRANCH_NAME}:${CACHE_PORT} cache${HASH_BRANCH_NAME}:${CACHE_PORT}"
25 | - name: KINTO_STORAGE_BACKEND
26 | value: "kinto.core.storage.postgresql"
27 | - name: KINTO_STORAGE_URL
28 | value: "postgresql://${POSTGRES_API_USER}:${POSTGRES_API_USER_PASSWORD}@postgres${HASH_BRANCH_NAME}/postgres"
29 | - name: KINTO_PERMISSION_BACKEND
30 | value: "kinto.core.permission.postgresql"
31 | - name: KINTO_PERMISSION_URL
32 | value: "postgresql://${POSTGRES_API_USER}:${POSTGRES_API_USER_PASSWORD}@postgres${HASH_BRANCH_NAME}/postgres"
33 | initContainers:
34 | - name: wait-for-postgres
35 | image: postgres:11-alpine
36 | imagePullPolicy: Always
37 | command:
38 | - sh
39 | - -c
40 | - |
41 | retry=120; # 5s * (12 * 10) = 10min
42 | while ! pg_isready -h postgres${HASH_BRANCH_NAME} > /dev/null 2> /dev/null && [[ $(( retry-- )) -gt 0 ]];
43 | do
44 | echo "Waiting for Postgres to go Green ($(( retry )))" ; sleep 5s ; done ;
45 | echo Ready;
46 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components-steps/FAQIndicateur2Steps.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { jsx } from "@emotion/core";
3 | import { Fragment } from "react";
4 |
5 | import { IconLamp, IconMoney, IconGrow } from "../../../components/Icons";
6 | import FAQStep from "../components/FAQStep";
7 |
8 | function FAQIndicateur2Steps() {
9 | return (
10 |
28 | {fuseResults ? (
29 | fuseResults.map(({ item: { part, title, index, question } }) => (
30 |
39 | )}
40 |
31 | {title}
32 |
34 | ))
35 | ) : (
36 | Pas de résultat
37 | )} 38 |15 |
16 | 17 |
24 |
45 | );
46 | }
47 |
48 | const styles = {
49 | container: css({
50 | maxWidth: 250,
51 | marginTop: 64
52 | }),
53 | edit: css({
54 | marginTop: 14,
55 | marginBottom: 14,
56 | textAlign: "center"
57 | })
58 | };
59 |
60 | export default IndicateurQuatreResult;
61 |
--------------------------------------------------------------------------------
/packages/app/src/components/Page.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { ReactNode } from "react";
4 |
5 | import globalStyles from "../utils/globalStyles";
6 |
7 | import { useColumnsWidth, useLayoutType } from "./GridContext";
8 |
9 | interface Props {
10 | title: string;
11 | tagline?: string | Array
40 |
20 |
35 | );
36 | }
37 |
38 | const styles = {
39 | page: css({
40 | display: "flex",
41 | flexDirection: "column",
42 | marginRight: globalStyles.grid.gutterWidth,
43 | marginLeft: globalStyles.grid.gutterWidth,
44 | marginBottom: globalStyles.grid.gutterWidth,
45 | "@media print": {
46 | display: "block",
47 | marginRight: 0
48 | }
49 | }),
50 | title: css({
51 | marginTop: 36,
52 | fontSize: 32,
53 | lineHeight: "39px",
54 | fontWeight: "normal",
55 | marginLeft: 0,
56 | marginRight: 0,
57 | marginBottom: 0
58 | }),
59 | tagline: css({
60 | marginTop: 12,
61 | fontSize: 14,
62 | lineHeight: "17px"
63 | }),
64 | spacer: css({
65 | height: 54
66 | })
67 | };
68 |
69 | export default Page;
70 |
--------------------------------------------------------------------------------
/packages/api/src/repository/kinto-api.ts:
--------------------------------------------------------------------------------
1 | import btoa = require("btoa");
2 | import fetch, { RequestInit } from "node-fetch";
3 | import { configuration } from "../configuration";
4 | import { logger } from "../util";
5 |
6 | const headers = {
7 | // tslint:disable-next-line: object-literal-key-quotes
8 | Authorization:
9 | "Basic " +
10 | btoa(`${configuration.kintoLogin}:${configuration.kintoPassword}`),
11 | "Content-Type": "application/json"
12 | };
13 |
14 | const bucket = `${configuration.kintoURL}/buckets/${configuration.kintoBucket}`;
15 | const collections = (name: string) => bucket + `/collections/${name}`;
16 | const records = (name: string) => collections(name) + "/records";
17 |
18 | const requestOptions = (method: "GET" | "POST" | "PUT", body?: any) => {
19 | const options: any = {
20 | headers,
21 | method
22 | };
23 | if (body) {
24 | options.body = JSON.stringify(body);
25 | }
26 | return options;
27 | };
28 |
29 | type CollectionFn =
21 |
32 |
33 | {children}
34 | {title}
22 | {tagline && Array.isArray(tagline) ? ( 23 | tagline.map((tl, index) => ( 24 |25 | {tl} 26 |
27 | )) 28 | ) : ( 29 |{tagline}
30 | )} 31 |25 | Ne sont pas pris en compte dans les effectifs : 26 |
27 |-
28 |
- • les apprentis et les contrats de professionnalisation 29 |
- 30 | • les salariés mis à la disposition de l'entreprise par une 31 | entreprise extérieure (dont les intérimaires) 32 | 33 |
- • les expatriés 34 |
- • les salariés en pré-retraite 35 |
- 36 | • les salariés absents plus de 6 mois sur la période de référence 37 | (arrêt maladie, congés sans solde, cdd <6mois etc.). 38 | 39 |
26 |
47 | );
48 | }
49 |
50 | const styles = {
51 | container: css({
52 | maxWidth: 250,
53 | marginTop: 64
54 | }),
55 | edit: css({
56 | marginTop: 14,
57 | marginBottom: 14,
58 | textAlign: "center"
59 | })
60 | };
61 |
62 | export default IndicateurUnResult;
63 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components-steps/FAQIndicateur2et3Steps.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { Fragment } from "react";
4 |
5 | import { IconLamp, IconGrow } from "../../../components/Icons";
6 | import FAQStep from "../components/FAQStep";
7 |
8 | function FAQIndicateur2et3Steps() {
9 | return (
10 |
42 |
15 |
16 | 17 |
L’indicateur n’est pas calculable :
38 |-
39 |
- 40 | • Si aucune augmentation individuelle n'est intervenue au cours de 41 | la période de référence, 42 | 43 |
- 44 | • Ou si l’effectif pris en compte pour le calcul des indicateurs ne 45 | comporte pas au moins 5 femmes et 5 hommes. 46 | 47 |
25 | {faqPart.title}
26 |
27 |
42 | );
43 | }
44 |
45 | const styles = {
46 | container: css({}),
47 | content: css({
48 | marginBottom: 14
49 | }),
50 | question: css({
51 | marginBottom: 12,
52 | fontWeight: "bold",
53 | fontSize: 14,
54 | lineHeight: "17px"
55 | }),
56 | responseBloc: css({
57 | paddingLeft: 15,
58 | marginBottom: 12
59 | }),
60 | responseRow: css({
61 | marginBottom: 4,
62 | fontSize: 14,
63 | lineHeight: "17px"
64 | }),
65 |
66 | button: css({
67 | fontSize: 12,
68 | textDecoration: "none"
69 | }),
70 | buttonIcon: css({
71 | fontSize: 8,
72 | fontFamily: "Segoe UI Symbol" // fix Edge
73 | })
74 | };
75 |
76 | export default FAQSection;
77 |
--------------------------------------------------------------------------------
/packages/app/src/views/Indicateur2et3/IndicateurDeuxTroisResult.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | import { FormState } from "../../globals.d";
5 | import { displaySexeSurRepresente } from "../../utils/helpers";
6 | import { Result } from "./IndicateurDeuxTrois";
7 |
8 | import ResultBubble from "../../components/ResultBubble";
9 | import ActionLink from "../../components/ActionLink";
10 |
11 | interface Props {
12 | bestResult: Result;
13 | indicateurSexeSurRepresente: "hommes" | "femmes" | undefined;
14 | noteIndicateurDeuxTrois: number | undefined;
15 | correctionMeasure: boolean;
16 | validateIndicateurDeuxTrois: (valid: FormState) => void;
17 | }
18 |
19 | function IndicateurDeuxTroisResult({
20 | bestResult,
21 | indicateurSexeSurRepresente,
22 | noteIndicateurDeuxTrois,
23 | correctionMeasure,
24 | validateIndicateurDeuxTrois
25 | }: Props) {
26 | return (
27 |
28 | history.goBack()}>
38 | ◀ ︎retour aux questions
39 |
40 |
41 | • {faqQuestion.question}
29 |
30 | {faqQuestion.reponse.map((reponsePara, index) => (
31 |
36 |
37 | 32 | {reponsePara} 33 |
34 | ))} 35 |
28 |
52 | );
53 | }
54 |
55 | const styles = {
56 | container: css({
57 | maxWidth: 250,
58 | marginTop: 64
59 | }),
60 | edit: css({
61 | marginTop: 14,
62 | marginBottom: 14,
63 | textAlign: "center"
64 | })
65 | };
66 |
67 | export default IndicateurDeuxTroisResult;
68 |
--------------------------------------------------------------------------------
/packages/app/src/utils/calculsEgaProIndex.tsx:
--------------------------------------------------------------------------------
1 | import { TrancheEffectifs } from "../globals";
2 |
3 | ///////////
4 | // Index //
5 | ///////////
6 |
7 | export const calculNoteIndex = (
8 | trancheEffectifs: TrancheEffectifs,
9 | noteIndicateurUn: number | undefined,
10 | noteIndicateurDeux: number | undefined,
11 | noteIndicateurTrois: number | undefined,
12 | noteIndicateurDeuxTrois: number | undefined,
13 | noteIndicateurQuatre: number | undefined,
14 | noteIndicateurCinq: number | undefined
15 | ): { noteIndex: number | undefined; totalPointCalculable: number } => {
16 | const noteIndicateurUnPointCalculable =
17 | noteIndicateurUn !== undefined ? 40 : 0;
18 | const noteIndicateurDeuxPointCalculable =
19 | noteIndicateurDeux !== undefined ? 20 : 0;
20 | const noteIndicateurTroisPointCalculable =
21 | noteIndicateurTrois !== undefined ? 15 : 0;
22 | const noteIndicateurDeuxTroisPointCalculable =
23 | noteIndicateurDeuxTrois !== undefined ? 35 : 0;
24 | const noteIndicateurQuatrePointCalculable =
25 | noteIndicateurQuatre !== undefined ? 15 : 0;
26 | const noteIndicateurCinqPointCalculable =
27 | noteIndicateurCinq !== undefined ? 10 : 0;
28 |
29 | const totalPointCalculable =
30 | noteIndicateurUnPointCalculable +
31 | (trancheEffectifs !== "50 à 250"
32 | ? noteIndicateurDeuxPointCalculable + noteIndicateurTroisPointCalculable
33 | : noteIndicateurDeuxTroisPointCalculable) +
34 | noteIndicateurQuatrePointCalculable +
35 | noteIndicateurCinqPointCalculable;
36 |
37 | if (totalPointCalculable < 75) {
38 | return {
39 | noteIndex: undefined,
40 | totalPointCalculable
41 | };
42 | }
43 |
44 | const totalPoint =
45 | (noteIndicateurUn || 0) +
46 | (trancheEffectifs !== "50 à 250"
47 | ? (noteIndicateurDeux || 0) + (noteIndicateurTrois || 0)
48 | : noteIndicateurDeuxTrois || 0) +
49 | (noteIndicateurQuatre || 0) +
50 | (noteIndicateurCinq || 0);
51 |
52 | const noteIndex = Math.round((totalPoint * 100) / totalPointCalculable);
53 |
54 | return {
55 | noteIndex,
56 | totalPointCalculable
57 | };
58 | };
59 |
--------------------------------------------------------------------------------
/packages/app/src/views/Indicateur2/IndicateurDeuxResult.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | import { FormState } from "../../globals.d";
5 |
6 | import { displayPercent, displaySexeSurRepresente } from "../../utils/helpers";
7 |
8 | import ResultBubble from "../../components/ResultBubble";
9 | import ActionLink from "../../components/ActionLink";
10 |
11 | interface Props {
12 | indicateurEcartAugmentation: number | undefined;
13 | indicateurSexeSurRepresente: "hommes" | "femmes" | undefined;
14 | noteIndicateurDeux: number | undefined;
15 | correctionMeasure: boolean;
16 | validateIndicateurDeux: (valid: FormState) => void;
17 | }
18 |
19 | function IndicateurDeuxResult({
20 | indicateurEcartAugmentation,
21 | indicateurSexeSurRepresente,
22 | noteIndicateurDeux,
23 | correctionMeasure,
24 | validateIndicateurDeux
25 | }: Props) {
26 | return (
27 |
47 |
28 |
54 | );
55 | }
56 |
57 | const styles = {
58 | container: css({
59 | maxWidth: 250,
60 | marginTop: 64
61 | }),
62 | edit: css({
63 | marginTop: 14,
64 | marginBottom: 14,
65 | textAlign: "center"
66 | })
67 | };
68 |
69 | export default IndicateurDeuxResult;
70 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components/FAQSearchBox.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | import globalStyles from "../../../utils/globalStyles";
5 |
6 | import { IconSearch, IconClose } from "../../../components/Icons";
7 |
8 | interface Props {
9 | searchTerm: string;
10 | setSearchTerm: (searchTerm: string) => void;
11 | }
12 |
13 | function FAQSearchBox({ searchTerm, setSearchTerm }: Props) {
14 | const onChange = (event: any) => setSearchTerm(event.target.value);
15 | return (
16 |
49 |
17 | {searchTerm !== "" ? (
18 |
39 | );
40 | }
41 |
42 | const styles = {
43 | container: css({
44 | position: "relative"
45 | }),
46 | input: css({
47 | appearance: "none",
48 | height: 52,
49 | paddingLeft: 52,
50 | paddingRight: 26,
51 | border: `solid ${globalStyles.colors.primary} 1px`,
52 | borderRadius: 0,
53 | width: "100%",
54 | fontSize: 14,
55 | fontWeight: "bold",
56 | color: globalStyles.colors.primary,
57 | "::placeholder": {
58 | fontWeight: "normal",
59 | color: globalStyles.colors.primary
60 | },
61 | "::-webkit-search-cancel-button": {
62 | WebkitAppearance: "none"
63 | }
64 | }),
65 | icon: css({
66 | height: 52,
67 | width: 52,
68 | position: "absolute",
69 | top: 0,
70 | left: 0,
71 | display: "flex",
72 | alignItems: "center",
73 | justifyContent: "center"
74 | }),
75 | iconEnabled: css({
76 | cursor: "pointer"
77 | }),
78 | iconDisabled: css({
79 | pointerEvents: "none"
80 | })
81 | };
82 |
83 | export default FAQSearchBox;
84 |
--------------------------------------------------------------------------------
/packages/app/src/views/Indicateur3/IndicateurTroisResult.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | import { FormState } from "../../globals.d";
5 | import { displayPercent, displaySexeSurRepresente } from "../../utils/helpers";
6 |
7 | import ResultBubble from "../../components/ResultBubble";
8 | import ActionLink from "../../components/ActionLink";
9 |
10 | interface Props {
11 | indicateurEcartPromotion: number | undefined;
12 | indicateurSexeSurRepresente: "hommes" | "femmes" | undefined;
13 | noteIndicateurTrois: number | undefined;
14 | correctionMeasure: boolean;
15 | validateIndicateurTrois: (valid: FormState) => void;
16 | }
17 |
18 | function IndicateurTroisResult({
19 | indicateurEcartPromotion,
20 | indicateurSexeSurRepresente,
21 | noteIndicateurTrois,
22 | correctionMeasure,
23 | validateIndicateurTrois
24 | }: Props) {
25 | return (
26 | setSearchTerm("")}
21 | >
22 |
24 | ) : (
25 |
26 |
28 | )}
29 |
30 |
38 |
27 |
54 | );
55 | }
56 |
57 | const styles = {
58 | container: css({
59 | maxWidth: 250,
60 | marginTop: 64
61 | }),
62 | edit: css({
63 | marginTop: 14,
64 | marginBottom: 14,
65 | textAlign: "center"
66 | })
67 | };
68 |
69 | export default IndicateurTroisResult;
70 |
--------------------------------------------------------------------------------
/packages/app/src/views/Indicateur1/IndicateurUnCsp/IndicateurUnCsp.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { jsx } from "@emotion/core";
3 | import { useCallback } from "react";
4 |
5 | import {
6 | AppState,
7 | FormState,
8 | ActionType,
9 | ActionIndicateurUnCspData
10 | } from "../../../globals";
11 |
12 | import calculIndicateurUn from "../../../utils/calculsEgaProIndicateurUn";
13 |
14 | import LayoutFormAndResult from "../../../components/LayoutFormAndResult";
15 |
16 | import IndicateurUnCspForm from "./IndicateurUnCspForm";
17 | import IndicateurUnResult from "../IndicateurUnResult";
18 |
19 | interface Props {
20 | state: AppState;
21 | dispatch: (action: ActionType) => void;
22 | }
23 |
24 | function IndicateurUnCsp({ state, dispatch }: Props) {
25 | const updateIndicateurUn = useCallback(
26 | (data: ActionIndicateurUnCspData) =>
27 | dispatch({ type: "updateIndicateurUnCsp", data }),
28 | [dispatch]
29 | );
30 |
31 | const validateIndicateurUn = useCallback(
32 | (valid: FormState) => dispatch({ type: "validateIndicateurUn", valid }),
33 | [dispatch]
34 | );
35 |
36 | const {
37 | effectifEtEcartRemuParTrancheCsp,
38 | indicateurEcartRemuneration,
39 | indicateurSexeSurRepresente,
40 | noteIndicateurUn
41 | } = calculIndicateurUn(state);
42 |
43 | return (
44 |
49 |
30 | {label}
31 | {loading && (
32 |
37 | );
38 | }
39 |
40 | const styles = {
41 | button: css({
42 | display: "flex",
43 | alignItems: "center",
44 | justifyContent: "center",
45 | height: 36,
46 | minWidth: 110,
47 | padding: "0 10px",
48 | backgroundColor: globalStyles.colors.primary,
49 | color: "#FFF",
50 | border: `solid ${globalStyles.colors.primary} 1px`,
51 | borderRadius: 5,
52 | cursor: "pointer",
53 | position: "relative",
54 | background:
55 | "linear-gradient(64.86deg, #696CD1 0%, #696CD1 51%, #191A49 100%)",
56 | backgroundSize: "200%",
57 | transition: "background-position 350ms ease-in-out"
58 | }),
59 | buttonHover: css({
60 | ":hover": {
61 | backgroundPosition: "right center"
62 | }
63 | }),
64 | buttonOutline: css({
65 | color: globalStyles.colors.primary,
66 | backgroundColor: "#FFF",
67 | background: "none"
68 | }),
69 | buttonError: css({
70 | color: globalStyles.colors.error,
71 | borderColor: globalStyles.colors.error,
72 | backgroundColor: "#FFF",
73 | background: "none"
74 | }),
75 |
76 | loader: css({
77 | position: "absolute",
78 | top: 0,
79 | left: 0,
80 | right: 0,
81 | bottom: 0,
82 |
83 | display: "flex",
84 | alignItems: "center",
85 | justifyContent: "center"
86 | }),
87 |
88 | textLoading: css({
89 | visibility: "hidden"
90 | })
91 | };
92 |
93 | export default Button;
94 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components-steps/FAQResultatSteps.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { Fragment } from "react";
4 |
5 | import { IconLamp } from "../../../components/Icons";
6 | import FAQStep from "../components/FAQStep";
7 |
8 | function FAQResultatSteps() {
9 | return (
10 |
33 |
35 | )}
36 | 24 | Si l’entreprise obtient moins de 75 points, elle devra mettre en oeuvre 25 | des mesures de correction lui permettant d’atteindre au moins 75 points 26 | dans un délai 3 ans. 27 |
28 |29 | Les mesures prises seront définies : 30 |
31 |-
32 |
- 33 | • dans le cadre de la négociation relative à l’égalité 34 | professionnelle 35 | 36 |
- 37 | • ou à défaut d’accord, par décision unilatérale de l’employeur et après 38 | consultation du comité social et économique. Cette décision devra être déposée 39 | auprès des services de la Direccte. Elle pourra être intégrée au plan d’action 40 | devant être établi à défaut d’accord relatif à l’égalité professionnelle. 41 | 42 |
32 |
60 | );
61 | }
62 |
63 | const styles = {
64 | container: css({
65 | maxWidth: 250,
66 | marginTop: 64
67 | }),
68 | edit: css({
69 | marginTop: 14,
70 | marginBottom: 14,
71 | textAlign: "center"
72 | })
73 | };
74 |
75 | export default IndicateurCinqResult;
76 |
--------------------------------------------------------------------------------
/k8s/api/deployment.yml:
--------------------------------------------------------------------------------
1 | ---
2 | kind: Deployment
3 | apiVersion: apps/v1
4 | metadata:
5 | name: egapro-api${HASH_BRANCH_NAME}
6 | labels:
7 | app: egapro-api${HASH_BRANCH_NAME}
8 | branch: egapro${HASH_BRANCH_NAME}
9 | spec:
10 | replicas: 1
11 | selector:
12 | matchLabels:
13 | app: egapro-api${HASH_BRANCH_NAME}
14 | template:
15 | metadata:
16 | labels:
17 | app: egapro-api${HASH_BRANCH_NAME}
18 | spec:
19 | containers:
20 | - image: ${EGAPRO_REGISTRY}/api:${IMAGE_TAG}
21 | name: egapro-api
22 | ports:
23 | - containerPort: ${PORT}
24 | env:
25 | - name: API_PORT
26 | value: "${PORT}"
27 | - name: KINTO_SERVER
28 | value: "kinto${HASH_BRANCH_NAME}"
29 | - name: KINTO_BUCKET
30 | value: "egapro"
31 | - name: KINTO_LOGIN
32 | valueFrom:
33 | secretKeyRef:
34 | name: egapro-secret
35 | key: KINTO_ADMIN_LOGIN
36 | - name: KINTO_PASSWORD
37 | valueFrom:
38 | secretKeyRef:
39 | name: egapro-secret
40 | key: KINTO_ADMIN_PASSWORD
41 | - name: MAIL_USE_TLS
42 | valueFrom:
43 | secretKeyRef:
44 | name: egapro-secret
45 | key: MAIL_USE_TLS
46 | - name: MAIL_PORT
47 | valueFrom:
48 | secretKeyRef:
49 | name: egapro-secret
50 | key: MAIL_PORT
51 | - name: MAIL_FROM
52 | value: "Index EgaPro
55 |
16 |
23 | );
24 | }
25 |
26 | const styles = {
27 | mobileLayout: css({
28 | overflow: "hidden",
29 | position: "fixed",
30 | top: 0,
31 | bottom: 0,
32 | left: 0,
33 | right: 0,
34 |
35 | display: "flex",
36 | flexDirection: "column",
37 |
38 | /* *** /!\ *** */
39 | flexGrow: 0,
40 | flexShrink: 1,
41 | flexBasis: globalStyles.grid.maxWidth - 375,
42 | minWidth: 0,
43 | /*
44 | Fix issue with IE11
45 | the intention would be something like:
46 |
47 | flexGrow: 1,
48 | flexShrink: 1,
49 | flexBasis: "auto",
50 | maxWidth: globalStyles.grid.maxWidth - 375,
51 |
52 | but the code above is a workaround described here:
53 | https://github.com/philipwalton/flexbugs#flexbug-17
54 | */
55 |
56 | background:
57 | "linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #EFF0FA",
58 |
59 | "@media print": {
60 | display: "block"
61 | }
62 | }),
63 | scroll: css({
64 | overflowY: "auto",
65 | WebkitOverflowScrolling: "touch",
66 | flexGrow: 1,
67 | flexShrink: 1,
68 | flexBasis: "0%",
69 | position: "relative"
70 | }),
71 | faq: css({
72 | position: "absolute",
73 | top: 0,
74 | bottom: 0,
75 | left: 0,
76 | right: 0,
77 | display: "flex",
78 | flexDirection: "column",
79 |
80 | visibility: "hidden",
81 | transform: "translate3d(100%, 0, 0)",
82 | transition: "visibility 0ms linear 250ms, transform 250ms ease-in-out",
83 |
84 | boxShadow: "0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)"
85 | }),
86 | faqOpen: css({
87 | visibility: "visible",
88 | transform: "translate3d(0%, 0, 0)",
89 | transitionDelay: "0ms"
90 | })
91 | };
92 |
93 | export default MobileLayout;
94 |
--------------------------------------------------------------------------------
/k8s/scripts/delete-k8s-objects.py:
--------------------------------------------------------------------------------
1 | from subprocess import check_output
2 | import hashlib
3 |
4 | # This script compares the active remote branches and active k8s tags.
5 | # If a k8s tag doesn't match an active hashed remote branches name's, we delete all the k8s objects with this k8s tag.
6 |
7 | def get_active_branches():
8 | active_branche_list = []
9 | raw_active_branche = check_output('git branch -r', shell=True)
10 | for active_branch in raw_active_branche.decode('utf-8').split('\n'):
11 | if active_branch and not active_branch.startswith('*') and active_branch.strip() != 'origin/master' and active_branch.strip() != 'origin/HEAD -> origin/master':
12 | active_branch = active_branch.replace('origin/','').replace('/','-').strip()
13 | active_hash_branch = hashlib.sha1(active_branch.strip().encode())
14 | active_branche_list.append(active_hash_branch.hexdigest()[:5])
15 | return active_branche_list
16 |
17 | def get_active_k8s_tags():
18 | active_k8s_tag_list = []
19 | raw_k8s_tag_list = check_output("kubectl get deployments -o go-template --template '{{range .items}}{{.metadata.labels.branch}}{{end}}'", shell=True)
20 | for active_k8s_tag in raw_k8s_tag_list.decode('utf-8').replace('
17 |
19 |
20 |
22 |
35 |
41 |
42 | 36 | {firstLineLabel} 37 | {firstLineData} 38 |
39 | {firstLineInfo &&{firstLineInfo}
} 40 |
43 |
49 | 44 | {secondLineLabel} 45 | {secondLineData} 46 |
47 | {secondLineInfo &&{secondLineInfo}
} 48 |
43 |
47 |
49 | );
50 |
51 | return container ? ReactDOM.createPortal(child, container) : null;
52 | }
53 |
54 | const styles = {
55 | container: css({
56 | position: "absolute",
57 | top: 0,
58 | left: 0,
59 | right: 0,
60 | bottom: 0,
61 |
62 | display: "flex",
63 |
64 | visibility: "hidden",
65 | transition: "visibility 0ms linear 250ms"
66 | }),
67 | containerOpen: css({
68 | visibility: "visible",
69 | transitionDelay: "0ms"
70 | }),
71 | overlay: css({
72 | position: "absolute",
73 | top: 0,
74 | left: 0,
75 | right: 0,
76 | bottom: 0,
77 |
78 | backgroundColor: "rgba(0,0,0,0.5)",
79 | backdropFilter: "blur(6px)",
80 |
81 | opacity: 0,
82 | transition: "opacity 175ms ease-in-out 75ms"
83 | }),
84 | overlayOpen: css({
85 | opacity: 1,
86 | transitionDelay: "0ms"
87 | }),
88 | modal: css({
89 | position: "relative",
90 | margin: "auto",
91 |
92 | transition:
93 | "opacity 250ms ease-in-out 0ms, transform 250ms ease-in-out 0ms",
94 | opacity: 0,
95 | transform: "scale(0.8)"
96 | }),
97 | modalOpen: css({
98 | opacity: 1,
99 | transform: "initial"
100 | })
101 | };
102 |
--------------------------------------------------------------------------------
/packages/app/src/views/Indicateur1/IndicateurUnCoef/components/CoefGroupModalConfirmDelete.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | import globalStyles from "../../../../utils/globalStyles";
5 |
6 | import ActionLink from "../../../../components/ActionLink";
7 | import ButtonAction from "../../../../components/ButtonAction";
8 |
9 | import { IconWarning } from "../../../../components/Icons";
10 | import {
11 | useColumnsWidth,
12 | useLayoutType
13 | } from "../../../../components/GridContext";
14 |
15 | function ModalConfirmDelete({
16 | closeModal,
17 | deleteGroup
18 | }: {
19 | closeModal: () => void;
20 | deleteGroup: () => void;
21 | }) {
22 | const layoutType = useLayoutType();
23 | const width = useColumnsWidth(layoutType === "desktop" ? 6 : 7);
24 |
25 | return (
26 | {children}
48 |
27 |
55 | );
56 | }
57 |
58 | const styles = {
59 | modalConfirm: css({
60 | width: 616,
61 | padding: "17px 16px 18px",
62 | backgroundColor: "#F6F7FF",
63 | borderRadius: 5
64 | }),
65 |
66 | bloc: css({
67 | display: "flex"
68 | }),
69 | blocIcon: {
70 | marginRight: 22,
71 | color: globalStyles.colors.primary
72 | },
73 |
74 | blocTitle: css({
75 | fontSize: 18,
76 | lineHeight: "22px",
77 | textTransform: "uppercase",
78 | color: globalStyles.colors.primary
79 | }),
80 | blocText: css({
81 | fontSize: 18,
82 | lineHeight: "22px",
83 | color: globalStyles.colors.primary
84 | }),
85 |
86 | actionBar: css({
87 | display: "flex",
88 | flexDirection: "row",
89 | alignItems: "center",
90 | marginTop: 16
91 | }),
92 |
93 | spacerActionBarModal: css({
94 | width: 21
95 | })
96 | };
97 |
98 | export default ModalConfirmDelete;
99 |
--------------------------------------------------------------------------------
/packages/api/src/util/logger/logger.test.ts:
--------------------------------------------------------------------------------
1 | const now = 1570137016663;
2 |
3 | describe("test the output of the logger", () => {
4 | const sentry = require("@sentry/node");
5 | let mockStdout: jest.SpyInstance;
6 | let logger: any;
7 |
8 | beforeEach(() => {
9 | // Mock stdout so we can check it's been called by the logger.
10 | mockStdout = jest.spyOn(global.process.stdout, "write");
11 | // jest.spyOn will still call the underlying function. We don't want logs to
12 | // be displayed during the tests.
13 | mockStdout.mockImplementation(() => {});
14 | // Mock `Date.now()` so we have a comparable timestamp.
15 | global.Date.now = jest.fn(() => now);
16 | // Mock `captureException` from Sentry to check that it's correctly called.
17 | sentry.captureException = jest.fn();
18 | // Mock the `configuration` module to fake an `apiSentryDsn`.
19 | jest.mock("../../configuration", () => ({
20 | configuration: { apiSentryDsn: "some sentry dsn" }
21 | }));
22 | // Only now require the logger module so it uses the mocks.
23 | logger = require("./").logger;
24 | });
25 |
26 | afterEach(() => {
27 | jest.restoreAllMocks();
28 | });
29 |
30 | test("info uses console.log", () => {
31 | logger.info("just an info");
32 | expect(mockStdout).toHaveBeenCalledTimes(1);
33 | // Grab the latest mock call, and get its first (and only) argument.
34 | const latestCall = mockStdout.mock.calls.pop();
35 | const log = (latestCall && latestCall[0]) || "";
36 | // Contains the timestamp.
37 | expect(log).toContain(now);
38 | // Contains the message.
39 | expect(log).toContain("just an info");
40 | // Sentry.captureException shouldn't have been called.
41 | expect(sentry.captureException).not.toHaveBeenCalled();
42 | });
43 | test("error uses console.log and includes the stack trace", () => {
44 | const error = new Error("this is an error");
45 | logger.error("just an error", error);
46 | expect(mockStdout).toHaveBeenCalledTimes(1);
47 | // Grab the latest mock call, and get its first (and only) argument.
48 | const latestCall = mockStdout.mock.calls.pop();
49 | const log = (latestCall && latestCall[0]) || "";
50 | // Contains the timestamp.
51 | expect(log).toContain(now);
52 | // Contains the message.
53 | expect(log).toContain("just an error");
54 | // Contains the error.
55 | expect(log).toContain("this is an error");
56 | // ... and contains the stack trace.
57 | expect(log).toContain(JSON.stringify(error.stack));
58 | // Sentry.captureException should have been called with the error.
59 | expect(sentry.captureException).toHaveBeenCalledWith(error);
60 | });
61 | });
62 |
--------------------------------------------------------------------------------
/packages/app/src/__fixtures__/stateCompleteAndValidate.tsx:
--------------------------------------------------------------------------------
1 | import { FormState } from "../globals.d";
2 | import AppReducer from "../AppReducer";
3 |
4 | import stateComplete from "./stateComplete";
5 |
6 | const actionValidateInformations = {
7 | type: "validateInformations" as "validateInformations",
8 | valid: "Valid" as FormState
9 | };
10 |
11 | const actionValidateEffectif = {
12 | type: "validateEffectif" as "validateEffectif",
13 | valid: "Valid" as FormState
14 | };
15 |
16 | const actionValidateIndicateurUnCoefGroup = {
17 | type: "validateIndicateurUnCoefGroup" as "validateIndicateurUnCoefGroup",
18 | valid: "Valid" as FormState
19 | };
20 |
21 | const actionValidateIndicateurUnCoefEffectif = {
22 | type: "validateIndicateurUnCoefEffectif" as "validateIndicateurUnCoefEffectif",
23 | valid: "Valid" as FormState
24 | };
25 |
26 | const actionValidateIndicateurUn = {
27 | type: "validateIndicateurUn" as "validateIndicateurUn",
28 | valid: "Valid" as FormState
29 | };
30 |
31 | const actionValidateIndicateurDeux = {
32 | type: "validateIndicateurDeux" as "validateIndicateurDeux",
33 | valid: "Valid" as FormState
34 | };
35 |
36 | const actionValidateIndicateurTrois = {
37 | type: "validateIndicateurTrois" as "validateIndicateurTrois",
38 | valid: "Valid" as FormState
39 | };
40 |
41 | const actionValidateIndicateurDeuxTrois = {
42 | type: "validateIndicateurDeuxTrois" as "validateIndicateurDeuxTrois",
43 | valid: "Valid" as FormState
44 | };
45 |
46 | const actionValidateIndicateurQuatre = {
47 | type: "validateIndicateurQuatre" as "validateIndicateurQuatre",
48 | valid: "Valid" as FormState
49 | };
50 |
51 | const actionValidateIndicateurCinq = {
52 | type: "validateIndicateurCinq" as "validateIndicateurCinq",
53 | valid: "Valid" as FormState
54 | };
55 |
56 | // fast pipe, I miss you in JS…
57 | const stateDefault = AppReducer(
58 | AppReducer(
59 | AppReducer(
60 | AppReducer(
61 | AppReducer(
62 | AppReducer(
63 | AppReducer(
64 | AppReducer(
65 | AppReducer(
66 | AppReducer(stateComplete, actionValidateInformations),
67 | actionValidateEffectif
68 | ),
69 | actionValidateIndicateurUnCoefGroup
70 | ),
71 | actionValidateIndicateurUnCoefEffectif
72 | ),
73 | actionValidateIndicateurUn
74 | ),
75 | actionValidateIndicateurDeux
76 | ),
77 | actionValidateIndicateurTrois
78 | ),
79 | actionValidateIndicateurDeuxTrois
80 | ),
81 | actionValidateIndicateurQuatre
82 | ),
83 | actionValidateIndicateurCinq
84 | );
85 |
86 | export default stateDefault;
87 |
--------------------------------------------------------------------------------
/packages/app/src/views/Effectif/EffectifResult.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 |
4 | import { FormState } from "../../globals.d";
5 |
6 | import globalStyles from "../../utils/globalStyles";
7 |
8 | import Bubble from "../../components/Bubble";
9 | import ActionLink from "../../components/ActionLink";
10 |
11 | interface Props {
12 | totalNombreSalariesHomme: number;
13 | totalNombreSalariesFemme: number;
14 | validateEffectif: (valid: FormState) => void;
15 | }
16 |
17 | function EffectifResult({
18 | totalNombreSalariesHomme,
19 | totalNombreSalariesFemme,
20 | validateEffectif
21 | }: Props) {
22 | return (
23 |
28 |
54 |
29 |
31 |
32 |
33 |
53 | 34 | Êtes vous sûr de vouloir supprimer ce groupe ? 35 |
36 |37 | toutes les données renseignées pour ce groupes seront effacées 38 | définitivement. 39 |
40 | 41 |
42 | {
44 | deleteGroup();
45 | closeModal();
46 | }}
47 | label="supprimer"
48 | />
49 |
50 | annuler
51 |
52 |
24 |
25 |
42 |
43 |
49 | );
50 | }
51 |
52 | const styles = {
53 | container: css({
54 | maxWidth: 250,
55 | marginTop: 64
56 | }),
57 | edit: css({
58 | marginTop: 14,
59 | marginBottom: 14,
60 | textAlign: "center"
61 | }),
62 |
63 | bubble: css({
64 | backgroundColor: "white",
65 | color: globalStyles.colors.default,
66 | border: "solid #EFECEF 1px",
67 | "@media print": {
68 | backgroundColor: "white",
69 | color: globalStyles.colors.default,
70 | border: "solid #EFECEF 1px"
71 | }
72 | }),
73 |
74 | blocNumbers: css({
75 | height: 50,
76 | display: "flex",
77 | flexDirection: "column",
78 | justifyContent: "space-between"
79 | }),
80 |
81 | message: css({
82 | marginBottom: 2,
83 | display: "flex",
84 | alignItems: "baseline",
85 |
86 | fontSize: 14,
87 | lineHeight: "17px"
88 | }),
89 | messageLabel: css({
90 | marginRight: "auto"
91 | }),
92 | messageData: css({
93 | fontWeight: "bold"
94 | })
95 | };
96 |
97 | export default EffectifResult;
98 |
--------------------------------------------------------------------------------
/packages/app/src/views/FAQ/components-detail-calcul/FAQIndicateur3DetailCalcul.tsx:
--------------------------------------------------------------------------------
1 | /** @jsx jsx */
2 | import { css, jsx } from "@emotion/core";
3 | import { Fragment } from "react";
4 |
5 | import { IconLamp, IconText } from "../../../components/Icons";
6 |
7 | import FAQStep from "../components/FAQStep";
8 | import FAQCalculScale from "../components/FAQCalculScale";
9 | import FAQTitle3 from "../components/FAQTitle3";
10 |
11 | function FAQIndicateur3DetailCalcul() {
12 | return (
13 |
26 |
35 | 27 | Nombre de femmes 28 | {totalNombreSalariesFemme} 29 |
30 |31 | Nombre d’hommes 32 | {totalNombreSalariesHomme} 33 |
34 |36 | Total effectifs 37 | 38 | {totalNombreSalariesFemme + totalNombreSalariesHomme} 39 | 40 |
41 |
44 |
41 | * la valeur est exprimée en valeur absolue 42 |
45 | Appliquer le barème pour obtenir votre note
46 |
47 |
66 |
23 |
32 |
35 |
36 |
37 | Index Egapro
38 |
39 |
44 | 40 | L’outil de calcul de votre index égalité professionnelle Femmes- 41 | Hommes 42 |
43 |41 | * la valeur est exprimée en valeur absolue 42 |
45 | Appliquer le barème pour obtenir votre note
46 |
47 |
66 |
46 |
68 | );
69 | }
70 |
71 | const styles = {
72 | container: css({
73 | display: "flex",
74 | flexDirection: "column"
75 | }),
76 | label: css({
77 | display: "flex",
78 | fontSize: 14,
79 | cursor: "pointer"
80 | }),
81 | labelText: css({
82 | lineHeight: "16px"
83 | }),
84 | radio: css({
85 | display: "none"
86 | }),
87 | fakeRadio: css({
88 | width: 16,
89 | height: 16,
90 | flexShrink: 0,
91 | marginRight: 6,
92 | borderRadius: 8,
93 | backgroundColor: "white",
94 | border: `solid ${globalStyles.colors.default} 1px`
95 | }),
96 | fakeRadioChecked: css({
97 | backgroundImage: `radial-gradient(${globalStyles.colors.default} 0%, ${
98 | globalStyles.colors.default
99 | } 3px, #FFF 3px)`
100 | }),
101 | radioFieldFalse: css({
102 | marginTop: 9
103 | }),
104 | radioFieldDisabled: css({
105 | visibility: "hidden"
106 | })
107 | };
108 |
109 | export default RadiosBoolean;
110 |
--------------------------------------------------------------------------------
/packages/app/src/components/GridContext.tsx:
--------------------------------------------------------------------------------
1 | import React, {
2 | useEffect,
3 | useState,
4 | useCallback,
5 | useMemo,
6 | useContext,
7 | ReactNode
8 | } from "react";
9 |
10 | import globalStyles from "../utils/globalStyles";
11 | const { grid } = globalStyles;
12 |
13 | export type LayoutType = "mobile" | "tablet" | "desktop";
14 |
15 | const gutterCount = grid.columns + 1;
16 | const totalGuttersWidth = gutterCount * grid.gutterWidth;
17 |
18 | function clamp(num: number, min: number, max: number) {
19 | return Math.min(max, Math.max(min, num));
20 | }
21 |
22 | function findColumnWidth(windowWidth: number) {
23 | const clampedWidth = clamp(windowWidth, grid.minWidth, grid.maxWidth);
24 | const availableWidthWithoutGutters = clampedWidth - totalGuttersWidth;
25 | const columnWidth = availableWidthWithoutGutters / 12;
26 | return Math.floor(columnWidth);
27 | }
28 |
29 | function findLayoutType(windowWidth: number): LayoutType {
30 | if (windowWidth < grid.minWidth) {
31 | return "mobile";
32 | } else if (windowWidth < grid.maxTabletWidth) {
33 | return "tablet";
34 | } else {
35 | return "desktop";
36 | }
37 | }
38 |
39 | // Context
40 |
41 | export const GridContext = React.createContext({
42 | columnWidth: findColumnWidth(window.innerWidth),
43 | gutterWidth: grid.gutterWidth,
44 | layoutType: findLayoutType(window.innerWidth)
45 | });
46 |
47 | // Provider
48 |
49 | function GridProvider({ children }: { children: ReactNode }) {
50 | const [columnWidth, setColumnWidth] = useState(
51 | findColumnWidth(window.innerWidth)
52 | );
53 | const [layoutType, setLayoutType] = useState(
54 | findLayoutType(window.innerWidth)
55 | );
56 |
57 | const handleResize = useCallback(
58 | (event: any) => {
59 | setColumnWidth(findColumnWidth(event.currentTarget.innerWidth));
60 | setLayoutType(findLayoutType(event.currentTarget.innerWidth));
61 | },
62 | [setColumnWidth, setLayoutType]
63 | );
64 |
65 | useEffect(() => {
66 | window.addEventListener("resize", handleResize);
67 | return () => window.removeEventListener("resize", handleResize);
68 | });
69 |
70 | const value = useMemo(
71 | () => ({
72 | columnWidth,
73 | gutterWidth: grid.gutterWidth,
74 | layoutType
75 | }),
76 | [columnWidth, layoutType]
77 | );
78 |
79 | return
47 |
54 |
60 |
67 |