From 02f5fcfd5f98f3ef064e16ea79b178b1557622c7 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Fri, 7 Nov 2025 11:23:48 +0100
Subject: [PATCH 01/22] Remove the fcp code on the weather-time component

---
 .../templates/components/my2_weather_time_container.xml     | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/my_compassion/templates/components/my2_weather_time_container.xml b/my_compassion/templates/components/my2_weather_time_container.xml
index 2c023090..96bcba9b 100644
--- a/my_compassion/templates/components/my2_weather_time_container.xml
+++ b/my_compassion/templates/components/my2_weather_time_container.xml
@@ -13,7 +13,6 @@
 
     Injected data:
     - timezone (string): timezone of the center.
-    - fcp_id (string): Identifier of the compassion project.
     - church_name (string): name of the local church associated with the center.
     - city_country (string): represents where the center is located in the following format city,country.
 
@@ -24,11 +23,10 @@
     <template id="WeatherTimeContainer" name="Weather and Time Container">
         <link rel="stylesheet" href="/my_compassion/static/src/css/my2_weather_time_container.css" />
         <div class="center-info-card d-none">
-            <t t-if="fcp_id and church_name">
+            <t t-if="church_name">
                 <div class="center-info-card__header">
                     <p class="center-info-card__project-info">
-                        <t t-esc="fcp_id" />
-                        ,
+
                         <t t-esc="church_name" />
                     </p>
                 </div>

From c590ae1c1b1b18fc525fb758e09e93cd46b281d4 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Fri, 7 Nov 2025 16:03:40 +0100
Subject: [PATCH 02/22] Refactor container in CSS and fix maxwidth

---
 .../src/css/my2_weather_time_container.css    | 27 +++++++++++++++++--
 .../templates/pages/my2_child_timeline.xml    |  2 +-
 .../static/src/scss/components/_map.scss      |  2 +-
 3 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/my_compassion/static/src/css/my2_weather_time_container.css b/my_compassion/static/src/css/my2_weather_time_container.css
index 3b612f76..b990934b 100644
--- a/my_compassion/static/src/css/my2_weather_time_container.css
+++ b/my_compassion/static/src/css/my2_weather_time_container.css
@@ -1,10 +1,33 @@
+.weather-time-container-wrapper {
+  position: absolute;
+  bottom: 0;
+  left: 50%; /* Center the container */
+  transform: translateX(-50%); /* Fine-tune the centering */
+  z-index: 10;
+
+  /* --- CHANGED RULES --- */
+  /* This combination tells the wrapper to be 100% of the parent's width,
+    but never more than 70%. The result is a centered block
+    that is exactly 70% of the parent's width.
+  */
+  width: max-content;
+  max-width: 70%;
+  /* ------------------- */
+
+  box-sizing: border-box;
+}
+
 .center-info-card {
     font-family: var(--font-primary);
     background-color: #ffffff;
     border-radius: 0.375rem;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-    width: max-content; /* Adapts itself to the width of the container */
-    margin: 0 auto; /* Horizontal centering */
+
+    /* This is correct as you provided.
+      It makes the card fill its parent wrapper (which is now 70% wide).
+    */
+    width: 100%;
+    margin: 0;
 }
 /*
   Styles for the header element
diff --git a/my_compassion/templates/pages/my2_child_timeline.xml b/my_compassion/templates/pages/my2_child_timeline.xml
index 1a814097..65fd000c 100644
--- a/my_compassion/templates/pages/my2_child_timeline.xml
+++ b/my_compassion/templates/pages/my2_child_timeline.xml
@@ -452,7 +452,7 @@
                             </t>
                         </t>
                         <div
-                            style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; padding-bottom: 1rem;"
+                            class="weather-time-container-wrapper"
                         >
                             <t t-call="my_compassion.WeatherTimeContainer">
                                 <t t-set="timezone" t-value="timezone" />
diff --git a/theme_compassion_2025/static/src/scss/components/_map.scss b/theme_compassion_2025/static/src/scss/components/_map.scss
index 9f4484b5..039171be 100644
--- a/theme_compassion_2025/static/src/scss/components/_map.scss
+++ b/theme_compassion_2025/static/src/scss/components/_map.scss
@@ -16,7 +16,7 @@
 }
 
 .map {
-    height: 400px;
+    height: 600px;
 
     &--load-failed {
         height: 0 !important;

From 2e4b89b27746d935c2298b8562f5756ef035f0d9 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Fri, 7 Nov 2025 18:29:01 +0100
Subject: [PATCH 03/22] Add ellipsis when text are too long for the container.

---
 .../src/css/my2_weather_time_container.css    | 33 +++++++++++++------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/my_compassion/static/src/css/my2_weather_time_container.css b/my_compassion/static/src/css/my2_weather_time_container.css
index b990934b..0c2b753c 100644
--- a/my_compassion/static/src/css/my2_weather_time_container.css
+++ b/my_compassion/static/src/css/my2_weather_time_container.css
@@ -4,15 +4,15 @@
   left: 50%; /* Center the container */
   transform: translateX(-50%); /* Fine-tune the centering */
   z-index: 10;
+  padding: 0 1rem 1rem;
 
-  /* --- CHANGED RULES --- */
-  /* This combination tells the wrapper to be 100% of the parent's width,
-    but never more than 70%. The result is a centered block
-    that is exactly 70% of the parent's width.
+  /*
+    This combination tells the wrapper to be 100% of the parent's width,
+    but never more than 70%. This creates a stable container
+    that allows text inside to wrap correctly.
   */
   width: max-content;
   max-width: 70%;
