HCM Admin Console v0.3 & Microplan v0.1 Release UI Code changes

.github/pull_request_template.md

@@ -1,5 +1,42 @@
 ## Choose the appropriate template for your PR:
 
-- [Feature PR](./PULL_REQUEST_TEMPLATE/feature_template.md)
-- [Bugfix PR](./PULL_REQUEST_TEMPLATE/bugfix_template.md)
-- [Release PR](./PULL_REQUEST_TEMPLATE/release_template.md)
+### [Feature PR](./PULL_REQUEST_TEMPLATE/feature_template.md)
+
+#### Feature Request
+
+**JIRA ID**  
+<!-- Provide the JIRA ID or task reference -->
+
+**Module**  
+<!-- Specify the module impacted by the feature -->
+
+**Description**  
+<!-- Provide a detailed description of the feature -->
+
+**Related Issues**  
+<!-- Link any related GitHub issues here -->
+
+---
+
+### [Bugfix PR](./PULL_REQUEST_TEMPLATE/bugfix_template.md)
+
+#### Bugfix Request
+
+**JIRA ID**  
+<!-- Provide the JIRA ID or task reference -->
+
+**Module**  
+<!-- Specify the module impacted by the bugfix -->
+
+**Description**  
+<!-- Provide a detailed description of the bugfix -->
+
+**Root Cause**  
+<!-- Describe the root cause of the bug -->
+
+**Related Issues**  
+<!-- Link any related GitHub issues here -->
+
+---
+
+### [Release PR](./PULL_REQUEST_TEMPLATE/release_template.md)

.github/workflows/buildWorkbenchUI.yml

@@ -1,7 +1,7 @@
 name: Digit Admin Console Build workflow
 on:
   push:
-    branches: [ 'develop','campaign' ,'microplan','master']
+    branches: [ 'develop','console','master']
     paths:
       - 'health/micro-ui/web/micro-ui-internals/**'
   workflow_dispatch:
@@ -40,9 +40,6 @@ jobs:
           echo "COMMIT_ID=${GITHUB_SHA: -8}" >> $GITHUB_ENV  # Extract last 8 characters of SHA
           echo "BRANCH_NAME=${GITHUB_REF#refs/heads/}" >> $GITHUB_ENV
 
-
-
-
       - name: Login to egovio docker Container Registry
         env:
             DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
@@ -51,10 +48,51 @@ jobs:
           # Authenticate with Docker Hub
           echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_USERNAME" --password-stdin
 
-      - name: Build and Push Docker image for digit-ui
+      - name: Build and Push Docker images for digit-ui
         if: ${{ steps.check_files.outputs.run_job_digit_ui == 'true' }}
         run: |
-          docker build -t workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }} -f web/workbench/Dockerfile .
-          docker tag workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }} egovio/workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }}
-          docker push egovio/workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }}
+          # workbench ui Docker build
+          IMAGE_NAME_1=workbench-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }}
+          docker build -t $IMAGE_NAME_1 -f web/workbench/Dockerfile . &
+
+          # microplan ui Docker build
+          IMAGE_NAME_2=core-ui:${{ env.BRANCH_NAME }}-${{ env.COMMIT_ID }}-${{ env.ACTION_NUMBER }}
+          docker build -t $IMAGE_NAME_2 -f web/core/Dockerfile . &
+
+          # Wait for both builds to complete
+          wait
+
+          # Tag and push Docker images after both builds complete
+          docker tag $IMAGE_NAME_1 egovio/$IMAGE_NAME_1
+          docker push egovio/$IMAGE_NAME_1
+
+
+          docker tag $IMAGE_NAME_2 egovio/$IMAGE_NAME_2
+          docker push egovio/$IMAGE_NAME_2
+
+          # Set outputs for the summary
+          echo "IMAGE_NAME_1=egovio/$IMAGE_NAME_1" >> $GITHUB_ENV
+          echo "IMAGE_NAME_2=egovio/$IMAGE_NAME_2" >> $GITHUB_ENV          
         working-directory: health/micro-ui
+
+      - name: Display Docker images in Actions tab
+        run: |
+          echo "First Docker image: ${{ env.IMAGE_NAME_1 }}"
+          echo "Second Docker image: ${{ env.IMAGE_NAME_2 }}"
+          echo "::set-output name=first_image::$IMAGE_NAME_1"
+          echo "::set-output name=second_image::$IMAGE_NAME_2"
+        if: ${{ steps.check_files.outputs.run_job_digit_ui == 'true' }}
+
+      - name: Show Docker images in job summary
+        if: ${{ steps.check_files.outputs.run_job_digit_ui == 'true' }}
+        run: |
+          echo "## Docker images built and pushed:" >> $GITHUB_STEP_SUMMARY
+          echo "- ${{ env.IMAGE_NAME_1 }}" >> $GITHUB_STEP_SUMMARY
+          echo "- ${{ env.IMAGE_NAME_2 }}" >> $GITHUB_STEP_SUMMARY
+
+
+
+
+
+
+

