Skip to content

Commit 14194ed

Browse files
szabozoltan69samshara
szabozoltan69
authored and
samshara
committed
Add Surge CoS Faecal Sludge Management (FSM)
1 parent c548d14 commit 14194ed

File tree

7 files changed

+742
-0
lines changed

7 files changed

+742
-0
lines changed

‎.changeset/wild-clocks-return.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@
33
---
44

55
- Add Surge CoS Administration section
6+
- Add Surge CoS Faecal Sludge Management (FSM) section
67
- Update Surge CoS IT&T section
78
- Update Surge CoS Basecamp section (as OSH)

‎app/src/App/routes/SurgeRoutes.tsx‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -993,6 +993,20 @@ const surgeCatalogueWashHwts = customWrapRoute({
993993
},
994994
});
995995

996+
const surgeCatalogueWashSludge = customWrapRoute({
997+
parent: surgeCatalogueLayout,
998+
path: 'wash/sludge',
999+
component: {
1000+
render: () => import('#views/SurgeCatalogueWashSludge'),
1001+
props: {},
1002+
},
1003+
wrapperComponent: Auth,
1004+
context: {
1005+
title: 'Faecal Sludge Management',
1006+
visibility: 'anything',
1007+
},
1008+
});
1009+
9961010
const surgeCatalogueRelief = customWrapRoute({
9971011
parent: surgeCatalogueLayout,
9981012
path: 'relief',
@@ -1410,6 +1424,7 @@ function DeploymentCatalogueNavigate() {
14101424
'sct-shelter-coordination-team': surgeCatalogueShelterCoordinatorTeam,
14111425
},
14121426
water: {
1427+
'faecal-sludge-management': surgeCatalogueWashSludge,
14131428
'household-water-treatment-and-safe-storage-hwts': surgeCatalogueWashHwts,
14141429
'water-supply-rehabilitation-wsr': surgeCatalogueWashWaterSupplyRehabilitation,
14151430
'm40-eru': surgeCatalogueWashKitM40Eru,
@@ -1581,6 +1596,7 @@ export default {
15811596
surgeCatalogueWashKitM40Eru,
15821597
surgeCatalogueWashWaterSupplyRehabilitation,
15831598
surgeCatalogueWashHwts,
1599+
surgeCatalogueWashSludge,
15841600
surgeCatalogueOtherCivilMilitaryRelations,
15851601
surgeCatalogueOtherDisasterRiskReduction,
15861602
surgeCatalogueOtherHumanitarianDiplomacy,

‎app/src/views/SurgeCatalogueWash/i18n.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,8 @@
2929
"technicalEquipmentWaterSupplyLink": "Water Supply Rehabilitation (WSR)",
3030
"technicalWaterTreatmentDetail" : "Design and implement a comprehensive household water program.",
3131
"technicalEquipmentWaterTreatmentLink": "Household Water Treatment and Safe Storage (HWTS)",
32+
"technicalWaterSludgeDetail" : "Empty, transport and treat 20 m³ of design Faecal Sludge from on-site containments",
33+
"technicalEquipmentWaterSludgeLink": "Faecal Sludge Management (FSM)",
3234
"additionalResources": "Additional Resources",
3335
"additionWatsan": "Watsan Mission Assistant",
3436
"additionWatsanDetail" : "This is a website resource for field WASH practitioners.",

‎app/src/views/SurgeCatalogueWash/index.tsx‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,6 +103,14 @@ export function Component() {
103103
},
104104
];
105105

106+
const equipmentSludgeData: LinkData[] = [
107+
{
108+
title: strings.technicalEquipmentWaterSludgeLink,
109+
to: 'surgeCatalogueWashSludge',
110+
withLinkIcon: true,
111+
},
112+
];
113+
106114
const additionalData: LinkData[] = [
107115
{
108116
title: strings.learnMore,
@@ -168,6 +176,11 @@ export function Component() {
168176
data={equipmentTreatmentData}
169177
description={strings.technicalWaterTreatmentDetail}
170178
/>
179+
<CatalogueInfoCard
180+
title={strings.technicalERU}
181+
data={equipmentSludgeData}
182+
description={strings.technicalWaterSludgeDetail}
183+
/>
171184
</SurgeCardContainer>
172185
<SurgeCardContainer
173186
heading={strings.additionalResources}

‎app/src/views/SurgeCatalogueWashSludge/i18n.json‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
{
2+
"namespace": "surgeCatalogueWashSludge",
3+
"strings": {
4+
"faecalSludgeManagement": "Faecal Sludge Management (FSM, under development)",
5+
"washCapacity": "Capacity",
6+
"SludgeImageOneCaption": "Figure 1: FSM ERU mission envelope in the sanitation service/value chain and interaction with IFRC MSM20",
7+
"SludgeImageTwoCaption": "Figure 2: field test treatment plant – a slightly reduced 2nd phase treatment plant line",
8+
"SludgeImageThreeCaption": "Figure 3: Roles and interfaces within the FSM ERU",
9+
"SludgeImageFourCaption": "Figure 4: Profile descriptions",
10+
"washCapacityTextOne": "The Faecal Sludge Management Emergency Response Unit (FSM ERU) has the capacity to empty, transport and treat 20 m³ of design Faecal Sludge (FS)* from on-site containments. The FS accumulation in different containments (e.g. pits, septic tanks) can vary widely depending e.g. containment type, soil conditions, local cleansing practices. In the design of the FSM ERU, a FS accumulation of 1 L FS per person and day has been assumed. Therefore, the FSM ERU is designed to serve 20 000 people and to interface with an MSM20 ERU.",
11+
"washCapacityTextTwo": "*… FS characteristics can vary widely depending on several factors. For the civil engineering calculations of the FSM ERU a design FS has been used.",
12+
"emergencyServices": "Emergency Services",
13+
"emergencyServicesSectionOneA": "Estimated collection capacity of 20 m³/d FS roughly equivalent to 20 000 people. Can be scaled up or down as needed.",
14+
"emergencyServicesSectionOneB": "The included equipment allows for operation with different (logistical) access levels and ranges in case of",
15+
"emergencyServicesSectionOneC": "Emptying from manual pumping to mobile vacuum pumps",
16+
"emergencyServicesSectionOneD": "Transport from carrying to make-shift FS trucks",
17+
"emergencyServicesSectionTwoA": "Estimated treatment capacity of 20 m³/d FS in a phased treatment approach. Can be scaled up or down as needed.",
18+
"emergencyServicesSectionTwoB": "All the needed equipment for the construction of the 1st and 2nd phase treatment plants are included in the FSM ERU treatment plant module. The first two phases were developed for disaster response/humanitarian aid missions, with an estimated duration of 2 years or more with regular operation and maintenance.",
19+
"emergencyServicesSectionTwoC": "1ˢᵗ phase – lime treatment",
20+
"emergencyServicesSectionTwoCC": "The 1ˢᵗ phase of the treatment plant is set-up to quickly provide Lime treatment, a chemical treatment, increases the pH (makes it alkaline) in FS to such a degree that pathogenic bacteria die off. The limed FS is put on sludge drying beds which separate the solid and liquid parts. The solids are dried and incinerated, the liquids are filtered through the sludge drying beds and infiltrated into the ground. ",
21+
"emergencyServicesSectionTwoD": "2ⁿᵈ phase – aerobic treatment",
22+
"emergencyServicesSectionTwoDD": "The 2ⁿᵈ phase of the treatment plant uses as main liquid-phase treatment process the activated sludge process which allows biological carbon and nitrogen removal. Before discharge into the environment the liquid effluent is sand filtered and disinfected with chlorine. The solids separated out of FS are dried and incinerated.",
23+
"emergencyServicesSectionTwoE": "3ʳᵈ phase – transferal to long-term sustainable treatment",
24+
"emergencyServicesSectionTwoEE": "The 3ʳᵈ phase of the treatment plant is different to the first two as it is not a one-way mobile, flat-packed, quick set-up plant, but a permanent construction adapted to local conditions. A guidebook for the technology decision of the permanent treatment plant was developed for use by WASH generalists during the design process with civil engineering companies.",
25+
"designedFor": "Designed For",
26+
"designedForItemOne": "Interoperability with IFRC Mass Sanitation Module 20 ERUs.",
27+
"designedForItemTwo": "Use in:",
28+
"designedForItemTwoA": "Urban humanitarian aid settings with a very high population density and imminent lack of space and transport capacityRefugee/IDP camps with a very high population densityScenarios with collapsed FS or wastewater (WW) management services (emptying & transport, treatment and disposal)",
29+
"designedForItemTwoB": "Scenarios where the traditional sanitation response is not sufficient (latrine pits fill up quicker than new construction is possible, no new construction of pits is possible)",
30+
"personnel": "Personnel",
31+
"totalPersonnelHeader": "International staff:",
32+
"totalPersonnelLabel": "Total",
33+
"totalPersonnelValue": "6 – 10",
34+
"totalPersonnelItemA": "Team leader",
35+
"totalPersonnelItemB": "Admin/logistic support delegate",
36+
"totalPersonnelItemC": "HP/CEA delegate",
37+
"totalPersonnelItemD": "Emptying and transport delegate",
38+
"totalPersonnelItemE": "Treatment plant manager/operator",
39+
"totalPersonnelItemF": "Laboratory manager/technician",
40+
"personnelFooterA": "The team size and specification will depend on results from the field test of the FSM ERU, on the specific deployment and phase of the deployment.",
41+
"personnelFooterB": "More detailed job profiles in line with the Rapid Response Profiles are currently being developed.",
42+
"specification": "Specification",
43+
"specificationWeightLabel": "Weight",
44+
"specificationWeightValue": "not yet available",
45+
"specificationVolumeLabel": "Volume",
46+
"specificationVolumeValue": "not yet available",
47+
"specificationCostLabel": "Cost (indicative)",
48+
"specificationCostValue": "not yet available",
49+
"specificationTemperatureLabel": "Temperature range",
50+
"specificationTemperatureValue": "0 – 40 °C ambient temperature**",
51+
"specificationModularityLabel": "Modular approach",
52+
"specificationModularityValueA": "Emptying and transport",
53+
"specificationModularityValueB": "Treatment plant",
54+
"specificationModularityValueC": "Support module ",
55+
"specificationModularityFooter": "**… the ambient temperature has a large impact on the chosen treatment processes. A winterization module is currently in planning.",
56+
"specificationNSLabel": "National societies providing this service",
57+
"specificationNSDescription": "The following National Societies support the development of the FSM ERU:",
58+
"specificationNSItem": "The following National Societies support the development of the FSM ERU:",
59+
"specificationNSItemA": "Austrian Red Cross",
60+
"specificationNSItemB": "German Red Cross",
61+
"specificationNSItemC": "Swedish Red Cross",
62+
"specificationNSItemD": "British Red Cross",
63+
"specificationNSItemE": "French Red Cross",
64+
"specificationNSItemF": "Uganda Red Cross Society",
65+
"specificationNSItemG": "Netherlands Red Cross",
66+
"specificationNSItemH": "IFRC GVA",
67+
"specificationNSItemI": "IFRC Regional WASH coordinators",
68+
"variation": "Variation of Configuration",
69+
"variationTextOne": "The FSM ERU treatment plant consists of two independent treatment lines. If needed the treatment plant can be split and positioned in separate locations and additional lines could be added over time.",
70+
"variationTextTwo": "The whole FSM ERU treatment plant is designed to treat 20 m³ FS per day (estimated FS production of 20 000 people). The treatment plant capacity can be reduced:",
71+
"variationTextTwoA": "10 m³ FS per day (10 000 people): use of one treatment plant line",
72+
"variationTextTwoB": "5 m³ FS per day (5 000 people): use of one reduced treatment plant line",
73+
"variationTextThree": "While the FSM ERU has been designed for the collection, transport and treatment of FS, the treatment plant could be adapted for connection to a sewer system and use with wastewater."
74+
}
75+
}

‎app/src/views/SurgeCatalogueWashSludge/index.tsx‎

Lines changed: 198 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,198 @@
1+
import { useMemo } from 'react';
2+
import { TextOutput } from '@ifrc-go/ui';
3+
import { useTranslation } from '@ifrc-go/ui/hooks';
4+
5+
import SurgeCatalogueContainer from '#components/domain/SurgeCatalogueContainer';
6+
import SurgeContentContainer from '#components/domain/SurgeContentContainer';
7+
8+
import i18n from './i18n.json';
9+
10+
/** @knipignore */
11+
// eslint-disable-next-line import/prefer-default-export
12+
export function Component() {
13+
const strings = useTranslation(i18n);
14+
15+
const imageList = useMemo(
16+
() => ([
17+
{
18+
src: 'https://prddsgofilestorage.blob.core.windows.net/api/documents/FSM/72a3cbe0b29742118ddec07e50dcd372/containers.gif',
19+
caption: strings.SludgeImageOneCaption,
20+
},
21+
{
22+
src: 'https://prddsgofilestorage.blob.core.windows.net/api/documents/FSM/b72fbb3ffd184cdbb72cc5b3fb22c8d4/envelopes.gif',
23+
caption: strings.SludgeImageTwoCaption,
24+
},
25+
{
26+
src: 'https://prddsgofilestorage.blob.core.windows.net/api/documents/FSM/7ff1db3ec9324578bcf1f463ef68f611/5columns.gif',
27+
caption: strings.SludgeImageThreeCaption,
28+
},
29+
{
30+
src: 'https://prddsgofilestorage.blob.core.windows.net/api/documents/FSM/da7d101649664a37becb4c8ed11c7561/roles_respons.jpg',
31+
caption: strings.SludgeImageFourCaption,
32+
},
33+
]),
34+
[
35+
strings.SludgeImageOneCaption,
36+
strings.SludgeImageTwoCaption,
37+
strings.SludgeImageThreeCaption,
38+
strings.SludgeImageFourCaption,
39+
],
40+
);
41+
42+
return (
43+
<SurgeCatalogueContainer
44+
heading={strings.faecalSludgeManagement}
45+
goBackFallbackLink="surgeCatalogueWash"
46+
imageList={imageList}
47+
>
48+
<SurgeContentContainer
49+
heading={strings.washCapacity}
50+
>
51+
<div>{strings.washCapacityTextOne}</div>
52+
<div>{strings.washCapacityTextTwo}</div>
53+
</SurgeContentContainer>
54+
<SurgeContentContainer
55+
heading={strings.emergencyServices}
56+
>
57+
<ul>
58+
<li>
59+
{strings.emergencyServicesSectionOneA}
60+
<br />
61+
{strings.emergencyServicesSectionOneB}
62+
</li>
63+
<ul>
64+
<li>{strings.emergencyServicesSectionOneC}</li>
65+
<li>{strings.emergencyServicesSectionOneD}</li>
66+
</ul>
67+
<li>
68+
{strings.emergencyServicesSectionTwoA}
69+
<br />
70+
{strings.emergencyServicesSectionTwoB}
71+
</li>
72+
<ul>
73+
<li>
74+
<dl>
75+
<dt>{strings.emergencyServicesSectionTwoC}</dt>
76+
<dd>{strings.emergencyServicesSectionTwoCC}</dd>
77+
</dl>
78+
</li>
79+
<li>
80+
<dl>
81+
<dt>{strings.emergencyServicesSectionTwoD}</dt>
82+
<dd>{strings.emergencyServicesSectionTwoDD}</dd>
83+
</dl>
84+
</li>
85+
<li>
86+
<dl>
87+
<dt>{strings.emergencyServicesSectionTwoE}</dt>
88+
<dd>{strings.emergencyServicesSectionTwoEE}</dd>
89+
</dl>
90+
</li>
91+
</ul>
92+
</ul>
93+
</SurgeContentContainer>
94+
<SurgeContentContainer
95+
heading={strings.designedFor}
96+
>
97+
<div>{strings.designedForItemOne}</div>
98+
<div>{strings.designedForItemTwo}</div>
99+
<ul>
100+
<li>{strings.designedForItemTwoA}</li>
101+
<li>{strings.designedForItemTwoB}</li>
102+
</ul>
103+
</SurgeContentContainer>
104+
<SurgeContentContainer
105+
heading={strings.personnel}
106+
>
107+
<dl>
108+
<dt>{strings.totalPersonnelHeader}</dt>
109+
<br />
110+
<dd>
111+
<TextOutput
112+
value={strings.totalPersonnelValue}
113+
label={strings.totalPersonnelLabel}
114+
strongLabel
115+
/>
116+
<ul>
117+
<li>{strings.totalPersonnelItemA}</li>
118+
<li>{strings.totalPersonnelItemB}</li>
119+
<li>{strings.totalPersonnelItemC}</li>
120+
<li>{strings.totalPersonnelItemD}</li>
121+
<li>{strings.totalPersonnelItemE}</li>
122+
<li>{strings.totalPersonnelItemF}</li>
123+
</ul>
124+
</dd>
125+
</dl>
126+
<div>{strings.personnelFooterA}</div>
127+
<div>{strings.personnelFooterB}</div>
128+
</SurgeContentContainer>
129+
<SurgeContentContainer
130+
heading={strings.specification}
131+
>
132+
<TextOutput
133+
label={strings.specificationWeightLabel}
134+
value={strings.specificationWeightValue}
135+
strongLabel
136+
/>
137+
<TextOutput
138+
label={strings.specificationVolumeLabel}
139+
value={strings.specificationVolumeValue}
140+
strongLabel
141+
/>
142+
<TextOutput
143+
label={strings.specificationCostLabel}
144+
value={strings.specificationCostValue}
145+
strongLabel
146+
/>
147+
<TextOutput
148+
label={strings.specificationTemperatureLabel}
149+
value={strings.specificationTemperatureValue}
150+
strongLabel
151+
/>
152+
<TextOutput
153+
label={strings.specificationModularityLabel}
154+
value={(
155+
<ul>
156+
<li>{strings.specificationModularityValueA}</li>
157+
<li>{strings.specificationModularityValueB}</li>
158+
<li>{strings.specificationModularityValueC}</li>
159+
</ul>
160+
)}
161+
strongLabel
162+
/>
163+
<div>{strings.specificationModularityFooter}</div>
164+
</SurgeContentContainer>
165+
<SurgeContentContainer
166+
heading={strings.specificationNSLabel}
167+
>
168+
<div>{strings.specificationNSDescription}</div>
169+
<ul>
170+
<li>{strings.specificationNSItemA}</li>
171+
<li>{strings.specificationNSItemB}</li>
172+
<li>{strings.specificationNSItemC}</li>
173+
<li>{strings.specificationNSItemD}</li>
174+
<li>{strings.specificationNSItemE}</li>
175+
<li>{strings.specificationNSItemF}</li>
176+
<li>{strings.specificationNSItemG}</li>
177+
<li>{strings.specificationNSItemH}</li>
178+
<li>{strings.specificationNSItemI}</li>
179+
</ul>
180+
</SurgeContentContainer>
181+
<SurgeContentContainer
182+
heading={strings.variation}
183+
>
184+
<div>{strings.variationTextOne}</div>
185+
<div>
186+
{strings.variationTextTwo}
187+
<ul>
188+
<li>{strings.variationTextTwoA}</li>
189+
<li>{strings.variationTextTwoB}</li>
190+
</ul>
191+
</div>
192+
<div>{strings.variationTextThree}</div>
193+
</SurgeContentContainer>
194+
</SurgeCatalogueContainer>
195+
);
196+
}
197+
198+
Component.displayName = 'SurgeCatalogueWashSludge';

0 commit comments

Comments
 (0)