-  /* ------------------- */
 
   box-sizing: border-box;
 }
@@ -23,12 +23,11 @@
     border-radius: 0.375rem;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 
-    /* This is correct as you provided.
-      It makes the card fill its parent wrapper (which is now 70% wide).
-    */
+    /* Makes the card fill its parent wrapper (which is now capped at 70%) */
     width: 100%;
     margin: 0;
 }
+
 /*
   Styles for the header element
 */
@@ -51,6 +50,13 @@
     font-size: 0.875rem;
     margin: 0;
     text-align: center;
+
+    /* === REPLACED RULES === */
+    /* Remove the old 'overflow-wrap' and 'word-wrap' rules */
+    /* and add these three lines: */
+    white-space: nowrap;      /* 1. Keep all text on a single line */
+    overflow: hidden;         /* 2. Hide any text that goes past the edge */
+    text-overflow: ellipsis;  /* 3. Add the "..." (ellipsis) */
 }
 
 /*
@@ -60,8 +66,14 @@
     color: var(--low-green);
     text-align: center;
     margin-top: 0.9rem;
-}
 
+    /* === REPLACED RULES === */
+    /* Remove the old 'overflow-wrap' and 'word-wrap' rules */
+    /* and add these three lines: */
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 /*
   Styles for the time and weather details container
 */
@@ -72,6 +84,7 @@
     align-items: center;
     color: var(--color-mid-grey);
 }
+
 /*
   Styles for the time, which has its own spacing
 */
@@ -135,4 +148,4 @@
 /* mid-grey */
 .weather-icon-cloudy {
     background-color: var(--mid-grey);
-}
+}
\ No newline at end of file

From 5ae6d962ef5939c965e2d633817883c345159d0f Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Fri, 7 Nov 2025 18:31:34 +0100
Subject: [PATCH 04/22] Add dynamic downscaling to componenent

---
 .../src/css/my2_weather_time_container.css    | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/my_compassion/static/src/css/my2_weather_time_container.css b/my_compassion/static/src/css/my2_weather_time_container.css
index 0c2b753c..294a0280 100644
--- a/my_compassion/static/src/css/my2_weather_time_container.css
+++ b/my_compassion/static/src/css/my2_weather_time_container.css
@@ -78,7 +78,10 @@
   Styles for the time and weather details container
 */
 .center-info-card__details {
-    font-size: x-large;
+    /* This new responsive font-size now controls
+       the icon size as well */
+    font-size: clamp(1.125rem, 4vw, 1.5rem);
+
     display: flex;
     justify-content: center;
     align-items: center;
@@ -93,12 +96,19 @@
     color: var(--low-grey);
 }
 
+/*
+  Styles for the separator line
+*/
 /*
   Styles for the separator line
 */
 .center-info-card__separator {
     border-left: 1px solid var(--mid-brown);
-    height: 1.25em; /* Make the line vertically centered */
+
+    /* This 'em' unit is relative to the parent's
+       new responsive font-size, so it will scale. */
+    height: 1.25em;
+
     margin-right: 1rem;
 }
 
@@ -115,9 +125,11 @@
   Styles for the weather icon
 */
 .center-info-card__weather-icon {
-    width: 20px;
-    height: 20px;
-    margin-right: 0.5rem; /* 8px */
+    /* === THIS IS THE CHANGE FOR THE ICON === */
+    /* It scales relative to the parent's (details) font-size */
+    width: 1em;
+    height: 1em;
+    margin-right: 0.5rem;
 }
 
 /*

From 45a380d63b89aedfe5bbac2a8ecdf63795079d27 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Mon, 10 Nov 2025 09:04:36 +0100
Subject: [PATCH 05/22] Allow 2 lines for the info. text

---
 .../src/css/my2_weather_time_container.css       | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/my_compassion/static/src/css/my2_weather_time_container.css b/my_compassion/static/src/css/my2_weather_time_container.css
index 294a0280..bb555cae 100644
--- a/my_compassion/static/src/css/my2_weather_time_container.css
+++ b/my_compassion/static/src/css/my2_weather_time_container.css
@@ -42,6 +42,9 @@
     width: -webkit-fill-available;
 }
 
+/*
+  Styles for the project/church info text
+*/
 /*
   Styles for the project/church info text
 */
@@ -51,12 +54,13 @@
     margin: 0;
     text-align: center;
 
-    /* === REPLACED RULES === */
-    /* Remove the old 'overflow-wrap' and 'word-wrap' rules */
-    /* and add these three lines: */
-    white-space: nowrap;      /* 1. Keep all text on a single line */
-    overflow: hidden;         /* 2. Hide any text that goes past the edge */
-    text-overflow: ellipsis;  /* 3. Add the "..." (ellipsis) */
+    /* === NEW RULES FOR 2-LINE TRUNCATION === */
+    /* Remove white-space: nowrap; and text-overflow: ellipsis; */
+
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2; /* Limit to 2 lines */
+    -webkit-box-orient: vertical;
 }
 
 /*

From fbb73e01208a44cd3b48c26b74ecd5ddaf3f5951 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Mon, 10 Nov 2025 13:34:55 +0100
Subject: [PATCH 06/22] Set map height of map and round its corners

---
 .../src/css/my2_weather_time_container.css    | 19 ++++++++++++-------
 .../templates/pages/my2_child_timeline.xml    |  2 +-
 .../static/src/scss/components/_map.scss      |  5 +++--
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/my_compassion/static/src/css/my2_weather_time_container.css b/my_compassion/static/src/css/my2_weather_time_container.css
index bb555cae..8622cdc2 100644
--- a/my_compassion/static/src/css/my2_weather_time_container.css
+++ b/my_compassion/static/src/css/my2_weather_time_container.css
@@ -5,6 +5,7 @@
   transform: translateX(-50%); /* Fine-tune the centering */
   z-index: 10;
   padding: 0 1rem 1rem;
