Skip to content

eap(add-tooltip): Add tooltip in the fields #2165

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
frozenhelium merged 1 commit into from
Jan 5, 2026
Merged

eap(add-tooltip): Add tooltip in the fields #2165

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 25 additions & 3 deletions app/src/views/SimplifiedEapForm/DeliveryAndBudget/i18n.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,39 @@
"deliverHeading": "Conditions to deliver the Early Action",
"deliverEarlyActions": "Experience and/or capacity to implement the early actions",
"deliverEarlyActionsDescription": "Assumptions or minimum conditions needed to deliver on the early actions (including issues to be resolved.) Explain how the National Society will be able to delive on the early actions, what experiences and/or capacities they have related to be intervention. Are there issues to be addressed in order for the Naional Society to deliver on these actions? How will these issues be resolved?",
"deliverEarlyActionsTooltip": "This is an opportunity for the National Society to describe their experience in dealing with the selected hazard, their capacity in the intervention sectors and early action activities. Where there are gaps in capacity or systemic issues, then these can be addressed through the annual readiness activities. For example, the National Society may have a general response plan, but may use the readiness activities to develop detailed Standard Operating Procedures outlining who will do what when, and then do an annual test simulation of the simplified EAP to ensure that roles and responsibilities are clear in terms of delivering the early actions.",
"deliverDescription": "Description",
"deliverInvolved": "RCRC Movement partners, Governmental/other agencies consulted/involved",
"deliverInvolvedDescription": "Explain who was part of the development of this plan, how were they involved and if they have any role on the implementation of the actions. Add any relevant information of the National Society's role on the National Disaster Response System.",
"deliverInvolvedDescription": "Explain who was part of the development of this plan, how were they involved and if they have any role on the implementation of the actions. Add any relevant information of the National Society's role in the National Disaster Response System.",
"deliverInvolvedTooltipDescriptionOne": "It is important to establish that the National Society has the mandate to act early, in advance of a hazard and it can reduce the time required to agree to activate the early actions activities if partners government and non-government stakeholders are aware and involved in planning the simplified EAP. This mandate may need to be confirmed at the local level, as well as the region and national level.",
"deliverInvolvedTooltipDescriptionTwo": "The simplified EAP aims to make connections",
"deliverInvolvedTooltipDescriptionThree": "With national level partners, including government stakeholders, Met Service, civil society and other national or local experts. Planning for a simplified EAP can be an opportunity to develop these relationships and may be useful to define roles and responsibilities in a Memorandum of Understanding (MoU). This could be defined during the development of the simplified EAP or can be done as part of the kickoff activities, once a simplified EAP has been approved for funding. The Red Cross Red Crescent Climate Centre developed this guide – {guideLink} The guide includes some useful information, included under section 4, guiding questions and in annex A, a draft MoU, which could potentially be adapted for other partners.",
"guideLink": "Collaborating with national climate and weather agencies: a guide to getting started.",
"deliverInvolvedTooltipDescriptionFour": "Other general considerations:",
"deliverInvolvedTooltipListOne": "The simplified EAP should plan to target events that are forecasted/predicted to have an above average impact and that have caused humanitarian impacts in the past",
"deliverInvolvedTooltipListTwo": "The minimum standard for monitoring and evaluation is that each simplified EAP includes a lessons learned workshop.",
"deliverInvolvedTooltipListThree": "While not requested as part of the simplified EAP, National Societies should have a draft plan or SOP in place to monitor the forecasts/indicators, to activate the simplified EAP and deliver the early action activities within the lead time.",
"deliverInvolvedTooltipListFour": "The roles and responsibilities should be clear, who will do what at what time.",
"budgetHeading": "Budget",
"deliverTotalBudget": "Total budget",
"deliverTotalBudgetDescription": "Add the expected budget amount",
"deliverTotalBudgetTooltip": "The maximum budget available for a National Society under a simplified EAP is CHF 200,000 over two years. In this field, the National Society should reflect the total amount of the budget (which should match the budget template). The total budget includes 65% maximum for readiness activities and prepositioned stock, with the balance funding the early action activities and needs to be inclusive of the IFRC’s indirect costs (6.5%). Additionally, the IFRC Delegation may add 10% of the total budget to support the simplified EAP implementation bringing the final budget to CHF 220,000 over two years. If a National Society has any questions on the budget, please consult the IFRC’s Country or Country Cluster Delegation. Readiness, pre-positioning, early action: These fields should reflect the plan and budget split across the three types of eligible activities and match the total budget.",
"deliverTotalBudgetDescription": "Add the expected budget amount.",
"deliverTotalBudgetTooltipDescription": "The budget template for the simplified EAP can be found {hereLink}. Please note that the budget template has a tab with guidelines on how to use it. ",
"hereLink": "here",
"deliverTotalBudgetTooltipListOne": "For a National Society, the maximum budget of a simplified EAP is CHF 200,000 (less IFRC indirect costs of 6.5%). This is around CHF 187,794.",
"deliverTotalBudgetTooltipListTwo": "For the IFRC, the delegation can access a maximum budget of 10% of the National Society Simplified EAP budget (less IFRC indirect costs of 6.5%).",
"deliverTotalBudgetTooltipListThree": "The total budget of the simplified EAP, including National Society and IFRC allocations, cannot exceed CHF 220,000. ",
"deliverTotalBudgetTooltipListFour": "All the activities in the ‘planned operation’ and ‘enabling approaches’ section need to be reflected in the budget (even if there is no cost related to an activity, a note should be included in the budget to explain that for example, there is no cost for this activity, or costs are combined with another activity (such as training combining two or more topics), or costs are covered by another project or donor. This helps when doing the cross check between the planned intervention matrix and the budget.",
"deliverTotalBudgetTooltipListFive": "Readiness activities (column C) should be done in YEAR 1 and/or YEAR 2 (column E) – ideally done in both years, although there may be some activities that only need to be done once. If the activity happens in both years insert the activity twice and select YEAR 1 for the first line and YEAR 2 for the second line.",
"deliverTotalBudgetTooltipListSix": "Pre-positioning activities (column C) are done in YEAR 1 (column E) – and should be done as soon as the project agreement is in place and funds are received by the National Society. All stock needs to have a minimum shelf life of two years.",
"deliverTotalBudgetTooltipListSeven": "Early Action activities (column C) should be budgeted under “year early action” YEAR EA (column E), these activities will be done only when the trigger is reached (which could be in year one, or year two, or may not happen in the duration of the simplified EAP).",
"deliverTotalBudgetTooltipListEight": "A maximum of 65% of the budget can be allocated combined to readiness and pre-positioning activities. You can check these percentages in the tab called “Summary by Year”, under column B.",
"deliverTotalBudgetTooltipListNine": "National Societies have flexibility to move between budget headings up to 10% of the approved simplified EAP budget.",
"deliverBudgetLabel": "Budget",
"deliverReadinessLabel": "Readiness",
"deliverPrepositioning": "Prepositioning",
"deliverBudgetDetails": "Budget details",
"deliverBudgetDetailsDescription": "Add here the page from the budget template called EAP for publication.",
"deliverBudgetDetailsDescription": "Add here the page from the budget template called “EAP for publication”. Explain your selection criteria for who will be targeted.",
"earlyAction": "Early Action",
"upload": "Upload"
}
Expand Down
96 changes: 95 additions & 1 deletion app/src/views/SimplifiedEapForm/DeliveryAndBudget/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,14 @@
import {
Container,
InfoPopup,
InputSection,
ListView,
NumberInput,
TextArea,
TextOutput,
} from '@ifrc-go/ui';
import { useTranslation } from '@ifrc-go/ui/hooks';
import { resolveToComponent } from '@ifrc-go/ui/utils';
import {
type EntriesAsList,
type Error,
Expand All @@ -14,6 +17,7 @@ import {
} from '@togglecorp/toggle-form';

import GoSingleFileInput from '#components/domain/GoSingleFileInput';
import Link from '#components/Link';
import TabPage from '#components/TabPage';

import { type PartialSimplifiedEapType } from '../schema';
Expand Down Expand Up @@ -52,6 +56,7 @@ function DeliveryAndBudget(props: Props) {
<InputSection
title={strings.deliverEarlyActions}
description={strings.deliverEarlyActionsDescription}
tooltip={strings.deliverEarlyActionsTooltip}
withAsteriskOnTitle
>
<TextArea
Expand All @@ -66,6 +71,36 @@ function DeliveryAndBudget(props: Props) {
<InputSection
title={strings.deliverInvolved}
description={strings.deliverInvolvedDescription}
tooltip={(
<ListView layout="block">
<p>{strings.deliverInvolvedTooltipDescriptionOne}</p>
<TextOutput
strongLabel
label={strings.deliverInvolvedTooltipDescriptionTwo}
value={resolveToComponent(
strings.deliverInvolvedTooltipDescriptionThree,
{
guideLink: (
<Link
href="https://ifrcorg.sharepoint.com/:b:/s/IFRCSharing/EQn1ca51QIBCgok06lTQUFUBdmFAz3k28QkRMzbxMnRv1A?e=uBzYht"
styleVariant="action"
external
>
{strings.guideLink}
</Link>
),
},
)}
/>
<p>{strings.deliverInvolvedTooltipDescriptionFour}</p>
<ul>
<li>{strings.deliverInvolvedTooltipListOne}</li>
<li>{strings.deliverInvolvedTooltipListTwo}</li>
<li>{strings.deliverInvolvedTooltipListThree}</li>
<li>{strings.deliverInvolvedTooltipListFour}</li>
</ul>
</ListView>
)}
withAsteriskOnTitle
>
<TextArea
Expand All @@ -79,14 +114,73 @@ function DeliveryAndBudget(props: Props) {
</InputSection>
</ListView>
</Container>
<Container heading={strings.budgetHeading}>
<Container
heading={(
<ListView layout="inline">
{strings.budgetHeading}
<InfoPopup
description={(
<ListView layout="block">
<p>
{resolveToComponent(
strings.deliverTotalBudgetTooltipDescription,
{
hereLink: (
<Link
href="https://ifrcorg.sharepoint.com/:x:/s/IFRCSharing/EYPXxZjKUdNJrifrpPBDAEgB0gWWyzb5SayqJqU56HvEnQ?e=GAiaFP"
styleVariant="action"
external
>
{strings.hereLink}
</Link>
),
},
)}
</p>
<ul>
<li>
{strings.deliverTotalBudgetTooltipListOne}
</li>
<li>
{strings.deliverTotalBudgetTooltipListTwo}
</li>
<li>
{strings.deliverTotalBudgetTooltipListThree}
</li>
<li>
{strings.deliverTotalBudgetTooltipListFour}
</li>
<li>
{strings.deliverTotalBudgetTooltipListFive}
</li>
<li>
{strings.deliverTotalBudgetTooltipListSix}
</li>
<li>
{strings.deliverTotalBudgetTooltipListSeven}
</li>
<li>
{strings.deliverTotalBudgetTooltipListEight}
</li>
<li>
{strings.deliverTotalBudgetTooltipListNine}
</li>
</ul>
{strings.deliverTotalBudgetTooltipListSix}
</ListView>
)}
/>
</ListView>
)}
>
<ListView
layout="block"
spacing="sm"
>
<InputSection
title={strings.deliverTotalBudget}
description={strings.deliverTotalBudgetDescription}
tooltip={strings.deliverTotalBudgetTooltip}
withAsteriskOnTitle
>
<ListView
Expand Down
Loading
Loading