nouamanetazi HF staff commited on
Commit
5f1dd3f
1 Parent(s): c072865

french version

Browse files
Files changed (1) hide show
  1. app.py +105 -42
app.py CHANGED
@@ -49,34 +49,81 @@ st.markdown(
49
  unsafe_allow_html=True,
50
  )
51
 
52
- st.markdown(
53
- """
54
- <div style="text-align: right;">
55
-
56
- نتعاونو هي منصة تعاونية لمساعدة الأفراد المتضررين من الزلزال الأخير في المغرب. مهمتنا هي تسهيل تقديم المساعدة في الوقت المناسب و بفاعلية و تنظيم لجميع المتضررين. كيفاش؟ كنعاونو الناس لي محتاجين للمساعدة إعلمونا بمكانهم و نوع المساعدة لي محتاجين ليها سواء عن طريق ملأ الاستمارة أو عن طريق إرسال تسجيل صوتي عبر واتساب إلى رقم مخصص. بعد معالجة هاد المعلومات، كنجمعوهم فخريطة كتمكن الجمعيات من تنظيم و استهداف تدخلاتهم بدقة باش توصل المساعدة للناس لي محتاجين في وقت أسرع. و كل جمعية قامت باللازم في منطقة معينة تقدر تعلمنا عن طريق ملأ استمارة مخصصة لهاد الأمر. هاد المعلومات كذلك كتضاف للخريطة باش باقي الجمعيات يتاجهو لمناطق أخرى مازال ماوصلاتهم مساعدة.
57
- تحذير : نظرا لخطورة الطرقان بسبب الحجر اللي كيطيح من الجبال، ننصح المتطوعين اللي بغاو يساعدو المناطق المتضررة يتبرعو عن طريق الجمعيات المختصة.
58
-
59
- [email protected] المتطوعين ليبغاو يعاونوا يقدرو يتصلوا معنا عبر البريد ✉️
60
- https://forms.gle/nZNCUVog9ka2Vdqu6 : ساعدونا نبلغو الناس ليمحتاجين فهاد الاستمارة 📝<br>
61
- https://forms.gle/PsNSuHHjTTgwQMmVA : الجمعيات لي عندهم تدخلات يقدرو يبلغونا عبر هاد الاستمار ة📝
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62
  </div>
63
- """,
64
- unsafe_allow_html=True,
65
- )
66
-
67
-
68
- st.markdown("""
69
- <div style="text-align: left;">
70
- Nt3awnou نتعاونو is a collaborative platform dedicated to aiding individuals impacted by the recent earthquake in Morocco. Our core mission is to streamline and coordinate timely assistance for everyone affected. How do we achieve this? We assist those in need by allowing them to communicate their location and the specific aid they require, either by completing a form or sending a voice message via WhatsApp to a designated number. Once we receive and process this information, it can be viewed in our dashboard, which allows NGOs to organize and precisely target their interventions, ensuring swift assistance reaches those in need. Any organization that has taken initiative in a particular area can notify us by completing a dedicated form. This data is also incorporated into the dashboard so that other NGOs can help affected areas that still haven't received help.
71
- Warning : There are still rocks falling down the mountains, making the roads to the affected areas very dangerous. We advise volunteers to donate directly to specialized NGOs.
72
 
73
- ✉️ You can contact us via email at [email protected] <br>
74
- 📝 Help us report more people in need by filling this form: https://forms.gle/nZNCUVog9ka2Vdqu6 <br>
75
- 📝 NGOs can report their interventions by filling this form: https://forms.gle/PsNSuHHjTTgwQMmVA
76
- </div>
77
- """,
78
- unsafe_allow_html=True,
79
- )
80
 
81
  session = requests.Session()
82
  @st.cache_data(persist=True)
@@ -124,13 +171,24 @@ interventions_df = parse_gg_sheet_interventions(
124
  )
125
 
126
  # select requests