+   font-size: clamp(0.8rem, 4vw, 1.125rem);
 
   /*
     This combination tells the wrapper to be 100% of the parent's width,
@@ -71,12 +72,16 @@
     text-align: center;
     margin-top: 0.9rem;
 
-    /* === REPLACED RULES === */
-    /* Remove the old 'overflow-wrap' and 'word-wrap' rules */
-    /* and add these three lines: */
-    white-space: nowrap;
+    /* === UPDATED FOR 2-LINE TRUNCATION === */
+    /* Replaced 'nowrap' and 'ellipsis' rules */
     overflow: hidden;
-    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2; /* Limit to 2 lines */
+    -webkit-box-orient: vertical;
+    /* === END OF UPDATE === */
+
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
 }
 /*
   Styles for the time and weather details container
@@ -84,12 +89,12 @@
 .center-info-card__details {
     /* This new responsive font-size now controls
        the icon size as well */
-    font-size: clamp(1.125rem, 4vw, 1.5rem);
-
     display: flex;
     justify-content: center;
     align-items: center;
     color: var(--color-mid-grey);
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
 }
 
 /*
diff --git a/my_compassion/templates/pages/my2_child_timeline.xml b/my_compassion/templates/pages/my2_child_timeline.xml
index 65fd000c..9088e96c 100644
--- a/my_compassion/templates/pages/my2_child_timeline.xml
+++ b/my_compassion/templates/pages/my2_child_timeline.xml
@@ -435,7 +435,7 @@
                             </div>
                         </div>
                     </section>
-                    <!-- ### Weather and Time Component ### -->
+                    <!-- ### Weather, Time and Map Component ### -->
                     <section
                         t-if="access_scope == 'sponsor'"
                         class="cd-weather-map-container js-cd-weather-map-container"
diff --git a/theme_compassion_2025/static/src/scss/components/_map.scss b/theme_compassion_2025/static/src/scss/components/_map.scss
index 039171be..7c984620 100644
--- a/theme_compassion_2025/static/src/scss/components/_map.scss
+++ b/theme_compassion_2025/static/src/scss/components/_map.scss
@@ -16,8 +16,8 @@
 }
 
 .map {
-    height: 600px;
-
+    height: 525px;
+border-radius: 25px;
     &--load-failed {
         height: 0 !important;
         overflow: hidden;
@@ -29,6 +29,7 @@
         transform: translate(-50%, -50%) !important;
     }
 
+
     .custom-map-pin {
         background-color: #ffd257 !important;
         border-radius: 100%;

From 1898394849864461efb1af1a6cc98cc6b98fe483 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Mon, 10 Nov 2025 14:40:51 +0100
Subject: [PATCH 07/22] Fix translated pegman button

---
 .../static/src/scss/components/_map.scss       | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/theme_compassion_2025/static/src/scss/components/_map.scss b/theme_compassion_2025/static/src/scss/components/_map.scss
index 7c984620..309e932c 100644
--- a/theme_compassion_2025/static/src/scss/components/_map.scss
+++ b/theme_compassion_2025/static/src/scss/components/_map.scss
@@ -17,7 +17,7 @@
 
 .map {
     height: 525px;
-border-radius: 25px;
+    border-radius: 25px;
     &--load-failed {
         height: 0 !important;
         overflow: hidden;
@@ -135,8 +135,9 @@ border-radius: 25px;
             filter: invert(1) brightness(0);
         }
 
+        /* FIX 3: Direction arrows are now visible on mobile */
         @media (max-width: $breakpoint-sm) {
-            visibility: hidden;
+            /* visibility: hidden; */
         }
     }
 
@@ -148,10 +149,18 @@ border-radius: 25px;
         }
     }
 
+    /* FIX 1: Added .gm-svpc to color the mobile Pegman button */
+    .gm-svpc,
     .gm-fullscreen-control{
         background-color: var(--mid-yellow) !important;
     }
 
+    /* FIX 2: Added this new rule to center the mobile Pegman icon */
+    .gm-svpc img {
+        transform: translate(-50%, -50%) !important;
+    }
+
+
     div:has(button[aria-label="Zoom in"]):has(button[aria-label="Zoom out"]) {
         background-color: transparent !important;
         border-radius: 15px !important;
@@ -195,8 +204,9 @@ border-radius: 25px;
 // Responsive Adjustments
 // =====================
 
+/* FIX 3 is also here: This rule is now commented out */
 @media (max-width: $breakpoint-sm) {
     button[aria-label="Map camera controls"] {
-        visibility: hidden;
+        /* visibility: hidden; */
     }
-}
+}
\ No newline at end of file

From ac45681289e8bbfc72f6d3172638d596db04ae7e Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Mon, 10 Nov 2025 17:20:11 +0100
Subject: [PATCH 08/22] Refactor comments and remove useless code

