datastake-daf 0.6.252 → 0.6.253
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.js +1 -34
- package/dist/utils/index.js +1 -1
- package/package.json +1 -1
- package/src/@daf/core/components/Dashboard/Globe/Globe.stories.js +0 -8
- package/src/@daf/core/components/Dashboard/Globe/hook.js +0 -42
- package/src/@daf/core/components/Dashboard/Map/hook.js +1 -1
- package/src/@daf/core/components/Dashboard/Map/storyConfig.js +1 -2
- package/src/@daf/core/components/ViewForm/helper.js +1 -1
- package/src/@daf/core/components/Dashboard/Map/storyConfig6.js +0 -366
package/dist/components/index.js
CHANGED
|
@@ -18408,7 +18408,7 @@ const useMap$1 = ({
|
|
|
18408
18408
|
const pos = allData.map(m => Array.isArray(m.area) ? m.area : [Number(m.marker?.lat ?? 0), Number(m.marker?.lng ?? 0)]);
|
|
18409
18409
|
const bounds = new L__namespace.LatLngBounds(pos);
|
|
18410
18410
|
mapRef.fitBounds(bounds, {
|
|
18411
|
-
padding: [
|
|
18411
|
+
padding: [20, 20]
|
|
18412
18412
|
});
|
|
18413
18413
|
}
|
|
18414
18414
|
}
|
|
@@ -19699,39 +19699,6 @@ const useGlobe = ({
|
|
|
19699
19699
|
}));
|
|
19700
19700
|
roots.current.push(root);
|
|
19701
19701
|
}
|
|
19702
|
-
} else if (type === "project") {
|
|
19703
|
-
// Handle project markers
|
|
19704
|
-
const el = document.createElement('div');
|
|
19705
|
-
el.className = 'mapboxgl-marker project-marker';
|
|
19706
|
-
el.style.width = '30px';
|
|
19707
|
-
el.style.height = '30px';
|
|
19708
|
-
el.style.backgroundColor = '#52c41a'; // Green color for projects
|
|
19709
|
-
el.style.borderRadius = '50%';
|
|
19710
|
-
el.style.border = '3px solid white';
|
|
19711
|
-
el.style.cursor = 'pointer';
|
|
19712
|
-
el.style.boxShadow = '0px 3.45px 3.45px 0px #00000029';
|
|
19713
|
-
el.style.display = 'flex';
|
|
19714
|
-
el.style.alignItems = 'center';
|
|
19715
|
-
el.style.justifyContent = 'center';
|
|
19716
|
-
el.style.color = 'white';
|
|
19717
|
-
el.style.fontWeight = 'bold';
|
|
19718
|
-
el.style.fontSize = '12px';
|
|
19719
|
-
|
|
19720
|
-
// Add project icon (you can customize this)
|
|
19721
|
-
el.innerHTML = '📋';
|
|
19722
|
-
const div = document.createElement("div");
|
|
19723
|
-
const root = client.createRoot(div);
|
|
19724
|
-
root.render( /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
19725
|
-
children: renderTooltipJsx({
|
|
19726
|
-
title: d.name,
|
|
19727
|
-
items: renderTooltip(d),
|
|
19728
|
-
link,
|
|
19729
|
-
total: d.sources,
|
|
19730
|
-
onClickLink: () => onClickLink(d)
|
|
19731
|
-
})
|
|
19732
|
-
}));
|
|
19733
|
-
roots.current.push(root);
|
|
19734
|
-
marker = new mapboxgl.Marker(el).setLngLat([d.marker.lng, d.marker.lat]).setPopup(new mapboxgl.Popup().setDOMContent(div)).addTo(mapRef);
|
|
19735
19702
|
} else {
|
|
19736
19703
|
// Default marker for other types
|
|
19737
19704
|
const el = document.createElement('div');
|
package/dist/utils/index.js
CHANGED
|
@@ -3835,7 +3835,7 @@ function showHideForm(form, formsValue) {
|
|
|
3835
3835
|
|
|
3836
3836
|
/* eslint-disable no-constant-condition */
|
|
3837
3837
|
const getNkey = namespace => {
|
|
3838
|
-
if (['location', 'scl', 'village', 'event', 'incidents', 'corrective-actions', 'testimonials', 'initiatives', 'victims', 'pictures', 'documents', 'lir', 'sp', 'im', 'sci', 'bpe', 'gm'
|
|
3838
|
+
if (['location', 'scl', 'village', 'event', 'incidents', 'corrective-actions', 'testimonials', 'initiatives', 'victims', 'pictures', 'documents', 'lir', 'sp', 'im', 'sci', 'bpe', 'gm'].includes(namespace)) {
|
|
3839
3839
|
return 'scoping';
|
|
3840
3840
|
}
|
|
3841
3841
|
return namespace;
|
package/package.json
CHANGED
|
@@ -264,48 +264,6 @@ export const useGlobe = ({
|
|
|
264
264
|
|
|
265
265
|
roots.current.push(root);
|
|
266
266
|
}
|
|
267
|
-
} else if (type === "project") {
|
|
268
|
-
// Handle project markers
|
|
269
|
-
const el = document.createElement('div');
|
|
270
|
-
el.className = 'mapboxgl-marker project-marker';
|
|
271
|
-
el.style.width = '30px';
|
|
272
|
-
el.style.height = '30px';
|
|
273
|
-
el.style.backgroundColor = '#52c41a'; // Green color for projects
|
|
274
|
-
el.style.borderRadius = '50%';
|
|
275
|
-
el.style.border = '3px solid white';
|
|
276
|
-
el.style.cursor = 'pointer';
|
|
277
|
-
el.style.boxShadow = '0px 3.45px 3.45px 0px #00000029';
|
|
278
|
-
el.style.display = 'flex';
|
|
279
|
-
el.style.alignItems = 'center';
|
|
280
|
-
el.style.justifyContent = 'center';
|
|
281
|
-
el.style.color = 'white';
|
|
282
|
-
el.style.fontWeight = 'bold';
|
|
283
|
-
el.style.fontSize = '12px';
|
|
284
|
-
|
|
285
|
-
// Add project icon (you can customize this)
|
|
286
|
-
el.innerHTML = '📋';
|
|
287
|
-
|
|
288
|
-
const div = document.createElement("div");
|
|
289
|
-
const root = createRoot(div);
|
|
290
|
-
|
|
291
|
-
root.render(
|
|
292
|
-
<>
|
|
293
|
-
{renderTooltipJsx({
|
|
294
|
-
title: d.name,
|
|
295
|
-
items: renderTooltip(d),
|
|
296
|
-
link,
|
|
297
|
-
total: d.sources,
|
|
298
|
-
onClickLink: () => onClickLink(d),
|
|
299
|
-
})}
|
|
300
|
-
</>,
|
|
301
|
-
);
|
|
302
|
-
|
|
303
|
-
roots.current.push(root);
|
|
304
|
-
|
|
305
|
-
marker = new mapboxgl.Marker(el)
|
|
306
|
-
.setLngLat([d.marker.lng, d.marker.lat])
|
|
307
|
-
.setPopup(new mapboxgl.Popup().setDOMContent(div))
|
|
308
|
-
.addTo(mapRef);
|
|
309
267
|
} else {
|
|
310
268
|
// Default marker for other types
|
|
311
269
|
const el = document.createElement('div');
|
|
@@ -306,7 +306,7 @@ export const useMap = ({
|
|
|
306
306
|
: [Number(m.marker?.lat ?? 0), Number(m.marker?.lng ?? 0)],
|
|
307
307
|
);
|
|
308
308
|
const bounds = new L.LatLngBounds(pos);
|
|
309
|
-
mapRef.fitBounds(bounds, { padding: [
|
|
309
|
+
mapRef.fitBounds(bounds, { padding: [20, 20] });
|
|
310
310
|
}
|
|
311
311
|
}
|
|
312
312
|
}, [allData, mapRef]);
|
|
@@ -3,6 +3,5 @@ import { storyConfig as DefaultMapConfig } from "./storyConfig2.js";
|
|
|
3
3
|
import { storyConfig as TerritoryMapConfig } from "./storyConfig3.js";
|
|
4
4
|
import { storyConfig as StakeholderMapConfig } from "./storyConfig4.js";
|
|
5
5
|
import { storyConfig as ChainMapConfig } from "./storyConfig5.js";
|
|
6
|
-
import { storyConfig as ProjectConfig } from "./storyConfig6.js";
|
|
7
6
|
|
|
8
|
-
export { DefaultMapConfig, TerritoryMapConfig, StakeholderMapConfig, EventConfig, ChainMapConfig
|
|
7
|
+
export { DefaultMapConfig, TerritoryMapConfig, StakeholderMapConfig, EventConfig, ChainMapConfig };
|
|
@@ -144,7 +144,7 @@ export const filterInputs = (form, data, repeatValues) => {
|
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
export const getNkey = (namespace) => {
|
|
147
|
-
if (['location', 'scl', 'village', 'event', 'incidents', 'corrective-actions', 'testimonials', 'initiatives', 'victims', 'pictures', 'documents', 'lir', 'sp', 'im', 'sci', 'bpe', 'gm'
|
|
147
|
+
if (['location', 'scl', 'village', 'event', 'incidents', 'corrective-actions', 'testimonials', 'initiatives', 'victims', 'pictures', 'documents', 'lir', 'sp', 'im', 'sci', 'bpe', 'gm'].includes(namespace)) {
|
|
148
148
|
return 'scoping';
|
|
149
149
|
}
|
|
150
150
|
|
|
@@ -1,366 +0,0 @@
|
|
|
1
|
-
import { findCoordinatesByCountry } from "../Globe/globeHelpers";
|
|
2
|
-
|
|
3
|
-
// Transform project data to match Globe component expectations
|
|
4
|
-
const transformProjectsToGlobeData = (projects) => {
|
|
5
|
-
return projects.map(project => {
|
|
6
|
-
// Get coordinates from country code
|
|
7
|
-
const coordinates = findCoordinatesByCountry(project.country);
|
|
8
|
-
|
|
9
|
-
return {
|
|
10
|
-
...project,
|
|
11
|
-
marker: {
|
|
12
|
-
lat: coordinates[0],
|
|
13
|
-
lng: coordinates[1]
|
|
14
|
-
},
|
|
15
|
-
name: project.name || project.title,
|
|
16
|
-
description: project.projectDescription || "No description available",
|
|
17
|
-
total: 1, // Each project is a single marker
|
|
18
|
-
sources: 1,
|
|
19
|
-
type: "project",
|
|
20
|
-
// Add project-specific data for tooltip
|
|
21
|
-
projectData: {
|
|
22
|
-
datastakeId: project.datastakeId,
|
|
23
|
-
sectoralScope: project.sectoralScope,
|
|
24
|
-
percentageCompletion: project.percentageCompletion,
|
|
25
|
-
country: project.country,
|
|
26
|
-
author: project.author?.name,
|
|
27
|
-
createdAt: project.createdAt,
|
|
28
|
-
mainImage: project.mainImage?.[0]?.url
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
// Sample project data from the user
|
|
35
|
-
const sampleProjects = [
|
|
36
|
-
{
|
|
37
|
-
"_id": "687a4d9a4cfa60f30db94c52",
|
|
38
|
-
"createdAt": "2025-07-18T00:00:00.000Z",
|
|
39
|
-
"updatedAt": "2025-07-18T00:00:00.000Z",
|
|
40
|
-
"form": "straatosProject",
|
|
41
|
-
"id": "3129457d-b787-4955-ba25-04d67fecfaaa",
|
|
42
|
-
"name": "ABC Mangrove Senegal",
|
|
43
|
-
"country": "SN",
|
|
44
|
-
"datastakeId": "PRJ-00000000103",
|
|
45
|
-
"title": "ABC Mangrove Senegal",
|
|
46
|
-
"sectoralScope": "agricultureForestryAndOtherLandUse",
|
|
47
|
-
"sdgs": [],
|
|
48
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
49
|
-
"percentageCompletion": 11.76470588235294,
|
|
50
|
-
"projectDescription": "ABC Mangrove Senegal is an environmental and community-focused initiative dedicated to the restoration, preservation, and sustainable management of mangrove ecosystems in Senegal.",
|
|
51
|
-
"mainImage": [
|
|
52
|
-
{
|
|
53
|
-
"url": "https://cdn.straatos.io/dev/company-df5378ae-704a-4a46-93b2-336cc5341456/user-e8d71443-339f-4b45-bbf5-22f0e5f09601/auth-bg_cropped-1754901830065.png",
|
|
54
|
-
"path": "dev/company-df5378ae-704a-4a46-93b2-336cc5341456/user-e8d71443-339f-4b45-bbf5-22f0e5f09601/auth-bg_cropped-1754901830065.png",
|
|
55
|
-
"name": "auth-bg_cropped-1754901830065.png",
|
|
56
|
-
"size": 1693409,
|
|
57
|
-
"type": "image/png"
|
|
58
|
-
}
|
|
59
|
-
],
|
|
60
|
-
"author": {
|
|
61
|
-
"name": "Geri SHPK",
|
|
62
|
-
"country": "AL",
|
|
63
|
-
"category": "civilSociety",
|
|
64
|
-
"subCategory": "internationalNGO"
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
"_id": "687a57e24cfa60f30db954ca",
|
|
69
|
-
"createdAt": "2025-07-18T00:00:00.000Z",
|
|
70
|
-
"updatedAt": "2025-07-18T00:00:00.000Z",
|
|
71
|
-
"form": "project",
|
|
72
|
-
"id": "10e09c02-1986-4eb5-9069-355bffdfb93d",
|
|
73
|
-
"name": "Testing",
|
|
74
|
-
"country": "SN",
|
|
75
|
-
"datastakeId": "PRJ-00000000104",
|
|
76
|
-
"title": "Testing",
|
|
77
|
-
"sectoralScope": "agricultureForestryAndOtherLandUse",
|
|
78
|
-
"sdgs": [],
|
|
79
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
80
|
-
"percentageCompletion": 28.57142857142857,
|
|
81
|
-
"author": {
|
|
82
|
-
"name": "Geri SHPK",
|
|
83
|
-
"country": "AL",
|
|
84
|
-
"category": "civilSociety",
|
|
85
|
-
"subCategory": "internationalNGO"
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"_id": "687e619d4cfa60f30db967ea",
|
|
90
|
-
"createdAt": "2025-07-21T15:49:49.431Z",
|
|
91
|
-
"updatedAt": "2025-07-21T15:49:49.431Z",
|
|
92
|
-
"form": "straatosProject",
|
|
93
|
-
"id": "51440c46-2d42-452d-8ea1-614002589d4c",
|
|
94
|
-
"name": "Pietra's Project",
|
|
95
|
-
"country": "BR",
|
|
96
|
-
"datastakeId": "PRJ-00000000105",
|
|
97
|
-
"title": "Pietra's Project",
|
|
98
|
-
"sectoralScope": "agricultureForestryAndOtherLandUse",
|
|
99
|
-
"sdgs": [],
|
|
100
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
101
|
-
"author": {
|
|
102
|
-
"name": "Geri SHPK",
|
|
103
|
-
"country": "AL",
|
|
104
|
-
"category": "civilSociety",
|
|
105
|
-
"subCategory": "internationalNGO"
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"_id": "6883918729bcd5751e8dd579",
|
|
110
|
-
"createdAt": "2025-07-25T14:15:35.305Z",
|
|
111
|
-
"updatedAt": "2025-07-25T14:15:35.305Z",
|
|
112
|
-
"form": "straatosProject",
|
|
113
|
-
"id": "275acff8-c478-40a5-a23d-94968dca01d1",
|
|
114
|
-
"name": "efwefwe",
|
|
115
|
-
"country": "AX",
|
|
116
|
-
"datastakeId": "PRJ-00000000106",
|
|
117
|
-
"title": "efwefwe",
|
|
118
|
-
"sectoralScope": "agricultureForestryAndOtherLandUse",
|
|
119
|
-
"sdgs": [],
|
|
120
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
121
|
-
"percentageCompletion": 100,
|
|
122
|
-
"author": {
|
|
123
|
-
"name": "Geri SHPK",
|
|
124
|
-
"country": "AL",
|
|
125
|
-
"category": "civilSociety",
|
|
126
|
-
"subCategory": "internationalNGO"
|
|
127
|
-
}
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
"_id": "6883b50e29bcd5751e8dda3e",
|
|
131
|
-
"createdAt": "2025-07-25T00:00:00.000Z",
|
|
132
|
-
"updatedAt": "2025-07-25T00:00:00.000Z",
|
|
133
|
-
"form": "project",
|
|
134
|
-
"id": "3bac13f1-4ebc-4428-9230-af1dc6ab1ab9",
|
|
135
|
-
"name": "Geri Test",
|
|
136
|
-
"country": "AS",
|
|
137
|
-
"datastakeId": "PRJ-00000000107",
|
|
138
|
-
"title": "Geri Test",
|
|
139
|
-
"sectoralScope": "agricultureForestryAndOtherLandUse",
|
|
140
|
-
"sdgs": [],
|
|
141
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
142
|
-
"percentageCompletion": 33.33333333333333,
|
|
143
|
-
"projectDescription": "ABC Mangrove Senegal is an environmental and community-focused initiative dedicated to the restoration, preservation, and sustainable management of mangrove ecosystems in Senegal.",
|
|
144
|
-
"mainImage": [
|
|
145
|
-
{
|
|
146
|
-
"url": "https://cdn.straatos.io/dev/company-df5378ae-704a-4a46-93b2-336cc5341456/user-e8d71443-339f-4b45-bbf5-22f0e5f09600/screenshot-from-2024-11-11-09-29-22-1758200879648.png",
|
|
147
|
-
"path": "dev/company-df5378ae-704a-4a46-93b2-336cc5341456/user-e8d71443-339f-4b45-bbf5-22f0e5f09600/screenshot-from-2024-11-11-09-29-22-1758200879648.png",
|
|
148
|
-
"name": "screenshot-from-2024-11-11-09-29-22-1758200879648.png",
|
|
149
|
-
"size": 414991,
|
|
150
|
-
"type": "image/png"
|
|
151
|
-
}
|
|
152
|
-
],
|
|
153
|
-
"author": {
|
|
154
|
-
"name": "Geri SHPK",
|
|
155
|
-
"country": "AL",
|
|
156
|
-
"category": "civilSociety",
|
|
157
|
-
"subCategory": "internationalNGO"
|
|
158
|
-
}
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"_id": "688c66c62fb165d7a389fbf7",
|
|
162
|
-
"createdAt": "2025-08-01T07:03:34.501Z",
|
|
163
|
-
"updatedAt": "2025-08-01T07:03:34.501Z",
|
|
164
|
-
"form": "straatosProject",
|
|
165
|
-
"id": "39fd860e-412c-456f-9b70-a67d4dc82433",
|
|
166
|
-
"name": "test 777",
|
|
167
|
-
"country": "AL",
|
|
168
|
-
"datastakeId": "PRJ-00000000109",
|
|
169
|
-
"title": "test 777",
|
|
170
|
-
"sectoralScope": "agricultureForestryAndOtherLandUse",
|
|
171
|
-
"sdgs": [],
|
|
172
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
173
|
-
"author": {
|
|
174
|
-
"name": "Geri SHPK",
|
|
175
|
-
"country": "AL",
|
|
176
|
-
"category": "civilSociety",
|
|
177
|
-
"subCategory": "internationalNGO"
|
|
178
|
-
}
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"_id": "68927b8d3c4650496ed9003f",
|
|
182
|
-
"createdAt": "2025-08-05T00:00:00.000Z",
|
|
183
|
-
"updatedAt": "2025-08-05T00:00:00.000Z",
|
|
184
|
-
"form": "straatosProject",
|
|
185
|
-
"id": "468204d2-28d6-4097-a362-ad12d642bf4f",
|
|
186
|
-
"name": "Current",
|
|
187
|
-
"country": "AL",
|
|
188
|
-
"datastakeId": "PRJ-00000000111",
|
|
189
|
-
"title": "Current",
|
|
190
|
-
"mainImage": [
|
|
191
|
-
{
|
|
192
|
-
"url": "https://cdn.straatos.io/dev/company-df5378ae-704a-4a46-93b2-336cc5341456/user-e8d71443-339f-4b45-bbf5-22f0e5f09600/screenshot-from-2024-11-28-12-41-52-1754465225229.png",
|
|
193
|
-
"path": "dev/company-df5378ae-704a-4a46-93b2-336cc5341456/user-e8d71443-339f-4b45-bbf5-22f0e5f09600/screenshot-from-2024-11-28-12-41-52-1754465225229.png",
|
|
194
|
-
"name": "screenshot-from-2024-11-28-12-41-52-1754465225229.png",
|
|
195
|
-
"size": 92090,
|
|
196
|
-
"type": "image/png"
|
|
197
|
-
}
|
|
198
|
-
],
|
|
199
|
-
"sectoralScope": "energy",
|
|
200
|
-
"sdgs": [],
|
|
201
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
202
|
-
"percentageCompletion": 17.647058823529413,
|
|
203
|
-
"projectDescription": "testing testing testing",
|
|
204
|
-
"author": {
|
|
205
|
-
"name": "Geri SHPK",
|
|
206
|
-
"country": "AL",
|
|
207
|
-
"category": "civilSociety",
|
|
208
|
-
"subCategory": "internationalNGO"
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
{
|
|
212
|
-
"_id": "68985abea7d389ab99d611e4",
|
|
213
|
-
"createdAt": "2025-08-10T00:00:00.000Z",
|
|
214
|
-
"updatedAt": "2025-08-10T00:00:00.000Z",
|
|
215
|
-
"form": "project",
|
|
216
|
-
"id": "c949c1a4-f83d-45fa-820f-0ee56bc023ba",
|
|
217
|
-
"name": "project 1",
|
|
218
|
-
"country": "AL",
|
|
219
|
-
"datastakeId": "PRJ-00000000112",
|
|
220
|
-
"title": "project 1",
|
|
221
|
-
"mainImage": [
|
|
222
|
-
{
|
|
223
|
-
"url": "https://cdn.straatos.io/dev/company-df5378ae-704a-4a46-93b2-336cc5341456/user-e8d71443-339f-4b45-bbf5-22f0e5f09601/abcmangrove_allcot-10-1756470770827.jpg",
|
|
224
|
-
"path": "dev/company-df5378ae-704a-4a46-93b2-336cc5341456/user-e8d71443-339f-4b45-bbf5-22f0e5f09601/abcmangrove_allcot-10-1756470770827.jpg",
|
|
225
|
-
"name": "abcmangrove_allcot-10-1756470770827.jpg",
|
|
226
|
-
"size": 146120,
|
|
227
|
-
"type": "image/jpeg"
|
|
228
|
-
}
|
|
229
|
-
],
|
|
230
|
-
"sectoralScope": "agricultureForestryAndOtherLandUse",
|
|
231
|
-
"sdgs": [],
|
|
232
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
233
|
-
"percentageCompletion": 25,
|
|
234
|
-
"author": {
|
|
235
|
-
"name": "Geri SHPK",
|
|
236
|
-
"country": "AL",
|
|
237
|
-
"category": "civilSociety",
|
|
238
|
-
"subCategory": "internationalNGO"
|
|
239
|
-
}
|
|
240
|
-
},
|
|
241
|
-
{
|
|
242
|
-
"_id": "68c3e1817ce6a6d7d8c16250",
|
|
243
|
-
"createdAt": "2025-09-12T00:00:00.000Z",
|
|
244
|
-
"updatedAt": "2025-09-12T00:00:00.000Z",
|
|
245
|
-
"form": "project",
|
|
246
|
-
"id": "b7a6ce62-dda3-4ffd-8f5a-e9721e15fe9f",
|
|
247
|
-
"name": "test fran",
|
|
248
|
-
"country": "CL",
|
|
249
|
-
"datastakeId": "PRJ-00000000113",
|
|
250
|
-
"title": "test fran",
|
|
251
|
-
"sectoralScope": "agricultureForestryAndOtherLandUse",
|
|
252
|
-
"sdgs": [],
|
|
253
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
254
|
-
"percentageCompletion": 25,
|
|
255
|
-
"author": {
|
|
256
|
-
"name": "Geri SHPK",
|
|
257
|
-
"country": "AL",
|
|
258
|
-
"category": "civilSociety",
|
|
259
|
-
"subCategory": "internationalNGO"
|
|
260
|
-
}
|
|
261
|
-
},
|
|
262
|
-
{
|
|
263
|
-
"_id": "68cab88001892530c66c3079",
|
|
264
|
-
"createdAt": "2025-09-17T13:32:48.646Z",
|
|
265
|
-
"updatedAt": "2025-09-17T13:32:48.646Z",
|
|
266
|
-
"form": "project",
|
|
267
|
-
"id": "a64070b0-74bc-4694-8e29-8006f9de70f7",
|
|
268
|
-
"name": "Pietra's Project",
|
|
269
|
-
"country": "AL",
|
|
270
|
-
"datastakeId": "PRJ-00000000114",
|
|
271
|
-
"title": "Pietra's Project",
|
|
272
|
-
"sectoralScope": "fugitiveEmissionsFromIndustrialGases",
|
|
273
|
-
"sdgs": [],
|
|
274
|
-
"authorId": "df5378ae-704a-4a46-93b2-336cc5341456",
|
|
275
|
-
"percentageCompletion": 25,
|
|
276
|
-
"author": {
|
|
277
|
-
"name": "Geri SHPK",
|
|
278
|
-
"country": "AL",
|
|
279
|
-
"category": "civilSociety",
|
|
280
|
-
"subCategory": "internationalNGO"
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
];
|
|
284
|
-
|
|
285
|
-
export const storyConfig = {
|
|
286
|
-
data: transformProjectsToGlobeData(sampleProjects),
|
|
287
|
-
type: "project",
|
|
288
|
-
primaryLink: true,
|
|
289
|
-
showSider: true,
|
|
290
|
-
siderTitle: "Project Details",
|
|
291
|
-
renderTooltip: (project) => {
|
|
292
|
-
return [
|
|
293
|
-
{ label: "Project ID", value: project.projectData?.datastakeId || "N/A" },
|
|
294
|
-
{ label: "Sector", value: project.projectData?.sectoralScope || "N/A" },
|
|
295
|
-
{ label: "Completion", value: `${Math.round(project.projectData?.percentageCompletion || 0)}%` },
|
|
296
|
-
{ label: "Country", value: project.projectData?.country || "N/A" },
|
|
297
|
-
{ label: "Author", value: project.projectData?.author || "N/A" },
|
|
298
|
-
{ label: "Created", value: project.projectData?.createdAt ? new Date(project.projectData.createdAt).toLocaleDateString() : "N/A" }
|
|
299
|
-
];
|
|
300
|
-
},
|
|
301
|
-
renderSider: (activeMarker) => {
|
|
302
|
-
const project = activeMarker.data;
|
|
303
|
-
const projectData = project.projectData;
|
|
304
|
-
|
|
305
|
-
return (
|
|
306
|
-
<div className="project-sider">
|
|
307
|
-
{projectData?.mainImage && (
|
|
308
|
-
<div className="project-image mb-3">
|
|
309
|
-
<img
|
|
310
|
-
src={projectData.mainImage}
|
|
311
|
-
alt={project.name}
|
|
312
|
-
style={{ width: '100%', height: '200px', objectFit: 'cover', borderRadius: '8px' }}
|
|
313
|
-
/>
|
|
314
|
-
</div>
|
|
315
|
-
)}
|
|
316
|
-
|
|
317
|
-
<div className="project-details">
|
|
318
|
-
<div className="detail-row mb-2">
|
|
319
|
-
<span className="label">Project ID:</span>
|
|
320
|
-
<span className="value">{projectData?.datastakeId || "N/A"}</span>
|
|
321
|
-
</div>
|
|
322
|
-
|
|
323
|
-
<div className="detail-row mb-2">
|
|
324
|
-
<span className="label">Sectoral Scope:</span>
|
|
325
|
-
<span className="value">{projectData?.sectoralScope || "N/A"}</span>
|
|
326
|
-
</div>
|
|
327
|
-
|
|
328
|
-
<div className="detail-row mb-2">
|
|
329
|
-
<span className="label">Completion:</span>
|
|
330
|
-
<span className="value">{Math.round(projectData?.percentageCompletion || 0)}%</span>
|
|
331
|
-
</div>
|
|
332
|
-
|
|
333
|
-
<div className="detail-row mb-2">
|
|
334
|
-
<span className="label">Country:</span>
|
|
335
|
-
<span className="value">{projectData?.country || "N/A"}</span>
|
|
336
|
-
</div>
|
|
337
|
-
|
|
338
|
-
<div className="detail-row mb-2">
|
|
339
|
-
<span className="label">Author:</span>
|
|
340
|
-
<span className="value">{projectData?.author || "N/A"}</span>
|
|
341
|
-
</div>
|
|
342
|
-
|
|
343
|
-
<div className="detail-row mb-2">
|
|
344
|
-
<span className="label">Created:</span>
|
|
345
|
-
<span className="value">
|
|
346
|
-
{projectData?.createdAt ? new Date(projectData.createdAt).toLocaleDateString() : "N/A"}
|
|
347
|
-
</span>
|
|
348
|
-
</div>
|
|
349
|
-
|
|
350
|
-
{project.description && (
|
|
351
|
-
<div className="detail-row mt-3">
|
|
352
|
-
<span className="label">Description:</span>
|
|
353
|
-
<p className="value mt-1" style={{ fontSize: '14px', lineHeight: '1.4' }}>
|
|
354
|
-
{project.description}
|
|
355
|
-
</p>
|
|
356
|
-
</div>
|
|
357
|
-
)}
|
|
358
|
-
</div>
|
|
359
|
-
</div>
|
|
360
|
-
);
|
|
361
|
-
},
|
|
362
|
-
onClickLink: (project) => {
|
|
363
|
-
console.log('Project clicked:', project);
|
|
364
|
-
// You can add navigation logic here
|
|
365
|
-
}
|
|
366
|
-
};
|