diff --git a/i18n/en.pot b/i18n/en.pot index 3792954c..6e721691 100644 --- a/i18n/en.pot +++ b/i18n/en.pot @@ -5,8 +5,8 @@ msgstr "" "Content-Type: text/plain; charset=utf-8\n" "Content-Transfer-Encoding: 8bit\n" "Plural-Forms: nplurals=2; plural=(n != 1)\n" -"POT-Creation-Date: 2026-03-16T13:43:15.193Z\n" -"PO-Revision-Date: 2026-03-16T13:43:15.193Z\n" +"POT-Creation-Date: 2026-05-22T20:15:03.101Z\n" +"PO-Revision-Date: 2026-05-22T20:15:03.101Z\n" msgid "Validating Project" msgstr "" @@ -72,6 +72,52 @@ msgstr "" msgid "Cannot load dashboard" msgstr "" +msgid "Purpose of Platform Dashboards" +msgstr "" + +msgid "Encourage data informed decisions." +msgstr "" + +msgid "" +"Help implementers identify phenomena in data that can initiate " +"opportunities for conversations and decision-making on how to engage in " +"adaptive program management." +msgstr "" + +msgid "" +"Be incorporated into the monthly quality process. Ideally, this check " +"should be happening when preparing MERs for your regional teams." +msgstr "" + +msgid "Conversions by topic" +msgstr "" + +msgid "Errors identified" +msgstr "" + +msgid "Divergence from targets" +msgstr "" + +msgid "Bullets on what to highlight in the MER with mitigation measures" +msgstr "" + +msgid "Potential points to escalate" +msgstr "" + +msgid "Determining if site visits should be made" +msgstr "" + +msgid "Reviewing budget for spent, pending, and remaining" +msgstr "" + +msgid "" +"If there is anything that can be improved, please let us know by sending an " +"email to " +msgstr "" + +msgid "Close" +msgstr "" + msgid "Data Entry" msgstr "" @@ -129,9 +175,6 @@ msgstr "" msgid "Validation results" msgstr "" -msgid "Close" -msgstr "" - msgid "Comments saved" msgstr "" @@ -594,12 +637,72 @@ msgstr "" msgid "Target vs Actual - Benefits" msgstr "" +msgid "Target vs Actual - Benefits - Pivot Table" +msgstr "" + +msgid "Target vs Actual - Benefits - Column Chart" +msgstr "" + +msgid "Target vs Actual - People - Column Chart" +msgstr "" + +msgid "MER - Target vs Actual - Benefits - Column Chart" +msgstr "" + +msgid "MER - Target vs Actual - People - Column Chart" +msgstr "" + +msgid "Target vs Actual - Benefits - Line Chart" +msgstr "" + +msgid "Target vs Actual - People - Line Chart" +msgstr "" + +msgid "Target vs Actual - People - Line Chart - Male Only" +msgstr "" + +msgid "Target vs Actual - People - Line Chart - Gender New Only" +msgstr "" + +msgid "Target vs Actual - People - Line Chart - New Only" +msgstr "" + +msgid "Target vs Actual - People - Line Chart - Female Only" +msgstr "" + +msgid "Target vs Actual - People - Line/Column Chart - Male Only" +msgstr "" + +msgid "Target vs Actual - People - Line/Column Chart - Female Only" +msgstr "" + msgid "Target vs Actual - Benefits (Disaggregated)" msgstr "" msgid "Target vs Actual - People" msgstr "" +msgid "Target vs Actual - People - Pivot Table" +msgstr "" + +msgid "Target vs Actual - People - Month by Month" +msgstr "" + +msgid "Target vs Actual - Benefits - Month by Month" +msgstr "" + +msgid "Target vs Actual - People - Male Only - Pivot Table" +msgstr "" + +msgid "Target vs Actual - People - Female Only - Pivot Table" +msgstr "" + +msgid "Target vs Actual - People - Male Only - Column Chart" +msgstr "" + +msgid "Target vs Actual - People - Female Only - Column Chart" +msgstr "" + msgid "Target vs Actual - Unique People" msgstr "" @@ -609,7 +712,7 @@ msgstr "" msgid "Achieved (%) - Benefits" msgstr "" -msgid "Achieved (%) - People" +msgid "Achieved to date (%) - People" msgstr "" msgid "Achieved total to date (%) - People" diff --git a/src/components/dashboard-info-modal/DashboardInfoModal.tsx b/src/components/dashboard-info-modal/DashboardInfoModal.tsx new file mode 100644 index 00000000..47cc5c7e --- /dev/null +++ b/src/components/dashboard-info-modal/DashboardInfoModal.tsx @@ -0,0 +1,77 @@ +import React from "react"; +import Button from "@material-ui/core/Button"; +import Dialog from "@material-ui/core/Dialog"; +import DialogActions from "@material-ui/core/DialogActions"; +import DialogContent from "@material-ui/core/DialogContent"; +import DialogTitle from "@material-ui/core/DialogTitle"; + +import i18n from "../../locales"; +import { makeStyles } from "@material-ui/styles"; + +type DashboardInfoModalProps = { + isOpen: boolean; + onClose: () => void; +}; + +export const DashboardInfoModal: React.FC = props => { + const { isOpen, onClose } = props; + const classes = useStyles(); + + return ( + + {i18n.t("Purpose of Platform Dashboards")} + +

{i18n.t("These dashboards are meant to:")}

+
    +
  • {i18n.t("Encourage data informed decisions.")}
  • +
  • + {i18n.t( + "Help implementers identify phenomena in data that can initiate opportunities for conversations and decision-making on how to engage in adaptive program management." + )} +
  • +
  • + {i18n.t( + "Be incorporated into the monthly quality process. Ideally, this check should be happening when preparing MERs for your regional teams." + )} +
  • +
  • {i18n.t("Create a task list with some common follow on actions:")}
  • +
      +
    • {i18n.t("Conversions by topic")}
    • +
    • {i18n.t("Errors identified")}
    • +
    • {i18n.t("Divergence from targets")}
    • +
    • + {i18n.t( + "Bullets on what to highlight in the MER with mitigation measures" + )} +
    • +
    • {i18n.t("Potential points to escalate")}
    • +
    • {i18n.t("Determining if site visits should be made")}
    • +
    • {i18n.t("Reviewing budget for spent, pending, and remaining")}
    • +
    +
+

+ {i18n.t( + "If there is anything that can be improved, please let us know by sending an email to " + )} + pmt@samaritan.org. +

+
+ + + +
+ ); +}; + +const useStyles = makeStyles({ + text: { + "& p, & li": { + fontSize: 16, + }, + }, + bold: { + fontWeight: "bold", + }, +}); diff --git a/src/components/dashboard/Dashboard.tsx b/src/components/dashboard/Dashboard.tsx index e937d22f..63b0b80f 100644 --- a/src/components/dashboard/Dashboard.tsx +++ b/src/components/dashboard/Dashboard.tsx @@ -5,6 +5,7 @@ import i18n from "../../locales"; import PageHeader from "../../components/page-header/PageHeader"; import { useAppHistory } from "../../utils/use-app-history"; import { useAppContext } from "../../contexts/api-context"; +import { DashboardInfoModal } from "../dashboard-info-modal/DashboardInfoModal"; function getTranslations(name: string) { return { @@ -39,6 +40,7 @@ const Dashboard: React.FC = props => { const dashboardUrl = dashboardUrlBase + `/#/${id}`; const translations = getTranslations(name); const appHistory = useAppHistory(backUrl); + const [openModal, setOpenModal] = React.useState(true); React.useEffect(() => { const iframe = iframeRef.current; @@ -74,6 +76,8 @@ const Dashboard: React.FC = props => { )} + setOpenModal(false)} /> +