HCMPRE-1766: App Configuration Screen Setup (#2117)

* HCMPRE-1766: Added AppScreenConfiguration Feature screen * added enhancement in app configuration * added app configuration link * added tag component in mapping * package upgrade --------- Co-authored-by: NabeelAyubee <[email protected]>
egovernments · Jan 8, 2025 · 1eea6a1 · 1eea6a1
1 parent b368b9c
commit 1eea6a1
Show file tree

Hide file tree

Showing 16 changed files with 1,514 additions and 38 deletions.
diff --git a/health/micro-ui/web/micro-ui-internals/example/public/index.html b/health/micro-ui/web/micro-ui-internals/example/public/index.html
@@ -11,8 +11,8 @@
   <meta name="theme-color" content="#00bcd1" />
   <title>DIGIT</title>
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].43/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].34/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].44/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].35/dist/index.css" />
 
 
   <!-- added below css for hcm-workbench module inclusion-->

diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/package.json b/health/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-health-css",
-  "version": "0.2.34",
+  "version": "0.2.35",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <[email protected]>",

diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaign.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/campaign.scss
@@ -67,9 +67,9 @@
   border-width: 0rem 1.5rem;
   tbody {
     tr:hover {
-      td{
+      td {
         background: rgba(#f47738, 0.12);
-          cursor: pointer;
+        cursor: pointer;
       }
     }
   }
@@ -111,46 +111,46 @@
   justify-content: space-between;
   align-items: center;
 }
-.setup-campaign{
-  .digit-success{
-  z-index: 1000;
+.setup-campaign {
+  .digit-success {
+    z-index: 1000;
   }
 }
-.digit-error{
+.digit-error {
   z-index: 900;
 }
-.timeline-user{
+.timeline-user {
   display: flex;
   justify-content: space-between;
 }
-.upcoming-timeline{
-  .timeline-label{
+.upcoming-timeline {
+  .timeline-label {
     color: #b1b4b6;
   }
 }
-.container{
+.container {
   display: flex;
   flex-direction: row;
   gap: 1.5rem;
   align-items: stretch;
 }
-.stepper-card{
-  height: 37rem;
+.stepper-card {
+  height: 39rem;
   margin-bottom: 1.5rem !important;
   padding-top: 0rem;
 }
-.stepper-subheader{
+.stepper-subheader {
   color: theme(digitv2.lightTheme.header-sidenav);
 }
-.container-full{
+.container-full {
   display: flex;
   flex-direction: row;
   gap: 1.5rem;
   align-items: stretch;
   height: 100%;
 }
-.name-container-label{
-  .label-field-wrapper{
+.name-container-label {
+  .label-field-wrapper {
     width: -webkit-fill-available;
   }
 }
@@ -186,31 +186,37 @@
 .hierarchy-boundary-heading {
   font-size: 2.5rem;
   font-weight: 700;
-  font-family: 'Roboto Condensed', sans-serif;
+  font-family: "Roboto Condensed", sans-serif;
 }
 
 .hierarchy-boundary-sub-heading {
   width: 20rem;
   margin-top: 0.6rem;
   font-weight: 600;
-  font-family: 'Roboto', sans-serif;
+  font-family: "Roboto", sans-serif;
 }
 
 .hierarchy-boundary-sub-heading2 {
-  font-size: 1.2rem; 
+  font-size: 1.2rem;
   font-weight: 600;
-  font-family: 'Roboto', sans-serif;
+  font-family: "Roboto", sans-serif;
 }
-.campaign-preview{
+.campaign-preview {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.card-container1{
+.card-container1 {
   width: 100%;
 }
-.campaign-tag{
+.campaign-tag {
+  border: 0.5px solid #0b4b66;
   margin-bottom: 1rem;
+  height: 3.3rem;
+  .digit-tag-text {
+    font-size: 1.5rem;
+    font-weight: 700;
+  }
 }
 .digit-popup-wrapper.dataMapping {
   .digit-popup-children-wrap {
@@ -231,4 +237,32 @@
   > div:nth-of-type(1) {
     width: 69%;
   }
-}
+}
+
+.appConfiglabelField {
+  padding: 3rem 1rem;
+  background-color: #eee;
+  border: 1px solid #d6d5d4;
+  border-radius: 0.5rem;
+}
+.appConfiglabelField.selected {
+  background-color: #f477381a;
+  border: 1px solid #c84c0e;
+}
+.appConfig-flow-stepper {
+  margin-top: 2rem;
+}
+.app-config-add-section {
+  margin-inline: auto;
+  margin-top: 2rem;
+  margin-bottom: 5rem;
+}
+.appConfigScreenCard {
+  margin-bottom: 2rem;
+}
+.appConfiglabelField-label {
+  width: 25rem;
+}
+.app-config-actionBar {
+  z-index: 9999;
+}
diff --git a/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js b/health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js
@@ -57,6 +57,7 @@ import MapView from "./components/MapView";
 import NoResultsFound from "./components/NoResultsFound";
 import UploadDataMappingWrapper from "./components/UploadDataMappingWrapper";
 import DataUploadWrapper from "./components/DataUploadWrapper";
+import AppConfigurationWrapper from "./pages/employee/AppConfigurationWrapper";
 
 /**
  * MDMS Module name
@@ -91,7 +92,7 @@ const CampaignModule = ({ stateCode, userType, tenants }) => {
   const hierarchyData = Digit.Hooks.campaign.useBoundaryRelationshipSearch({ BOUNDARY_HIERARCHY_TYPE, tenantId });
   const modulePrefix = "hcm";
 
-  const moduleCode = BOUNDARY_HIERARCHY_TYPE ? [`boundary-${BOUNDARY_HIERARCHY_TYPE}`] : ["campaignmanager", "schema", "admin-schemas", "checklist"];
+  const moduleCode = BOUNDARY_HIERARCHY_TYPE ? [`boundary-${BOUNDARY_HIERARCHY_TYPE}`] : ["campaignmanager", "schema", "admin-schemas", "checklist", "appconfiguration"];
 
   const { path, url } = useRouteMatch();
   const language = Digit.StoreData.getCurrentLanguage();
@@ -175,6 +176,7 @@ const componentsToRegister = {
   NoResultsFound,
   UploadDataMappingWrapper,
   DataUploadWrapper,
+  AppConfigurationWrapper,
 };
 
 const overrideHooks = () => {

diff --git a/...i/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js b/...i/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CampaignCard.js
@@ -63,7 +63,13 @@ const CampaignCard = () => {
       link: `/${window?.contextPath}/employee/campaign/boundary/home`,
       roles: ROLES.BOUNDARY_MANAGER,
       // count: isLoading?"-":data
-    }
+    },
+    {
+      label: t("ACTION_TEST_APP_CONFIGURATION"),
+      link: `/workbench-ui/employee/campaign/app-configuration`,
+      roles: ROLES.CAMPAIGN_MANAGER,
+      // count: isLoading?"-":data
+    },  
   ];
 
   links = links.filter((link) => (link?.roles && link?.roles?.length > 0 ? Digit.Utils.didEmployeeHasAtleastOneRole(link?.roles) : true));