Refactor

Refactor
---
 .../src/css/my2_weather_time_container.css      | 17 ++---------------
 .../static/src/scss/components/_map.scss        |  9 ++-------
 2 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/my_compassion/static/src/css/my2_weather_time_container.css b/my_compassion/static/src/css/my2_weather_time_container.css
index 8622cdc2..8882f810 100644
--- a/my_compassion/static/src/css/my2_weather_time_container.css
+++ b/my_compassion/static/src/css/my2_weather_time_container.css
@@ -2,7 +2,7 @@
   position: absolute;
   bottom: 0;
   left: 50%; /* Center the container */
-  transform: translateX(-50%); /* Fine-tune the centering */
+  transform: translateX(-50%);
   z-index: 10;
   padding: 0 1rem 1rem;
    font-size: clamp(0.8rem, 4vw, 1.125rem);
@@ -55,8 +55,6 @@
     margin: 0;
     text-align: center;
 
-    /* === NEW RULES FOR 2-LINE TRUNCATION === */
-    /* Remove white-space: nowrap; and text-overflow: ellipsis; */
 
     overflow: hidden;
     display: -webkit-box;
@@ -72,13 +70,11 @@
     text-align: center;
     margin-top: 0.9rem;
 
-    /* === UPDATED FOR 2-LINE TRUNCATION === */
-    /* Replaced 'nowrap' and 'ellipsis' rules */
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2; /* Limit to 2 lines */
     -webkit-box-orient: vertical;
-    /* === END OF UPDATE === */
+
 
     margin-left: 0.5rem;
     margin-right: 0.5rem;
@@ -104,18 +100,11 @@
     margin-right: 1rem;
     color: var(--low-grey);
 }
-
-/*
-  Styles for the separator line
-*/
 /*
   Styles for the separator line
 */
 .center-info-card__separator {
     border-left: 1px solid var(--mid-brown);
-
-    /* This 'em' unit is relative to the parent's
-       new responsive font-size, so it will scale. */
     height: 1.25em;
 
     margin-right: 1rem;
@@ -134,8 +123,6 @@
   Styles for the weather icon
 */
 .center-info-card__weather-icon {
-    /* === THIS IS THE CHANGE FOR THE ICON === */
-    /* It scales relative to the parent's (details) font-size */
     width: 1em;
     height: 1em;
     margin-right: 0.5rem;
diff --git a/theme_compassion_2025/static/src/scss/components/_map.scss b/theme_compassion_2025/static/src/scss/components/_map.scss
index 309e932c..2047b428 100644
--- a/theme_compassion_2025/static/src/scss/components/_map.scss
+++ b/theme_compassion_2025/static/src/scss/components/_map.scss
@@ -135,10 +135,8 @@
             filter: invert(1) brightness(0);
         }
 
-        /* FIX 3: Direction arrows are now visible on mobile */
         @media (max-width: $breakpoint-sm) {
-            /* visibility: hidden; */
-        }
+visibility: hidden;        }
     }
 
      button[aria-label="Drag Pegman onto the map to open Street View"] {
@@ -149,13 +147,11 @@
         }
     }
 
-    /* FIX 1: Added .gm-svpc to color the mobile Pegman button */
     .gm-svpc,
     .gm-fullscreen-control{
         background-color: var(--mid-yellow) !important;
     }
 
-    /* FIX 2: Added this new rule to center the mobile Pegman icon */
     .gm-svpc img {
         transform: translate(-50%, -50%) !important;
     }
@@ -204,9 +200,8 @@
 // Responsive Adjustments
 // =====================
 
-/* FIX 3 is also here: This rule is now commented out */
 @media (max-width: $breakpoint-sm) {
     button[aria-label="Map camera controls"] {
-        /* visibility: hidden; */
+        visibility: hidden;
     }
 }
\ No newline at end of file

From 11d7b5ba09ca97c0ded2c2e858a01e6ee7034d26 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Mon, 10 Nov 2025 17:30:40 +0100
Subject: [PATCH 09/22] Run precommit

---
 .../src/css/my2_weather_time_container.css    | 28 +++++++++----------
 .../components/my2_weather_time_container.xml |  1 -
 .../templates/pages/my2_child_timeline.xml    |  4 +--
 .../static/src/scss/components/_map.scss      |  2 +-
 4 files changed, 15 insertions(+), 20 deletions(-)