.github/workflows/publishAllPackages.yml

@@ -1,10 +1,12 @@
-name: Node.js Publish Health UI Packages
+# name: Node.js Publish Health UI Packages
+name: Node.js Publish Health UI CSS Packages
 
 on:
   push:
-    branches: [ 'develop','campaign' ,'microplan']
+    branches: [ 'develop','console']
     paths:
-      - 'health/micro-ui/web/micro-ui-internals/**'
+      - 'health/micro-ui/web/micro-ui-internals/packages/css/**'
+      # - 'health/micro-ui/web/micro-ui-internals/**' disabling main since we target only for css
 
   pull_request:
     branches: 

CODEOWNERS

@@ -1,5 +1,4 @@
 .* @jagankumar-egov
 
 micro-ui/web/ @egovernments/core-ui-reviewers
-health/micro-ui/web/ @egovernments/core-ui-reviewers
-
+health/micro-ui/web/ @egovernments/core-ui-reviewers

build/build-config.yml

@@ -27,9 +27,9 @@ config:
 
   - name: builds/Digit-Frontend/karnataka-ui
     build:
-      - work-dir: micro-ui/
-        dockerfile: micro-ui/web/docker/Dockerfile
-        image-name: karnataka-ui 
+      - work-dir: health/micro-ui/
+        dockerfile: health/micro-ui/web/core/Dockerfile
+        image-name: core-ui
 
 
   - name: builds/Digit-Frontend/workbench-ui

health/micro-ui/package.json

@@ -1,4 +1,4 @@
 {
   "name": "workbench-ui",
-  "version": "0.2.0"
+  "version": "0.3.0"
 }

health/micro-ui/web/CHANGELOG.md

@@ -1,7 +1,23 @@
 # Changelog
 All notable changes to this module will be documented in this file.
 
+# Changelog
+All notable changes to this module will be documented in this file.
+
+## 0.3.0 - 2024-12-03
+#### Base Admin console web
+  1. Updating the campaign details
+  2. Configure Checklist
+  3. Manage Boundaries
+
+
+## 0.2.0 - 2024-08-24
+#### Base Admin console web
+  1. Helps in Updating the campaign Dates
+  2. View the timeline porcess of the campaign Creation
+
+
 ## 0.1.0 - 2024-05-28
 #### Base Admin console web
   1. Helps in creating the Campaign and configure delivery rules
-  2. Create Data: Validates and creates resource details of type facility,user and boundary.
+  2. Create Data: Validates and creates resource details of type facility,user and boundary.

health/micro-ui/web/core/App.js

