Skip to content

Commit 92499e1

Browse files
barshathakurifrozenhelium
barshathakuri
authored and
frozenhelium
committed
feat(seap-form): add tooltip for the fields
1 parent 19cede0 commit 92499e1

File tree

16 files changed

+496
-53
lines changed

16 files changed

+496
-53
lines changed

‎app/src/views/SimplifiedEapForm/DeliveryAndBudget/i18n.json‎

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,39 @@
44
"deliverHeading": "Conditions to deliver the Early Action",
55
"deliverEarlyActions": "Experience and/or capacity to implement the early actions",
66
"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?",
7+
"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.",
78
"deliverDescription": "Description",
89
"deliverInvolved": "RCRC Movement partners, Governmental/other agencies consulted/involved",
9-
"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.",
10+
"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.",
11+
"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.",
12+
"deliverInvolvedTooltipDescriptionTwo": "The simplified EAP aims to make connections",
13+
"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.",
14+
"guideLink": "Collaborating with national climate and weather agencies: a guide to getting started.",
15+
"deliverInvolvedTooltipDescriptionFour": "Other general considerations:",
16+
"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",
17+
"deliverInvolvedTooltipListTwo": "The minimum standard for monitoring and evaluation is that each simplified EAP includes a lessons learned workshop.",
18+
"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.",
19+
"deliverInvolvedTooltipListFour": "The roles and responsibilities should be clear, who will do what at what time.",
1020
"budgetHeading": "Budget",
1121
"deliverTotalBudget": "Total budget",
12-
"deliverTotalBudgetDescription": "Add the expected budget amount",
22+
"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.",
23+
"deliverTotalBudgetDescription": "Add the expected budget amount.",
24+
"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. ",
25+
"hereLink": "here",
26+
"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.",
27+
"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%).",
28+
"deliverTotalBudgetTooltipListThree": "The total budget of the simplified EAP, including National Society and IFRC allocations, cannot exceed CHF 220,000. ",
29+
"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.",
30+
"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.",
31+
"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.",
32+
"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).",
33+
"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.",
34+
"deliverTotalBudgetTooltipListNine": "National Societies have flexibility to move between budget headings up to 10% of the approved simplified EAP budget.",
1335
"deliverBudgetLabel": "Budget",
1436
"deliverReadinessLabel": "Readiness",
1537
"deliverPrepositioning": "Prepositioning",
1638
"deliverBudgetDetails": "Budget details",
17-
"deliverBudgetDetailsDescription": "Add here the page from the budget template called EAP for publication.",
39+
"deliverBudgetDetailsDescription": "Add here the page from the budget template called “EAP for publication”. Explain your selection criteria for who will be targeted.",
1840
"earlyAction": "Early Action",
1941
"upload": "Upload"
2042
}

‎app/src/views/SimplifiedEapForm/DeliveryAndBudget/index.tsx‎