diff --git a/my_compassion/static/src/css/my2_weather_time_container.css b/my_compassion/static/src/css/my2_weather_time_container.css
index 8882f810..7e22c560 100644
--- a/my_compassion/static/src/css/my2_weather_time_container.css
+++ b/my_compassion/static/src/css/my2_weather_time_container.css
@@ -1,21 +1,21 @@
 .weather-time-container-wrapper {
-  position: absolute;
-  bottom: 0;
-  left: 50%; /* Center the container */
-  transform: translateX(-50%);
-  z-index: 10;
-  padding: 0 1rem 1rem;
-   font-size: clamp(0.8rem, 4vw, 1.125rem);
-
-  /*
+    position: absolute;
+    bottom: 0;
+    left: 50%; /* Center the container */
+    transform: translateX(-50%);
+    z-index: 10;
+    padding: 0 1rem 1rem;
+    font-size: clamp(0.8rem, 4vw, 1.125rem);
+
+    /*
     This combination tells the wrapper to be 100% of the parent's width,
     but never more than 70%. This creates a stable container
     that allows text inside to wrap correctly.
   */
-  width: max-content;
-  max-width: 70%;
+    width: max-content;
+    max-width: 70%;
 
-  box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 .center-info-card {
@@ -55,7 +55,6 @@
     margin: 0;
     text-align: center;
 
-
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2; /* Limit to 2 lines */
@@ -75,7 +74,6 @@
     -webkit-line-clamp: 2; /* Limit to 2 lines */
     -webkit-box-orient: vertical;
 
-
     margin-left: 0.5rem;
     margin-right: 0.5rem;
 }
@@ -156,4 +154,4 @@
 /* mid-grey */
 .weather-icon-cloudy {
     background-color: var(--mid-grey);
-}
\ No newline at end of file
+}
diff --git a/my_compassion/templates/components/my2_weather_time_container.xml b/my_compassion/templates/components/my2_weather_time_container.xml
index 96bcba9b..3164fe6c 100644
--- a/my_compassion/templates/components/my2_weather_time_container.xml
+++ b/my_compassion/templates/components/my2_weather_time_container.xml
@@ -26,7 +26,6 @@
             <t t-if="church_name">
                 <div class="center-info-card__header">
                     <p class="center-info-card__project-info">
-
                         <t t-esc="church_name" />
                     </p>
                 </div>
diff --git a/my_compassion/templates/pages/my2_child_timeline.xml b/my_compassion/templates/pages/my2_child_timeline.xml
index 9088e96c..70e2c971 100644
--- a/my_compassion/templates/pages/my2_child_timeline.xml
+++ b/my_compassion/templates/pages/my2_child_timeline.xml
@@ -451,9 +451,7 @@
                                 <t t-set="custom_map_id" t-value="google_custom_map_id" />
                             </t>
                         </t>
-                        <div
-                            class="weather-time-container-wrapper"
-                        >
+                        <div class="weather-time-container-wrapper">
                             <t t-call="my_compassion.WeatherTimeContainer">
                                 <t t-set="timezone" t-value="timezone" />
                                 <t t-set="fcp_id" t-value="compassion_child.project_id.fcp_id" />
diff --git a/theme_compassion_2025/static/src/scss/components/_map.scss b/theme_compassion_2025/static/src/scss/components/_map.scss
index 2047b428..b39c6ae2 100644
--- a/theme_compassion_2025/static/src/scss/components/_map.scss
+++ b/theme_compassion_2025/static/src/scss/components/_map.scss
@@ -204,4 +204,4 @@ visibility: hidden;        }
     button[aria-label="Map camera controls"] {
         visibility: hidden;
     }
-}
\ No newline at end of file
+}

From e90c36b8cd7d8c97ab3524dae02b63578e34cb56 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Tue, 11 Nov 2025 09:47:22 +0100
Subject: [PATCH 10/22] Add max height to 60% of the screen to the map

---
 theme_compassion_2025/static/src/scss/components/_map.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/theme_compassion_2025/static/src/scss/components/_map.scss b/theme_compassion_2025/static/src/scss/components/_map.scss
