diff --git a/app/src/App/routes/index.tsx b/app/src/App/routes/index.tsx index 8a92455042..9f8413e3ad 100644 --- a/app/src/App/routes/index.tsx +++ b/app/src/App/routes/index.tsx @@ -701,6 +701,19 @@ const accountMyFormsDref = customWrapRoute({ }, }); +const earlyActionProtocols = customWrapRoute({ + parent: rootLayout, + path: 'eap', + component: { + render: () => import('#views/EarlyActionProtocols'), + props: {}, + }, + context: { + title: 'Early Action Protocols', + visibility: 'anything', + }, +}); + const accountMyFormsThreeW = customWrapRoute({ parent: accountMyFormsLayout, path: 'three-w', @@ -715,6 +728,50 @@ const accountMyFormsThreeW = customWrapRoute({ }, }); +const accountMyFormsEap = customWrapRoute({ + parent: accountMyFormsLayout, + path: 'eap-applications', + component: { + render: () => import('#views/EapApplications'), + props: {}, + }, + context: { + title: 'Account - EAP Applications', + visibility: 'is-authenticated', + permissions: ({ isGuestUser }) => !isGuestUser, + }, +}); + +const eapFullForm = customWrapRoute({ + parent: rootLayout, + path: 'eap-full-form', + component: { + render: () => import('#views/EapFullForm'), + props: {}, + }, + wrapperComponent: Auth, + context: { + title: 'EAP Full Forms', + visibility: 'is-authenticated', + permissions: ({ isGuestUser }) => !isGuestUser, + }, +}); + +const simplifiedEapForm = customWrapRoute({ + parent: rootLayout, + path: 'simplified-eap-form', + component: { + render: () => import('#views/SimplifiedEapForm'), + props: {}, + }, + wrapperComponent: Auth, + context: { + title: 'Simplified EAP Forms', + visibility: 'is-authenticated', + permissions: ({ isGuestUser }) => !isGuestUser, + }, +}); + const accountNotifications = customWrapRoute({ parent: accountLayout, path: 'notifications', @@ -1145,6 +1202,21 @@ const newPerOverviewForm = customWrapRoute({ }, }); +const eapDevelopmentRegistration = customWrapRoute({ + parent: rootLayout, + path: 'eap-registration/new', + component: { + render: () => import('#views/EapRegistration'), + props: {}, + }, + wrapperComponent: Auth, + context: { + title: 'EAP Development Registration', + visibility: 'is-authenticated', + permissions: ({ isGuestUser }) => !isGuestUser, + }, +}); + const perOverviewForm = customWrapRoute({ parent: perProcessLayout, path: ':perId/overview', @@ -1316,6 +1388,7 @@ const wrappedRoutes = { accountMyFormsPer, accountMyFormsDref, accountMyFormsThreeW, + accountMyFormsEap, resources, search, allThreeWProject, @@ -1352,6 +1425,9 @@ const wrappedRoutes = { termsAndConditions, operationalLearning, montandonLandingPage, + eapDevelopmentRegistration, + eapFullForm, + simplifiedEapForm, ...regionRoutes, ...countryRoutes, ...surgeRoutes, @@ -1362,6 +1438,7 @@ const wrappedRoutes = { // Redirects preparednessOperationalLearning, obsoleteFieldReportDetails, + earlyActionProtocols, }; export const unwrappedRoutes = unwrapRoute(Object.values(wrappedRoutes)); diff --git a/app/src/components/Navbar/i18n.json b/app/src/components/Navbar/i18n.json index 1fd956ee89..05a4b5180f 100644 --- a/app/src/components/Navbar/i18n.json +++ b/app/src/components/Navbar/i18n.json @@ -40,6 +40,7 @@ "userMenuDrefProcessDescription":"Disaster Response Emergency Fund (DREF) is the quickest way of getting funding directly to local humanitarian actors. Use one of the links below to submit a DREF Application or an update.", "userMenuCreateDrefApplication":"Create DREF Application", "myDrefApplications": "My DREF Applications", + "earlyActionProtocols": "Early Action Protocols (EAP)", "userMenuSurge":"The section displays the summary of deployments within current and ongoing emergencies. Login to see available details", "userMenuSurgeGlobalOverview":"Surge Global Overview", "userMenuOperationalToolbox":"Operational Toolbox", diff --git a/app/src/components/Navbar/index.tsx b/app/src/components/Navbar/index.tsx index bd70f878cd..67bd639ad0 100644 --- a/app/src/components/Navbar/index.tsx +++ b/app/src/components/Navbar/index.tsx @@ -351,6 +351,13 @@ function Navbar(props: Props) { > {strings.myDrefApplications} + + {strings.earlyActionProtocols} + {strings.threeWTabTitle} + + {strings.eapApplications} + diff --git a/app/src/views/EapApplications/i18n.json b/app/src/views/EapApplications/i18n.json new file mode 100644 index 0000000000..a48b9dee3e --- /dev/null +++ b/app/src/views/EapApplications/i18n.json @@ -0,0 +1,8 @@ +{ + "namespace": "eapApplication", + "strings": { + "eapRegistrationLink": "EAP In Process? Let Us Know", + "eapFormLink": "Start Full EAP", + "simplifiedEapLink": "Start sEAP" + } +} diff --git a/app/src/views/EapApplications/index.tsx b/app/src/views/EapApplications/index.tsx new file mode 100644 index 0000000000..dd9f788b5d --- /dev/null +++ b/app/src/views/EapApplications/index.tsx @@ -0,0 +1,39 @@ +import { Container } from '@ifrc-go/ui'; +import { useTranslation } from '@ifrc-go/ui/hooks'; + +import Link from '#components/Link'; + +import i18n from './i18n.json'; +import styles from './styles.module.css'; + +/** @knipignore */ +// eslint-disable-next-line import/prefer-default-export +export function Component() { + const strings = useTranslation(i18n); + + return ( + + {/* FIXME: Add eap registration link */} + + {strings.eapRegistrationLink} + + + {strings.eapFormLink} + + + {strings.simplifiedEapLink} + + + ); +} diff --git a/app/src/views/EapApplications/styles.module.css b/app/src/views/EapApplications/styles.module.css new file mode 100644 index 0000000000..c111ea1e6d --- /dev/null +++ b/app/src/views/EapApplications/styles.module.css @@ -0,0 +1,6 @@ +.eap-form-links { + display: flex; + align-items: center; + justify-content: center; + gap: var(--go-ui-spacing-sm); +} \ No newline at end of file diff --git a/app/src/views/EapFullForm/index.tsx b/app/src/views/EapFullForm/index.tsx new file mode 100644 index 0000000000..e6d0317fee --- /dev/null +++ b/app/src/views/EapFullForm/index.tsx @@ -0,0 +1,12 @@ +import Page from '#components/Page'; + +/** @knipignore */ +// eslint-disable-next-line import/prefer-default-export +export function Component() { + return ( + + {/* TODO: Add EAP form */} + Full EAP Form + + ); +} diff --git a/app/src/views/EapRegistration/i18n.json b/app/src/views/EapRegistration/i18n.json new file mode 100644 index 0000000000..9b7a06dd0b --- /dev/null +++ b/app/src/views/EapRegistration/i18n.json @@ -0,0 +1,7 @@ +{ + "namespace": "eapRegistration", + "strings": { + "eapRegistrationHeading": "EAP Development Registration", + "eapRegistrationDescription": "The purpose of this form is for you to notify the IFRC team of the start of your EAP process. If you need assistance with the initiation of the process, send us a message." + } +} diff --git a/app/src/views/EapRegistration/index.tsx b/app/src/views/EapRegistration/index.tsx new file mode 100644 index 0000000000..31698b3c5c --- /dev/null +++ b/app/src/views/EapRegistration/index.tsx @@ -0,0 +1,21 @@ +import { useTranslation } from '@ifrc-go/ui/hooks'; + +import Page from '#components/Page'; + +import i18n from './i18n.json'; + +/** @knipignore */ +// eslint-disable-next-line import/prefer-default-export +export function Component() { + const strings = useTranslation(i18n); + + return ( + + {/* TODO: Add the form */} + Application Details + + ); +} diff --git a/app/src/views/EarlyActionProtocols/i18n.json b/app/src/views/EarlyActionProtocols/i18n.json new file mode 100644 index 0000000000..93b0362f8e --- /dev/null +++ b/app/src/views/EarlyActionProtocols/i18n.json @@ -0,0 +1,17 @@ +{ + "namespace": "earlyActionProtocols", + "strings": { + "eapHeading": "Disaster Response Emergency Fund (DREF)", + "eapDescription": "The IFRC's Disaster Emergency Fund (DREF): rapid, reliable funding for life-saving action.", + "eapTitle": "Early Action Protocols (EAP)", + "eapRegistrationLink": "EAP in Progress? Let Us Know", + "eapContent": "What is an EAP?", + "eapContentHeading": "Early Action Protocols (EAPs) are a core mechanism of the IFRC's Forecast-based Financing (FbF) approach, designed to ensure that humanitarian action happens before a disaster strikes, rather than only responding afterwards.", + "eapContentSubHeadingOne": "An EAP is a pre-agreed plan developed by a Nation Society together with partners, which outlines:", + "eapDescriptionOne": "The triggers (based on scientific forecasts and risk analysis) that indicate when a hazard is likely to impact communities.", + "eapDescriptionTwo": "The early actions to be implemented once those triggers are met - practical, life-saving measures that reduce the impacts of the forecasted disaster.", + "eapDescriptionThree": "The roles, responsibilities, and budget required to carry out these actions quickly and effectively.", + "eapContentSubHeadingTwo": "Why are the EAPs Important?", + "eapContentSubHeadingThree": "What is the EAP Application Process?" + } +} diff --git a/app/src/views/EarlyActionProtocols/index.tsx b/app/src/views/EarlyActionProtocols/index.tsx new file mode 100644 index 0000000000..7688ff66a9 --- /dev/null +++ b/app/src/views/EarlyActionProtocols/index.tsx @@ -0,0 +1,66 @@ +import { + Container, + ExpandableContainer, +} from '@ifrc-go/ui'; +import { useTranslation } from '@ifrc-go/ui/hooks'; + +import Link from '#components/Link'; +import Page from '#components/Page'; + +import i18n from './i18n.json'; +import styles from './styles.module.css'; + +/** @knipignore */ +// eslint-disable-next-line import/prefer-default-export +export function Component() { + const strings = useTranslation(i18n); + + return ( + + + {strings.eapRegistrationLink} + + )} + childrenContainerClassName={styles.earlyActionProtocols} + > + +

+ {strings.eapContentHeading} +

+

+ {strings.eapContentSubHeadingOne} +

    +
  • + {strings.eapDescriptionOne} +
    • +
  • + {strings.eapDescriptionTwo} +
    • +
  • + {strings.eapDescriptionThree} +
    • +
+

+ + {/* TODO: Add remaining content */} + + + + + ); +} diff --git a/app/src/views/EarlyActionProtocols/styles.module.css b/app/src/views/EarlyActionProtocols/styles.module.css new file mode 100644 index 0000000000..8ec3f610f2 --- /dev/null +++ b/app/src/views/EarlyActionProtocols/styles.module.css @@ -0,0 +1,5 @@ +.early-action-protocols { + display: flex; + flex-direction: column; + gap: var(--go-ui-spacing-lg); +} diff --git a/app/src/views/SimplifiedEapForm/index.tsx b/app/src/views/SimplifiedEapForm/index.tsx new file mode 100644 index 0000000000..57bcf2b6cf --- /dev/null +++ b/app/src/views/SimplifiedEapForm/index.tsx @@ -0,0 +1,12 @@ +import Page from '#components/Page'; + +/** @knipignore */ +// eslint-disable-next-line import/prefer-default-export +export function Component() { + return ( + + {/* TODO: Add Simplified EAP form */} + Simplified EAP form + + ); +} diff --git a/translationMigrations/000053-1761542116137.json b/translationMigrations/000053-1761542116137.json new file mode 100644 index 0000000000..e18c829ed1 --- /dev/null +++ b/translationMigrations/000053-1761542116137.json @@ -0,0 +1,119 @@ +{ + "parent": "000052-1758547474974.json", + "actions": [ + { + "action": "add", + "key": "eapApplications", + "namespace": "accountMyFormsLayout", + "value": "EAP Applications" + }, + { + "action": "add", + "key": "earlyActionProtocols", + "namespace": "common", + "value": "Early Action Protocols (EAP)" + }, + { + "action": "add", + "key": "eapFormLink", + "namespace": "eapApplication", + "value": "Start Full EAP" + }, + { + "action": "add", + "key": "eapRegistrationLink", + "namespace": "eapApplication", + "value": "EAP In Process? Let Us Know" + }, + { + "action": "add", + "key": "simplifiedEapLink", + "namespace": "eapApplication", + "value": "Start sEAP" + }, + { + "action": "add", + "key": "eapRegistrationDescription", + "namespace": "eapRegistration", + "value": "The purpose of this form is for you to notify the IFRC team of the start of your EAP process. If you need assistance with the initiation of the process, send us a message." + }, + { + "action": "add", + "key": "eapRegistrationHeading", + "namespace": "eapRegistration", + "value": "EAP Development Registration" + }, + { + "action": "add", + "key": "eapContent", + "namespace": "earlyActionProtocols", + "value": "What is an EAP?" + }, + { + "action": "add", + "key": "eapContentHeading", + "namespace": "earlyActionProtocols", + "value": "Early Action Protocols (EAPs) are a core mechanism of the IFRC's Forecast-based Financing (FbF) approach, designed to ensure that humanitarian action happens before a disaster strikes, rather than only responding afterwards." + }, + { + "action": "add", + "key": "eapContentSubHeadingOne", + "namespace": "earlyActionProtocols", + "value": "An EAP is a pre-agreed plan developed by a Nation Society together with partners, which outlines:" + }, + { + "action": "add", + "key": "eapContentSubHeadingThree", + "namespace": "earlyActionProtocols", + "value": "What is the EAP Application Process?" + }, + { + "action": "add", + "key": "eapContentSubHeadingTwo", + "namespace": "earlyActionProtocols", + "value": "Why are the EAPs Important?" + }, + { + "action": "add", + "key": "eapDescription", + "namespace": "earlyActionProtocols", + "value": "The IFRC's Disaster Emergency Fund (DREF): rapid, reliable funding for life-saving action." + }, + { + "action": "add", + "key": "eapDescriptionOne", + "namespace": "earlyActionProtocols", + "value": "The triggers (based on scientific forecasts and risk analysis) that indicate when a hazard is likely to impact communities." + }, + { + "action": "add", + "key": "eapDescriptionThree", + "namespace": "earlyActionProtocols", + "value": "The roles, responsibilities, and budget required to carry out these actions quickly and effectively." + }, + { + "action": "add", + "key": "eapDescriptionTwo", + "namespace": "earlyActionProtocols", + "value": "The early actions to be implemented once those triggers are met - practical, life-saving measures that reduce the impacts of the forecasted disaster." + }, + { + "action": "add", + "key": "eapHeading", + "namespace": "earlyActionProtocols", + "value": "Disaster Response Emergency Fund (DREF)" + }, + { + "action": "add", + "key": "eapRegistrationLink", + "namespace": "earlyActionProtocols", + "value": "EAP in Progress? Let Us Know" + }, + { + "action": "add", + "key": "eapTitle", + "namespace": "earlyActionProtocols", + "value": "Early Action Protocols (EAP)" + } + ] +} \ No newline at end of file