Lines changed: 95 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
11
import {
22
Container,
3+
InfoPopup,
34
InputSection,
45
ListView,
56
NumberInput,
67
TextArea,
8+
TextOutput,
79
} from '@ifrc-go/ui';
810
import { useTranslation } from '@ifrc-go/ui/hooks';
11+
import { resolveToComponent } from '@ifrc-go/ui/utils';
912
import {
1013
type EntriesAsList,
1114
type Error,
@@ -14,6 +17,7 @@ import {
1417
} from '@togglecorp/toggle-form';
1518

1619
import GoSingleFileInput from '#components/domain/GoSingleFileInput';
20+
import Link from '#components/Link';
1721
import TabPage from '#components/TabPage';
1822

1923
import { type PartialSimplifiedEapType } from '../schema';
@@ -52,6 +56,7 @@ function DeliveryAndBudget(props: Props) {
5256
<InputSection
5357
title={strings.deliverEarlyActions}
5458
description={strings.deliverEarlyActionsDescription}
59+
tooltip={strings.deliverEarlyActionsTooltip}
5560
withAsteriskOnTitle
5661
>
5762
<TextArea
@@ -66,6 +71,36 @@ function DeliveryAndBudget(props: Props) {
6671
<InputSection
6772
title={strings.deliverInvolved}
6873
description={strings.deliverInvolvedDescription}
74+
tooltip={(
75+
<ListView layout="block">
76+
<p>{strings.deliverInvolvedTooltipDescriptionOne}</p>
77+
<TextOutput
78+
strongLabel
79+
label={strings.deliverInvolvedTooltipDescriptionTwo}
80+
value={resolveToComponent(
81+
strings.deliverInvolvedTooltipDescriptionThree,
82+
{
83+
guideLink: (
84+
<Link
85+
href="https://ifrcorg.sharepoint.com/:b:/s/IFRCSharing/EQn1ca51QIBCgok06lTQUFUBdmFAz3k28QkRMzbxMnRv1A?e=uBzYht"
86+
styleVariant="action"
87+
external
88+
>
89+
{strings.guideLink}
90+
</Link>
91+
),
92+
},
93+
)}
94+
/>
95+
<p>{strings.deliverInvolvedTooltipDescriptionFour}</p>
96+
<ul>
97+
<li>{strings.deliverInvolvedTooltipListOne}</li>
98+
<li>{strings.deliverInvolvedTooltipListTwo}</li>
99+
<li>{strings.deliverInvolvedTooltipListThree}</li>
100+
<li>{strings.deliverInvolvedTooltipListFour}</li>
101+
</ul>
102+
</ListView>
103+
)}
69104
withAsteriskOnTitle
70105
>
71106
<TextArea
@@ -79,14 +114,73 @@ function DeliveryAndBudget(props: Props) {
79114
</InputSection>
80115
</ListView>
81116
</Container>
82-
<Container heading={strings.budgetHeading}>
117+
<Container
118+
heading={(
119+
<ListView layout="inline">
120+
{strings.budgetHeading}
121+
<InfoPopup
122+
description={(
123+
<ListView layout="block">
124+
<p>
125+
{resolveToComponent(
126+
strings.deliverTotalBudgetTooltipDescription,
127+
{
128+
hereLink: (
129+
<Link
130+
href="https://ifrcorg.sharepoint.com/:x:/s/IFRCSharing/EYPXxZjKUdNJrifrpPBDAEgB0gWWyzb5SayqJqU56HvEnQ?e=GAiaFP"
131+
styleVariant="action"
132+
external
133+
>
134+
{strings.hereLink}
135+
</Link>
136+
),
137+
},
138+
)}
139+
</p>
140+
<ul>
141+
<li>
142+
{strings.deliverTotalBudgetTooltipListOne}
143+
</li>
144+
<li>
145+
{strings.deliverTotalBudgetTooltipListTwo}
146+
</li>
147+
<li>
148+
{strings.deliverTotalBudgetTooltipListThree}
149+
</li>
150+
<li>
151+
{strings.deliverTotalBudgetTooltipListFour}
152+
</li>
153+
<li>
154+
{strings.deliverTotalBudgetTooltipListFive}
155+
</li>
156+
<li>
157+
{strings.deliverTotalBudgetTooltipListSix}
158+
</li>
159+
<li>
160+
{strings.deliverTotalBudgetTooltipListSeven}
161+
</li>
162+
<li>
163+
{strings.deliverTotalBudgetTooltipListEight}
164+
</li>
165+
<li>
166+
{strings.deliverTotalBudgetTooltipListNine}
167+
</li>
168+
</ul>
169+
{strings.deliverTotalBudgetTooltipListSix}
170+
</ListView>
171+
)}
172+
/>
173+
</ListView>
174+
)}
175+
>
83176
<ListView
84177
layout="block"
85178
spacing="sm"
86179
>
87180
<InputSection
88181
title={strings.deliverTotalBudget}
89182
description={strings.deliverTotalBudgetDescription}
183+
tooltip={strings.deliverTotalBudgetTooltip}
90184
withAsteriskOnTitle
91185
>
92186
<ListView

0 commit comments

Comments
 (0)