index b39c6ae2..5547294f 100644
--- a/theme_compassion_2025/static/src/scss/components/_map.scss
+++ b/theme_compassion_2025/static/src/scss/components/_map.scss
@@ -17,6 +17,7 @@
 
 .map {
     height: 525px;
+    max-height: 60vh;
     border-radius: 25px;
     &--load-failed {
         height: 0 !important;

From d998389a48f0758921910d6c41a961dfc6e66bd3 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Tue, 11 Nov 2025 10:16:59 +0100
Subject: [PATCH 11/22] Changes the clamp values or the font size + Remove
 useless comments

---
 .../static/src/css/my2_weather_time_container.css          | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/my_compassion/static/src/css/my2_weather_time_container.css b/my_compassion/static/src/css/my2_weather_time_container.css
index 7e22c560..b055c3b2 100644
--- a/my_compassion/static/src/css/my2_weather_time_container.css
+++ b/my_compassion/static/src/css/my2_weather_time_container.css
@@ -5,7 +5,7 @@
     transform: translateX(-50%);
     z-index: 10;
     padding: 0 1rem 1rem;
-    font-size: clamp(0.8rem, 4vw, 1.125rem);
+    font-size: clamp(0.7rem, 4vw, 1rem);
 
     /*
     This combination tells the wrapper to be 100% of the parent's width,
@@ -43,9 +43,6 @@
     width: -webkit-fill-available;
 }
 
-/*
-  Styles for the project/church info text
-*/
 /*
   Styles for the project/church info text
 */
@@ -67,7 +64,7 @@
 .center-info-card__location {
     color: var(--low-green);
     text-align: center;
-    margin-top: 0.9rem;
+    margin-top: 0.6rem;
 
     overflow: hidden;
     display: -webkit-box;

From 57a5f6ddbede629454683b57968021ec3998eca0 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Wed, 26 Nov 2025 13:21:35 +0100
Subject: [PATCH 12/22] [FIX] use CSC name instead of the local church name on
 the map view

---
 .../templates/components/my2_weather_time_container.xml     | 6 +++---
 my_compassion/templates/pages/my2_child_timeline.xml        | 3 +--
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/my_compassion/templates/components/my2_weather_time_container.xml b/my_compassion/templates/components/my2_weather_time_container.xml
index 3164fe6c..98c1b775 100644
--- a/my_compassion/templates/components/my2_weather_time_container.xml
+++ b/my_compassion/templates/components/my2_weather_time_container.xml
@@ -13,7 +13,7 @@
 
     Injected data:
     - timezone (string): timezone of the center.
-    - church_name (string): name of the local church associated with the center.
+    - cdc_name (string): name of the child development center.
     - city_country (string): represents where the center is located in the following format city,country.
 
 
@@ -23,10 +23,10 @@
     <template id="WeatherTimeContainer" name="Weather and Time Container">
         <link rel="stylesheet" href="/my_compassion/static/src/css/my2_weather_time_container.css" />
         <div class="center-info-card d-none">
-            <t t-if="church_name">
+            <t t-if="cdc_name">
                 <div class="center-info-card__header">
                     <p class="center-info-card__project-info">
-                        <t t-esc="church_name" />
+                        <t t-esc="cdc_name" />
                     </p>
                 </div>
             </t>
diff --git a/my_compassion/templates/pages/my2_child_timeline.xml b/my_compassion/templates/pages/my2_child_timeline.xml
index 70e2c971..4311da3f 100644
--- a/my_compassion/templates/pages/my2_child_timeline.xml
+++ b/my_compassion/templates/pages/my2_child_timeline.xml
@@ -455,8 +455,7 @@
                             <t t-call="my_compassion.WeatherTimeContainer">
                                 <t t-set="timezone" t-value="timezone" />
                                 <t t-set="fcp_id" t-value="compassion_child.project_id.fcp_id" />
-                                <t t-set="church_name" t-value="compassion_child.project_id.local_church_name" />
-                                <t
+<t t-set="cdc_name" t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or 'Compassion center'" />                                <t
                                     t-set="city_country"
                                     t-value="', '.join(list(filter(None, [compassion_child.project_id.closest_city, compassion_child.project_id.country_id.name])))"
                                 />

From 0720134ff2930caca6b4a87da793f972d1c04a6c Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Wed, 26 Nov 2025 17:30:09 +0100
Subject: [PATCH 13/22] [FIX] Use obfuscated location of the map

---
 .../templates/pages/my2_child_timeline.xml       | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/my_compassion/templates/pages/my2_child_timeline.xml b/my_compassion/templates/pages/my2_child_timeline.xml
index 4311da3f..b8e3b647 100644
--- a/my_compassion/templates/pages/my2_child_timeline.xml
+++ b/my_compassion/templates/pages/my2_child_timeline.xml
@@ -445,8 +445,14 @@
                     >
                         <t t-if="google_api_key">
                             <t t-call="theme_compassion_2025.MapComponent">
-                                <t t-set="long" t-value="compassion_child.project_id.gps_longitude" />
-                                <t t-set="lat" t-value="compassion_child.project_id.gps_latitude" />
+                                <t
+                                    t-set="long"
+                                    t-value="compassion_child.project_id.get_obfuscated_coordinates_json()['Longitude']"
+                                />
+                                <t
+                                    t-set="lat"
+                                    t-value="compassion_child.project_id.get_obfuscated_coordinates_json()['Latitude']"
+                                />
                                 <t t-set="api_key" t-value="google_api_key" />
                                 <t t-set="custom_map_id" t-value="google_custom_map_id" />
                             </t>
@@ -455,7 +461,11 @@
                             <t t-call="my_compassion.WeatherTimeContainer">
                                 <t t-set="timezone" t-value="timezone" />
                                 <t t-set="fcp_id" t-value="compassion_child.project_id.fcp_id" />
-<t t-set="cdc_name" t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or 'Compassion center'" />                                <t
+                                <t
+                                    t-set="cdc_name"
+                                    t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or 'Compassion center'"
+                                />
+                                <t
                                     t-set="city_country"
                                     t-value="', '.join(list(filter(None, [compassion_child.project_id.closest_city, compassion_child.project_id.country_id.name])))"
                                 />

From 8e3aa0593385d712d09079f5f3009fc1e5f8aabb Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Thu, 27 Nov 2025 09:36:48 +0100
Subject: [PATCH 14/22] [STYLE] Refactor and make translatable

---
 my_compassion/templates/pages/my2_child_timeline.xml | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/my_compassion/templates/pages/my2_child_timeline.xml b/my_compassion/templates/pages/my2_child_timeline.xml
index b8e3b647..e290f792 100644
--- a/my_compassion/templates/pages/my2_child_timeline.xml
+++ b/my_compassion/templates/pages/my2_child_timeline.xml
@@ -446,13 +446,11 @@
                         <t t-if="google_api_key">
                             <t t-call="theme_compassion_2025.MapComponent">
                                 <t
-                                    t-set="long"
-                                    t-value="compassion_child.project_id.get_obfuscated_coordinates_json()['Longitude']"
-                                />
-                                <t
-                                    t-set="lat"
-                                    t-value="compassion_child.project_id.get_obfuscated_coordinates_json()['Latitude']"
+                                    t-set="obfuscated_coordinates"
+                                    t-value="compassion_child.project_id.get_obfuscated_coordinates_json()"
                                 />
+                                <t t-set="long" t-value="obfuscated_coordinates['Longitude']" />
+                                <t t-set="lat" t-value="obfuscated_coordinates['Latitude']" />
                                 <t t-set="api_key" t-value="google_api_key" />
                                 <t t-set="custom_map_id" t-value="google_custom_map_id" />
                             </t>
@@ -463,7 +461,7 @@
                                 <t t-set="fcp_id" t-value="compassion_child.project_id.fcp_id" />
                                 <t
                                     t-set="cdc_name"
-                                    t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or 'Compassion center'"
+                                    t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or _('Compassion center')"
                                 />
                                 <t
                                     t-set="city_country"

From 4c97a284f8b4c592ee6156c8a65a6d8df30f4fb4 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Thu, 27 Nov 2025 13:30:37 +0100
Subject: [PATCH 15/22] [FIX] Make translatable strings

---
 my_compassion/templates/pages/my2_child_timeline.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/my_compassion/templates/pages/my2_child_timeline.xml b/my_compassion/templates/pages/my2_child_timeline.xml
index e290f792..96d411f3 100644
--- a/my_compassion/templates/pages/my2_child_timeline.xml
+++ b/my_compassion/templates/pages/my2_child_timeline.xml
@@ -461,7 +461,7 @@
                                 <t t-set="fcp_id" t-value="compassion_child.project_id.fcp_id" />
                                 <t
                                     t-set="cdc_name"
-                                    t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or _('Compassion center')"
+                                    t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or 'Compassion center' "
                                 />
                                 <t
                                     t-set="city_country"

From 618c14b3a2219d1e192a02b1e699c41f6dbb8ba3 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Thu, 8 Jan 2026 10:15:35 +0100
Subject: [PATCH 16/22] [T2792][STYLE] Refactor the code

---
 my_compassion/controllers/my2_children.py            |  3 +++
 my_compassion/templates/pages/my2_child_timeline.xml | 11 ++++-------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/my_compassion/controllers/my2_children.py b/my_compassion/controllers/my2_children.py
index 5ed54ae1..d83f6a65 100644
--- a/my_compassion/controllers/my2_children.py
+++ b/my_compassion/controllers/my2_children.py
@@ -225,6 +225,9 @@ def my2_render_child_timeline_page(self, child, **kwargs):
             request.env["ir.config_parameter"].sudo().get_param("google_custom_map_id")
         )
 
+        # Generate the obfuscated if necessary (eg: the first time the values are read)
+        child.sudo().project_id.update_obfuscated_coordinates()
+
         return request.render(
             "my_compassion.my2_child_timeline_page",
             {
diff --git a/my_compassion/templates/pages/my2_child_timeline.xml b/my_compassion/templates/pages/my2_child_timeline.xml
index 76e0eae5..014717d9 100644
--- a/my_compassion/templates/pages/my2_child_timeline.xml
+++ b/my_compassion/templates/pages/my2_child_timeline.xml
@@ -448,12 +448,8 @@
                     >
                         <t t-if="google_api_key">
                             <t t-call="theme_compassion_2025.MapComponent">
-                                <t
-                                    t-set="obfuscated_coordinates"
-                                    t-value="compassion_child.project_id.get_obfuscated_coordinates_json()"
-                                />
-                                <t t-set="long" t-value="obfuscated_coordinates['Longitude']" />
-                                <t t-set="lat" t-value="obfuscated_coordinates['Latitude']" />
+                                <t t-set="long" t-value="compassion_child.project_id.gps_longitude_obfuscated" />
+                                <t t-set="lat" t-value="compassion_child.project_id.gps_latitude_obfuscated" />
                                 <t t-set="api_key" t-value="google_api_key" />
                                 <t t-set="custom_map_id" t-value="google_custom_map_id" />
                             </t>
@@ -462,9 +458,10 @@
                             <t t-call="my_compassion.WeatherTimeContainer">
                                 <t t-set="timezone" t-value="timezone" />
                                 <t t-set="fcp_id" t-value="compassion_child.project_id.fcp_id" />
+                                <t t-set="church_default_name">Compassion center</t>
                                 <t
                                     t-set="cdc_name"
-                                    t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or 'Compassion center' "
+                                    t-value="compassion_child.project_id.child_center_original_name or compassion_child.project_id.name or church_default_name "
                                 />
                                 <t
                                     t-set="city_country"

From 2d4248f32ed4e9353c0ca8975fc7d27f0ee9ddc1 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Thu, 8 Jan 2026 14:50:25 +0100
Subject: [PATCH 17/22] [T2792][FIX] Add pre-migration script to add columns to
 add obfuscated coords to project model

---
 my_compassion/migrations/14.0.1.0.2/pre-migration.py | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 my_compassion/migrations/14.0.1.0.2/pre-migration.py

diff --git a/my_compassion/migrations/14.0.1.0.2/pre-migration.py b/my_compassion/migrations/14.0.1.0.2/pre-migration.py
new file mode 100644
index 00000000..a40cbacd
--- /dev/null
+++ b/my_compassion/migrations/14.0.1.0.2/pre-migration.py
@@ -0,0 +1,11 @@
+from openupgradelib import openupgrade
+
+def migrate(cr, version):
+    openupgrade.logged_query(
+        cr,
+        """
+        ALTER TABLE compassion_project
+        ADD COLUMN IF NOT EXISTS gps_latitude_obfuscated DECIMAL(10, 6),
+        ADD COLUMN IF NOT EXISTS gps_longitude_obfuscated DECIMAL(10, 6)
+        """
+    )
\ No newline at end of file

From ae62a29cbf29deb5ed5741d928ad323de8bed207 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Thu, 8 Jan 2026 14:50:48 +0100
Subject: [PATCH 18/22] [T2792][STYLE] Refactor

---
 my_compassion/controllers/my2_children.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/my_compassion/controllers/my2_children.py b/my_compassion/controllers/my2_children.py
index 235b7d65..efe0f623 100644
--- a/my_compassion/controllers/my2_children.py
+++ b/my_compassion/controllers/my2_children.py
@@ -256,7 +256,7 @@ def my2_render_child_timeline_page(self, child, **kwargs):
         )
 
         # Generate the obfuscated if necessary (eg: the first time the values are read)
-        child.sudo().project_id.update_obfuscated_coordinates()
+        child.sudo().project_id._compute_gps_obfuscated()
 
         return request.render(
             "my_compassion.my2_child_timeline_page",

From 3ab5ea2680935e40ce4fa050f8d01b44f5456fd6 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Fri, 9 Jan 2026 08:51:17 +0100
Subject: [PATCH 19/22] [T2792] [STYLE] Refactor

---
 my_compassion/controllers/my2_children.py            | 2 +-
 my_compassion/migrations/14.0.1.0.2/pre-migration.py | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/my_compassion/controllers/my2_children.py b/my_compassion/controllers/my2_children.py
index efe0f623..34ca83fe 100644
--- a/my_compassion/controllers/my2_children.py
+++ b/my_compassion/controllers/my2_children.py
@@ -256,7 +256,7 @@ def my2_render_child_timeline_page(self, child, **kwargs):
         )
 
         # Generate the obfuscated if necessary (eg: the first time the values are read)
-        child.sudo().project_id._compute_gps_obfuscated()
+        child.sudo().project_id._compute_gps_obfuscated(is_onchange_call=False)
 
         return request.render(
             "my_compassion.my2_child_timeline_page",
diff --git a/my_compassion/migrations/14.0.1.0.2/pre-migration.py b/my_compassion/migrations/14.0.1.0.2/pre-migration.py
index a40cbacd..3706784d 100644
--- a/my_compassion/migrations/14.0.1.0.2/pre-migration.py
+++ b/my_compassion/migrations/14.0.1.0.2/pre-migration.py
@@ -1,5 +1,6 @@
 from openupgradelib import openupgrade
 
+
 def migrate(cr, version):
     openupgrade.logged_query(
         cr,
@@ -7,5 +8,5 @@ def migrate(cr, version):
         ALTER TABLE compassion_project
         ADD COLUMN IF NOT EXISTS gps_latitude_obfuscated DECIMAL(10, 6),
         ADD COLUMN IF NOT EXISTS gps_longitude_obfuscated DECIMAL(10, 6)
-        """
-    )
\ No newline at end of file
+        """,
+    )

From 6f7addde679adde5798e5789d8fe5f8f37d8f170 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Tue, 13 Jan 2026 17:22:02 +0100
Subject: [PATCH 20/22] [T2792][STYLE] Refactor

---
 my_compassion/controllers/my2_children.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/my_compassion/controllers/my2_children.py b/my_compassion/controllers/my2_children.py
index 34ca83fe..1c70dab8 100644
--- a/my_compassion/controllers/my2_children.py
+++ b/my_compassion/controllers/my2_children.py
@@ -256,7 +256,7 @@ def my2_render_child_timeline_page(self, child, **kwargs):
         )
 
         # Generate the obfuscated if necessary (eg: the first time the values are read)
-        child.sudo().project_id._compute_gps_obfuscated(is_onchange_call=False)
+        child.sudo().project_id._update_gps_obfuscated()
 
         return request.render(
             "my_compassion.my2_child_timeline_page",

From f28287f77a17c38d07d747e7f831df0317f52641 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Wed, 14 Jan 2026 09:23:49 +0100
Subject: [PATCH 21/22] [T2792][FIX] Update the module to add the
 gps_obfuscation

---
 my_compassion/__manifest__.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/my_compassion/__manifest__.py b/my_compassion/__manifest__.py
index 115ad51c..e4bbef98 100644
--- a/my_compassion/__manifest__.py
+++ b/my_compassion/__manifest__.py
@@ -30,7 +30,7 @@
 # pylint: disable=C8101
 {
     "name": "MyCompassion - Sponsor portal website",
-    "version": "14.0.1.0.1",
+    "version": "14.0.1.0.2",
     "category": "Website",
     "author": "Compassion CH",
     "license": "AGPL-3",

From d8455221a4141e352ebb1a7994430d19bfda5700 Mon Sep 17 00:00:00 2001
From: Shayan Mouktar <119674649+Shayan105@users.noreply.github.com>
Date: Wed, 14 Jan 2026 09:45:47 +0100
Subject: [PATCH 22/22] [T2792][STYLE] Refactor

---
 my_compassion/controllers/my2_children.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/my_compassion/controllers/my2_children.py b/my_compassion/controllers/my2_children.py
index 1c70dab8..efe0f623 100644
--- a/my_compassion/controllers/my2_children.py
+++ b/my_compassion/controllers/my2_children.py
@@ -256,7 +256,7 @@ def my2_render_child_timeline_page(self, child, **kwargs):
         )
 
         # Generate the obfuscated if necessary (eg: the first time the values are read)
-        child.sudo().project_id._update_gps_obfuscated()
+        child.sudo().project_id._compute_gps_obfuscated()
 
         return request.render(
             "my_compassion.my2_child_timeline_page",