Recent updates nov 2025 (#5719)

jamiecarter7 · web-flow · commit 4f7c0d86d2cd · 2025-11-17T16:48:07.000Z
**Story card:** [sc-12742](https://app.shortcut.com/simpledotorg/story/12742/nov-2025-update-recent-updates-card-on-dashboard) ## Because Adding recent updates back onto the dashboard: - Added statin nudge - Improved DM dashboard design, following HEARTS360 ## This addresses This was removed due to a lack of features ## Test instructions Load the home page on localhost Test in mobile and desktop formats
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -545,6 +545,10 @@ span.inactive {
   position: relative;
 }
 
+.card-margin-0 {
+  margin: 0;
+}
+
 @include media-breakpoint-down(lg) {
   .card {
     height: auto !important;
@@ -748,6 +752,7 @@ span.inactive {
 }
 
 .o-65 { opacity: 0.65; }
+.o-85 { opacity: 0.85; }
 
 .card-chip-container {
   white-space: nowrap;
@@ -837,6 +842,16 @@ span.inactive {
   }
 }
 
+.grid-col-1 { grid-column: 1; }
+.grid-col-2 { grid-column: 2; }
+
+@media (max-width: 990px) {
+  .grid-col-1,
+  .grid-col-2 {
+    grid-column: auto;
+  }
+}
+
 .gap-16px {
   gap: 16px;
 }
diff --git a/app/assets/stylesheets/partials/_dashboard.scss b/app/assets/stylesheets/partials/_dashboard.scss
@@ -43,17 +43,20 @@ Dashboard UI
 
 .update {
   position: relative;
-  padding: 0.5em 16px 0 64px;
-
+  padding: 0 16px 0 0;
+  margin-bottom: 0px;
+  display: grid;
+  grid-template-columns: 48px 1fr;
+  gap: 14px;
+  align-items: center;
   p {
-    margin: 1em 0 0 0;
+    margin: 0 0 0 0;
+    line-height: 20px;
   }
 
   .update-date {
-    position: absolute;
-    left: 0;
-    top: 2em;
-    width: 48px;
+    width: 50px;
+    height: 64px;
     background: $green-light;
     border-bottom: 1px solid $green-mid;
     color: $green-dark;
@@ -62,12 +65,17 @@ Dashboard UI
     line-height: 1.3;
     border-radius: 4px;
     text-transform: uppercase;
-    letter-spacing: 1px;
+    letter-spacing: 0.5px;
     font-weight: bold;
-    font-size: 12px;
-
+    font-size: 13px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    align-self: flex-start;
     b {
       font-size: 11px;
+      letter-spacing: 1px;
     }
   }
 
@@ -76,6 +84,14 @@ Dashboard UI
   }
 }
 
+.gap-12px {
+  gap: 12px;
+}
+
+.gap-16px {
+  gap: 16px; 
+}
+
 sup {
   font-size: 9px;
   font-weight: normal;
diff --git a/app/views/my_facilities/_recent_updates.html.erb b/app/views/my_facilities/_recent_updates.html.erb
@@ -1,129 +1,32 @@
-<div class="card mt-4">
-  <h2>
-    Recent updates
-  </h2>
-  <p class="c-grey-dark">
-    <% if CountryConfig.current[:name] == "Bangladesh" %>
-      Last updated 26-Mar-2024. For feedback, email us: <%= Rails.application.config.help_email_id %>
-    <% else %>
-      Last updated 12-Dec-2023. For feedback, email us: <%= Rails.application.config.help_email_id %>
-    <% end %>
-  </p>
-  <% if CountryConfig.current[:name] == "Bangladesh" %>
+<div class="p-20px px-20px mx-0px bg-white d-lg-flex fd-lg-column
+         justify-lg-between h-lg-full w-lg-full mt-lg-0 pb-inside-avoid b-print-black w-print-16cm p-relative pb-24px bs-small br-4px">
+  <div class="d-flex jc-space-between ai-center mb-4px">
+    <h3>
+      Recent updates
+    </h3>
+    <p class="c-grey-dark o-85">
+        Last updated 13-Nov-2025
+    </p>
+  </div>
+  <div class="d-flex flex-column mb-12px gap-12px" >
     <section class="update">
       <div class="update-date">
-        Mar <b class="d-block">2024</b>
+        Nov <b class="d-block">2025</b>
       </div>
       <p>
-        <b>External partnerships</b>: Other hypertension programs in Bangladesh are now sending their data into <%= Rails.application.config.application_brand_name %>.
-      </p>
-      <p>
-        <b>Data dissaggregation</b>: <%= Rails.application.config.application_brand_name %> is now exporting hypertension data dissaggregated by age and gender into DHIS2.
+        <b>Statins nudge</b>: The <%= Rails.application.config.application_brand_name %> Android app now estimates a patient’s cardiovascular disease risk score and alerts healthcare workers to refer high-risk patients to doctors for statin treatment.
       </p>
     </section>
-  <% end %>
-  <section class="update">
-    <div class="update-date">
-      Dec <b class="d-block">2023</b>
-    </div>
-    <p>
-      <b>Patient data protection agreement:</b>
-      A new user agreement requiring users to protect patient data is being rolled out in the <%= Rails.application.config.application_brand_name %> app. Please ask healthcare workers who use <%= Rails.application.config.application_brand_name %> to read the data protection agreement in full before accepting. If you have any questions please speak to your manager.
-    </p>
-    <p>
-      <b>Improved security in <%= Rails.application.config.application_brand_name %> app:</b>
-      The <%= Rails.application.config.application_brand_name %> app has an increased level of security through encryption, if you experience any issues while using the app please contact us.
-    </p>
-    <% if CountryConfig.current[:name] == "Ethiopia" || CountryConfig.current[:name] == "Sri Lanka"  %>
-      <p>
-        <b>Improved titration reports:</b>
-        Titration reports have been improved and more accurately capture when anti-hypertensive medications are titrated.
-      </p>
-    <% end %>
-  </section>
-  <% if CountryConfig.current[:name] != "India" %>
     <section class="update">
       <div class="update-date">
-        Aug <b class="d-block">2023</b>
+        Oct <b class="d-block">2025</b>
       </div>
       <p>
-        <b>Goal lines:</b>
-        Goals are now calculated using an average of 3 months. Established facilities will have a goal calculated using an average of Q4 performance (Oct, Nov, Dec) in the previous year.
+        <b>Diabetes dashboard</b>: The <%= Rails.application.config.application_brand_name %> diabetes dashboard has an improved design and now follows the HEARTS360 standard.
       </p>
     </section>
-  <% end %>
-  <section class="update">
-    <div class="update-date">
-      Jul <b class="d-block">2023</b>
-    </div>
-    <p>
-      <b>Overdue patients that returned to care:</b>
-      An additional chart has been added to the 'Overdue' section in the hypertension dashboard. You can now track the number of overdue patients returning to care within 15 days of receiving a call. View return rates for all patients that were called and return rates for each individual call result - 'Agreed to visit', 'Remind to call' and 'Removed from overdue list'.
-    </p>
-    <p class="d-block bg-grey-lightest br-4px" style="margin-top: 8px; padding: 6px 10px;">
-      This <a href="https://docs.google.com/document/d/1aM6LZnlm249ULH1o69oUHProPOlK7cy8U-cn30WIfGY/edit?usp=sharing">SOP document</a> explains how to use the new returned to care chart.
-    </p>
-    <p class="d-block bg-grey-lightest br-4px" style="margin-top: 8px; padding: 6px 10px;">
-      This updated <a href="https://docs.google.com/document/d/1mStFvMENQNSyfKcIAMpJKh3R_29V29Wl5UhuO8TNPIg/edit?usp=sharing">SOP document</a> explains all charts and tables in the overdue section including the new 'return to care' chart.
-    </p>
-  </section>
-  <section class="update">
-    <div class="update-date">
-      Jun <b class="d-block">2023</b>
-    </div>
-    <p>
-      <b>Overdue patients:</b>
-      New overdue patients reports have been added to the hypertension dashboard. You can now track the number of overdue patients, see how many have been called, and see user and region call activity.
-    </p>
-    <p class="d-block bg-grey-lightest br-4px" style="margin-top: 8px; padding: 6px 10px;">
-      This <a href="https://docs.google.com/document/d/1mStFvMENQNSyfKcIAMpJKh3R_29V29Wl5UhuO8TNPIg/edit?usp=sharing">SOP document</a> explains how to use the new charts.
-    </p>
-    <p>
-      <b>Goal lines:</b>
-      New goal lines have been added to the hypertension dashboard for 'BP controlled', 'BP not controlled,' and 'Missed visit' charts. Goals are set annually every January. Note: goals are not present for everyone, this is individual on a country basis.
-    </p>
-    <p class="d-block bg-grey-lightest br-4px" style="margin-top: 8px; padding: 6px 10px;">
-      This <a href="https://docs.google.com/document/d/1JaWs5zdXp__VmH5mflIpWXHIci_so5LftBsSQr4Yl3k/edit?usp=sharing">SOP document</a> explains more detail on goal lines.
-    </p>
-  </section>
-  <section class="update">
-    <div class="update-date">
-      May <b class="d-block">2023</b>
-    </div>
-    <p>
-      <b><%= Rails.application.config.application_brand_name %> app:</b>
-      <%= Rails.application.config.application_brand_name %> has the ability to report and track clinical supplies such as BP passports and glucometer strips to help ensure services can run effectively. Please reach out to the <%= Rails.application.config.application_brand_name %> team for a demo and how it could be used in your state or country.
-    </p>
-  </section>
-  <section class="update">
-    <div class="update-date">
-      Apr <b class="d-block">2023</b>
-    </div>
-    <p>
-      <b><%= Rails.application.config.application_brand_name %> app:</b>
-      <%= Rails.application.config.application_brand_name %> now has the ability to report aggregate monthly screening data for hypertension, diabetes, and cancers. Please reach out to the <%= Rails.application.config.application_brand_name %> team for a demo and how it could be used in your state or country.
-    </p>
-    <a href="https://docs.google.com/presentation/d/1_qJX90VlkjWOyDZ20ggFfQL2eUUCP0T-s9pXTJK0AnA/edit#slide=id.p" class="d-flex align-center p-3 fs-16px br-8px bg-blue-light" style="border: 0px rgba(0, 117, 235, 0.5) solid; grid-gap: 20px; margin-top:8px;">
-      <span style="max-width: 40px; padding: 4px; width: 100%; margin-left:12px; margin-top:4px; fill: #0075eb;">
-        <i class="fa-light fa-file" style="font-size: 36px; display: block; text-align: center;" title="Document link"></i>
-      </span>
-      <span>
-        Tracking HTN, DM & cancer screening with <%= Rails.application.config.application_brand_name %>
-        <span class="d-block tt-uppercase tt-bold fw-bold" style="font-size: 10px; margin-top:4px;">
-          Google docs <i class="fa-solid fa-up-right-from-square" style="margin-left:4px;"></i>
-        </span>
-      </span>
-    </a>
-  </section>
-  <% if CountryConfig.current[:name] != "Bangladesh" %>
-    <section class="update">
-      <div class="update-date">
-        Feb <b class="d-block">2023</b>
-      </div>
-      <p>
-        <b><%= Rails.application.config.application_brand_name %> dashboard:</b>
-        Estimated hypertension population coverage has been added to the dashboard. Viewable inside 'Hypertension indicators' table.
-      </p>
-    </section>
-  <% end %>
+  </div>
+  <p class="c-grey-dark m-0px">
+      For feedback, email us: <%= Rails.application.config.help_email_id %>
+  </p>
 </div>
diff --git a/app/views/my_facilities/index.html.erb b/app/views/my_facilities/index.html.erb
@@ -4,12 +4,14 @@
 <h1 class="page-header">
   Home
 </h1>
-<div class="d-flex row">
-  <div class="col-lg-6">
+<div class="d-grid grid-2-cols gap-16px">
+  <div>
     <%= render "shared/user_approvals" %>
   </div>
-  <div class="col-lg-6">
+  <div class="d-flex flex-column gap-16px grid-col-2">
+    <%= render "recent_updates" %>
     <%= render 'shared/my_facilities/facilities_by_size' %>
     <%= render 'shared/my_facilities/inactive_facilities' %>
+    <%#= render "upcoming_improvements" %>
   </div>
 </div>
diff --git a/app/views/shared/_user_approvals.html.erb b/app/views/shared/_user_approvals.html.erb
@@ -1,4 +1,4 @@
-<div class="card d-flex mb-2">
+<div class="card card-margin-0 d-flex">
   <% if @users_requesting_approval.any? %>
     <h2>Users to review</h2>
     <p>Contact these users promptly. Check that they are approved to access patient data at their facility.</p>
@@ -44,6 +44,6 @@
     <%= paginate @users_requesting_approval %>
   <% else %>
     <h2>All users reviewed</h2>
-    <p class="mt-20px mb-20px"><i class="fas fa-check"></i> All user approvals are complete. Nice work.</p>
+    <p class="mt-8px mb-8px"><span class="mr-8px" style="color: green;"><i class="fas fa-solid fa-check"></i></span>All user approvals are complete. Nice work.</p>
   <% end %>
 </div>
diff --git a/app/views/shared/my_facilities/_facilities_by_size.html.erb b/app/views/shared/my_facilities/_facilities_by_size.html.erb
@@ -1,4 +1,4 @@
-<div class="card mb-3">
+<div class="card card-margin-0">
   <h2>
     Facilities using <%= Rails.application.config.application_brand_name %>
   </h2>
diff --git a/app/views/shared/my_facilities/_inactive_facilities.html.erb b/app/views/shared/my_facilities/_inactive_facilities.html.erb
@@ -1,5 +1,5 @@
 <% if @inactive_facilities.any? %>
-  <div class="card mt-4">
+  <div class="card card-margin-0">
     <h2>
       Inactive facilities
     </h2>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div class="card mb-3">`
	`1`	`+<div class="card card-margin-0">`
`2`	`2`	`<h2>`
`3`	`3`	`Facilities using <%= Rails.application.config.application_brand_name %>`
`4`	`4`	`</h2>`