@@ -0,0 +1,121 @@
+/**
+ * The above code initializes various Digit UI modules and components, sets up customizations, and
+ * renders the DigitUI component based on the enabled modules and state code.
+ * @returns The `App` component is being returned, which renders the `DigitUI` component with the
+ * specified props such as `stateCode`, `enabledModules`, `moduleReducers`, and `defaultLanding`. The
+ * `DigitUI` component is responsible for rendering the UI based on the provided configuration and
+ * modules.
+ */
+import React from "react";
+import { initLibraries } from "@egovernments/digit-ui-libraries";
+import { DigitUI } from "@egovernments/digit-ui-module-core";
+// import { initHRMSComponents } from "@egovernments/digit-ui-module-hrms";
+import { UICustomizations } from "./Customisations/UICustomizations";
+import { initWorkbenchComponents } from "@egovernments/digit-ui-module-workbench";
+import { initUtilitiesComponents } from "@egovernments/digit-ui-module-utilities";
+import { initWorkbenchHCMComponents } from "@egovernments/digit-ui-module-hcmworkbench";
+import { initCampaignComponents } from "@egovernments/digit-ui-module-campaign-manager"
+
+window.contextPath = window?.globalConfigs?.getConfig("CONTEXT_PATH");
+
+const enabledModules = [
+  "DSS",
+  "NDSS",
+  "Utilities",
+  // "HRMS",
+  "Engagement",
+  "Workbench",
+  "HCMWORKBENCH",
+  "Campaign"
+];
+const HCM_MODULE_NAME = "boundary";
+export const OverrideUICustomizations = {
+  HCM_MODULE_NAME,
+}
+const setupLibraries = (Library, service, method) => {
+  window.Digit = window.Digit || {};
+  window.Digit[Library] = window.Digit[Library] || {};
+  window.Digit[Library][service] = method;
+};
+/* To Overide any existing config/middlewares  we need to use similar method */
+const updateCustomConfigs = () => {
+  setupLibraries("Customizations", "commonUiConfig", { ...window?.Digit?.Customizations?.commonUiConfig, ...OverrideUICustomizations });
+};
+
+
+const moduleReducers = (initData) => ({
+  initData,
+});
+
+const initDigitUI = () => {
+
+  try {
+    window.Digit.ComponentRegistryService.setupRegistry({});
+    window.Digit.Customizations = {
+      PGR: {},
+      commonUiConfig: UICustomizations,
+    };
+    // initHRMSComponents();
+    initUtilitiesComponents();
+    initWorkbenchComponents();
+    initWorkbenchHCMComponents();
+    initCampaignComponents();
+  } catch (error) {
+    console.error('Failed to initialize DigitUI:', error);
+    // Consider showing a user-friendly error message
+  }
+};
+let initializationError = null;
+
+const handleInitError = (error) => {
+  console.error('Failed to initialize libraries:', error);
+  initializationError = error;
+};
+
+initLibraries().then(() => {
+  initDigitUI();
+}).catch(handleInitError);
+
+
+
+function App() {
+
+    const [stateCode, setStateCode] = React.useState(null);
+
+    const [isLoading, setIsLoading] = React.useState(true);
+    React.useEffect(() => {
+      // Add any necessary initialization checks here
+      window.contextPath = window?.globalConfigs?.getConfig("CONTEXT_PATH");
+      const code =
+        window.globalConfigs?.getConfig("STATE_LEVEL_TENANT_ID") ||
+        process.env.REACT_APP_STATE_LEVEL_TENANT_ID;
+        setStateCode(code);
+      setIsLoading(false);
+    }, []);
+
+    if (isLoading) {
+      return <div>Loading application...</div>;
+    }
+    // Consider adding this to your App component:
+if (initializationError) {
+    return <div>Failed to initialize application. Please refresh the page.</div>;
+  }
+    if (!stateCode) {
+      return (
+        <div className="error-container">
+          <h1>Configuration Error</h1>
+          <p>State code is not defined. Please check your configuration.</p>
+        </div>
+      );
+    }
+  return (
+    <DigitUI
+      stateCode={stateCode}
+      enabledModules={enabledModules}
+      moduleReducers={moduleReducers}
+      defaultLanding="employee"
+    />
+  );
+}
+
+export default App;

health/micro-ui/web/core/Dockerfile

@@ -0,0 +1,30 @@
+FROM egovio/alpine-node-builder-14:yarn AS build
+#FROM ghcr.io/egovernments/alpine-node-builder-14:yarn AS build
+RUN apk update && apk upgrade
+RUN apk add --no-cache git>2.30.0
+ARG WORK_DIR
+WORKDIR /app
+ENV NODE_OPTIONS "--max-old-space-size=4792"
+
+COPY ${WORK_DIR} .
+RUN ls -lah
+
+#RUN node web/envs.js
+RUN cd web/ \
+    && node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))' \
+    && node -e 'console.log("health-core only")' \
+    && cd core/ \
+    && chmod +x ./install-deps.sh \
+    &&  ./install-deps.sh \
+    && cd ../ \
+    && yarn install \ 
+    && yarn build:webpack 
+
+FROM nginx:mainline-alpine
+#FROM ghcr.io/egovernments/nginx:mainline-alpine
+ENV WORK_DIR=/var/web/core-ui
+
+RUN mkdir -p ${WORK_DIR}
+
+COPY --from=build /app/web/build ${WORK_DIR}/
+COPY --from=build /app/web/core/nginx.conf /etc/nginx/conf.d/default.conf

health/micro-ui/web/core/install-deps.sh

@@ -0,0 +1,18 @@
+#!/bin/sh
+
+BRANCH="$(git branch --show-current)"
+
+echo "Main Branch: $BRANCH"
+
+INTERNALS="micro-ui-internals"
+cd ..
+
+cp core/App.js src
+cp core/package.json package.json 
+cp core/webpack.config.js webpack.config.js 
+cp core/inter-package.json $INTERNALS/package.json
+
+cp $INTERNALS/example/src/UICustomizations.js src/Customisations
+
+echo "UI :: core " && echo "Branch: $(git branch --show-current)" && echo "$(git log -1 --pretty=%B)" && echo "installing packages" 
+