127
- headers_mapping = {
128
- "إغاثة": "Rescue/إغاثة",
129
- "مساعدة طبية": "Medical Assistance/مساعدة طبية",
130
- "مأوى": "Shelter/مأوى",
131
- "طعام وماء": "Food & Water/طعام وماء",
132
- "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Danger/مخاطر (تسرب الغاز، تلف في الخدمات العامة...)",
133
- }
 
 
 
 
 
 
 
 
 
 
 
134
  colors_mapping = {
135
  "إغاثة": "red",
136
  "مساعدة طبية": "orange",
@@ -145,27 +203,30 @@ icon_mapping = {
145
  "طعام وماء": "cutlery", # cutlery (fork and knife) for food & water
146
  "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Warning" # warning triangle for dangers
147
  }
148
-
149
  options = ["إغاثة", "مساعدة طبية", "مأوى", "طعام وماء", "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)"]
150
  selected_options = []
151
 
152
- st.markdown("👉 **Choose request type / اختر نوع الطلب**")
 
 
 
 
 
 
153
  col1, col2, col3, col4, col5 = st.columns([2, 3, 2, 3, 4])
154
  cols = [col1, col2, col3, col4, col5]
155
 
156
  for i, option in enumerate(options):
157
  checked = cols[i].checkbox(headers_mapping[option], value=True)
158
  if checked:
159
- selected_options.append(headers_mapping[option])
160
 
161
- arabic_options = [e.split("/")[1] for e in selected_options]
162
  df['id'] = df.index
163
- filtered_df = df[df['ما هي احتياجاتك؟ (أضفها إذا لم يتم ذكرها)'].isin(arabic_options)]
164
- selected_headers = [headers_mapping[request] for request in arabic_options]
165
 
166
  # select interventions
167
- st.markdown("👇 **View past or planned interventions / عرض عمليات المساعدة السابقة أو المخطط لها**")
168
- show_interventions = st.checkbox("Display Interventions عرض التدخلات", value=True)
169
 
170
  m = folium.Map(
171
  location=[31.228674, -7.992047],
@@ -253,15 +314,17 @@ st.subheader("📝 **Table of requests / جدول الطلبات** https://forms
253
  st.markdown(
254
  """
255
  <iframe src="https://docs.google.com/spreadsheets/d/1gYoBBiBo1L18IVakHkf3t1fOGvHWb23loadyFZUeHJs/" width="100%" height="600px"></iframe>
 
256
  """,
257
  unsafe_allow_html=True,
258
  )
259
 
260
  # Google Sheet Table
261
- st.subheader("📝 **Table of interventions / جدول التدخلات** https://forms.gle/PsNSuHHjTTgwQMmVA")
262
  st.markdown(
263
  """
264
  <iframe src="https://docs.google.com/spreadsheets/d/1eXOTqunOWWP8FRdENPs4cU9ulISm4XZWYJJNR1-SrwY/?single=true&gid=419657423&range=f2:g6&widget=false&chrome=false" width="100%" height="600px"></iframe>
 
265
  """,
266
  unsafe_allow_html=True,
267
  )
 
49
  unsafe_allow_html=True,
50
  )
51
 
52
+ # st.markdown(
53
+ # """
54
+ # <div style="text-align: right;">
55
+
56
+ # نتعاونو هي منصة تعاونية لمساعدة الأفراد المتضررين من الزلزال الأخير في المغرب. مهمتنا هي تسهيل تقديم المساعدة في الوقت المناسب و بفاعلية و تنظيم لجميع المتضررين. كيفاش؟ كنعاونو الناس لي محتاجين للمساعدة إعلمونا بمكانهم و نوع المساعدة لي محتاجين ليها سواء عن طريق ملأ الاستمارة أو عن طريق إرسال تسجيل صوتي عبر واتساب إلى رقم مخصص. بعد معالجة هاد المعلومات، كنجمعوهم فخريطة كتمكن الجمعيات من تنظيم و استهداف تدخلاتهم بدقة باش توصل المساعدة للناس لي محتاجين في وقت أسرع. و كل جمعية قامت باللازم في منطقة معينة تقدر تعلمنا عن طريق ملأ استمارة مخصصة لهاد الأمر. هاد المعلومات كذلك كتضاف للخريطة باش باقي الجمعيات يتاجهو لمناطق أخرى مازال ماوصلاتهم مساعدة.
57
+ # تحذير : نظرا لخطورة الطرقان بسبب الحجر اللي كيطيح من الجبال، ننصح المتطوعين اللي بغاو يساعدو المناطق المتضررة يتبرعو عن طريق الجمعيات المختصة.
58
+
59
+ # [email protected] المتطوعين ليبغاو يعاونوا يقدرو يتصلوا معنا عبر البريد ✉️
60
+ # https://forms.gle/nZNCUVog9ka2Vdqu6 : ساعدونا نبلغو الناس ليمحتاجين فهاد الاستمارة 📝<br>
61
+ # https://forms.gle/PsNSuHHjTTgwQMmVA : الجمعيات لي عندهم تدخلات يقدرو يبلغونا عبر هاد الاستمار ة📝
62
+ # </div>
63
+ # """,
64
+ # unsafe_allow_html=True,
65
+ # )
66
+
67
+
68
+ # st.markdown("""
69
+ # <div style="text-align: left;">
70
+ # Nt3awnou نتعاونو is a collaborative platform dedicated to aiding individuals impacted by the recent earthquake in Morocco. Our core mission is to streamline and coordinate timely assistance for everyone affected. How do we achieve this? We assist those in need by allowing them to communicate their location and the specific aid they require, either by completing a form or sending a voice message via WhatsApp to a designated number. Once we receive and process this information, it can be viewed in our dashboard, which allows NGOs to organize and precisely target their interventions, ensuring swift assistance reaches those in need. Any organization that has taken initiative in a particular area can notify us by completing a dedicated form. This data is also incorporated into the dashboard so that other NGOs can help affected areas that still haven't received help.
71
+ # Warning : There are still rocks falling down the mountains, making the roads to the affected areas very dangerous. We advise volunteers to donate directly to specialized NGOs.
72
+
73
+ # ✉️ You can contact us via email at [email protected] <br>
74
+ # 📝 Help us report more people in need by filling this form: https://forms.gle/nZNCUVog9ka2Vdqu6 <br>
75
+ # 📝 NGOs can report their interventions by filling this form: https://forms.gle/PsNSuHHjTTgwQMmVA
76
+ # </div>
77
+ # """,
78
+ # unsafe_allow_html=True,
79
+ # )
80
+
81
+ # Have different streamlit tabs for each language
82
+ st.sidebar.title("Language / اللغة")
83
+ tab_en, tab_ar, tab_fr = st.tabs(["English", "العربية", "Français"])
84
+
85
+ with tab_en:
86
+ st.markdown("""
87
+ <div style="text-align: left;">
88
+ Nt3awnou نتعاونو is a collaborative platform dedicated to aiding individuals impacted by the recent earthquake in Morocco. Our core mission is to streamline and coordinate timely assistance for everyone affected. How do we achieve this? We assist those in need by allowing them to communicate their location and the specific aid they require, either by completing a form or sending a voice message via WhatsApp to a designated number. Once we receive and process this information, it can be viewed in our dashboard, which allows NGOs to organize and precisely target their interventions, ensuring swift assistance reaches those in need. Any organization that has taken initiative in a particular area can notify us by completing a dedicated form. This data is also incorporated into the dashboard so that other NGOs can help affected areas that still haven't received help.
89
+ Warning : There are still rocks falling down the mountains, making the roads to the affected areas very dangerous. We advise volunteers to donate directly to specialized NGOs.
90
+
91
+ ✉️ You can contact us via email at [email protected] <br>
92
+ 📝 Help us report more people in need by filling this form: https://forms.gle/nZNCUVog9ka2Vdqu6 <br>
93
+ 📝 NGOs can report their interventions by filling this form: https://forms.gle/PsNSuHHjTTgwQMmVA
94
+ </div>
95
+ """,
96
+ unsafe_allow_html=True,
97
+ )
98
+ with tab_ar:
99
+ st.markdown(
100
+ """
101
+ <div style="text-align: right;">
102
+
103
+ نتعاونو هي منصة تعاونية لمساعدة الأفراد المتضررين من الزلزال الأخير في المغرب. مهمتنا هي تسهيل تقديم المساعدة في الوقت المناسب و بفاعلية و تنظيم لجميع المتضررين. كيفاش؟ كنعاونو الناس لي محتاجين للمساعدة إعلمونا بمكانهم و نوع المساعدة لي محتاجين ليها سواء عن طريق ملأ الاستمارة أو عن طريق إرسال تسجيل صوتي عبر واتساب إلى رقم مخصص. بعد معالجة هاد المعلومات، كنجمعوهم فخريطة كتمكن الجمعيات من تنظيم و استهداف تدخلاتهم بدقة باش توصل المساعدة للناس لي محتاجين في وقت أسرع. و كل جمعية قامت باللازم في منطقة معينة تقدر تعلمنا عن طريق ملأ استمارة مخصصة لهاد الأمر. هاد المعلومات كذلك كتضاف للخريطة باش باقي الجمعيات يتاجهو لمناطق أخرى مازال ماوصلاتهم مساعدة.
104
+ تحذير : نظرا لخطورة الطرقان بسبب الحجر اللي كيطيح من الجبال، ننصح المتطوعين اللي بغاو يساعدو المناطق المتضررة يتبرعو عن طريق الجمعيات المختصة.
105
+
106
+ [email protected] المتطوعين ليبغاو يعاونوا يقدرو يتصلوا معنا عبر البريد ✉️
107
+ https://forms.gle/nZNCUVog9ka2Vdqu6 : ساعدونا نبلغو الناس ليمحتاجين فهاد الاستمارة 📝<br>
108
+ https://forms.gle/PsNSuHHjTTgwQMmVA : الجمعيات لي عندهم تدخلات يقدرو يبلغونا عبر هاد الاستمار ة📝
109
+ </div>
110
+ """,
111
+ unsafe_allow_html=True,
112
+ )
113
+
114
+ with tab_fr:
115
+ st.markdown("""
116
+ <div style="text-align: left;">
117
+ Nt3awnou نتعاونو est une plateforme collaborative dédiée à l'aide aux personnes touchées par le récent tremblement de terre au Maroc. Notre mission principale est de rationaliser et de coordonner une assistance rapide pour toutes les personnes touchées. Comment y parvenons-nous ? Nous aidons les personnes dans le besoin en leur permettant de communiquer leur localisation et l'aide spécifique dont elles ont besoin, soit en remplissant un formulaire, soit en envoyant un message vocal via WhatsApp à un numéro désigné. Une fois reçues et traitées, ces informations peuvent être consultées dans notre tableau de bord, qui permet aux associations d'organiser et de cibler précisément leurs interventions, afin que l'aide parvienne rapidement à ceux qui en ont besoin. Toute organisation ayant pris une initiative dans une zone particulière peut nous en informer en remplissant un formulaire prévu à cet effet. Ces données sont également intégrées au tableau de bord afin que d'autres associations puissent aider les zones touchées qui n'ont pas encore reçu d'aide.
118
+ Avertissement : Il y a encore des chutes de pierres dans les montagnes, ce qui rend les routes vers les zones touchées très dangereuses. Nous conseillons aux volontaires de faire des dons directement aux associations spécialisées.
119
+
120
+ Vous pouvez nous contacter par courrier électronique à l'adresse suivante : [email protected]
121
+ Aidez-nous à signaler plus de personnes dans le besoin en remplissant ce formulaire : https://forms.gle/nZNCUVog9ka2Vdqu6
122
+ Les associations peuvent signaler leurs interventions en remplissant ce formulaire : https://forms.gle/PsNSuHHjTTgwQMmVA
123
  </div>
124
+ """
125
+ , unsafe_allow_html=True)
 
 
 
 
 
 
 
126
 
 
 
 
 
 
 
 
127
 
128
  session = requests.Session()
129
  @st.cache_data(persist=True)
 
171
  )
172
 
173
  # select requests
174
+ with tab_ar:
175
+ headers_mapping = {
176
+ "إغاثة": "Rescue/إغاثة",
177
+ "مساعدة طبية": "Medical Assistance/مساعدة طبية",
178
+ "مأوى": "Shelter/مأوى",
179
+ "طعام وماء": "Food & Water/طعام وماء",
180
+ "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Danger/مخاطر (تسرب الغاز، تلف في الخدمات العامة...)",
181
+ }
182
+ with tab_en:
183
+ headers_mapping = {
184
+ "إغاثة" : "Rescue | إغاثة | Secours",
185
+ "مساعدة طبية": "Medical Assistance | مساعدة طبية | Assistance médicale",
186
+ "مأوى": "Shelter | مأوى | Abri",
187
+ "طعام وماء": "Food & Water | طعام وماء | Nourriture et eau",
188
+ "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Danger | مخاطر (تسرب الغاز، تلف في الخدمات العامة...) | Danger",
189
+ }
190
+
191
+
192
  colors_mapping = {
193
  "إغاثة": "red",
194
  "مساعدة طبية": "orange",
 
203
  "طعام وماء": "cutlery", # cutlery (fork and knife) for food & water
204
  "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)": "Warning" # warning triangle for dangers
205
  }
 
206
  options = ["إغاثة", "مساعدة طبية", "مأوى", "طعام وماء", "مخاطر (تسرب الغاز، تلف في الخدمات العامة...)"]
207
  selected_options = []
208
 
209
+ with tab_en:
210
+ st.markdown("👉 **Choose request type**")
211
+ with tab_ar:
212
+ st.markdown("👉 **اختر نوع الطلب**")
213
+ with tab_fr:
214
+ st.markdown("👉 **Choisissez le type de demande**")
215
+
216
  col1, col2, col3, col4, col5 = st.columns([2, 3, 2, 3, 4])
217
  cols = [col1, col2, col3, col4, col5]
218
 
219
  for i, option in enumerate(options):
220
  checked = cols[i].checkbox(headers_mapping[option], value=True)
221
  if checked:
222
+ selected_options.append(option)
223
 
 
224
  df['id'] = df.index
225
+ filtered_df = df[df['ما هي احتياجاتك؟ (أضفها إذا لم يتم ذكرها)'].isin(selected_options)]
226
+ selected_headers = [headers_mapping[request] for request in selected_options]
227
 
228
  # select interventions
229
+ show_interventions = st.checkbox("Display Interventions | عرض عمليات المساعدة | Afficher les interventions", value=True)
 
230
 
231
  m = folium.Map(
232
  location=[31.228674, -7.992047],
 
314
  st.markdown(
315
  """
316
  <iframe src="https://docs.google.com/spreadsheets/d/1gYoBBiBo1L18IVakHkf3t1fOGvHWb23loadyFZUeHJs/" width="100%" height="600px"></iframe>
317
+ <br>
318
  """,
319
  unsafe_allow_html=True,
320
  )
321
 
322
  # Google Sheet Table
323
+ st.subheader("📝 **Table of interventions / جدول عمليات المساعدة** https://forms.gle/PsNSuHHjTTgwQMmVA")
324
  st.markdown(
325
  """
326
  <iframe src="https://docs.google.com/spreadsheets/d/1eXOTqunOWWP8FRdENPs4cU9ulISm4XZWYJJNR1-SrwY/?single=true&gid=419657423&range=f2:g6&widget=false&chrome=false" width="100%" height="600px"></iframe>
327
+ <br>
328
  """,
329
  unsafe_allow_html=True,
330
  )