DIGIT Works
PlatformDomainsAcademyDesign SystemFeedback
Works v0.2
Works v0.2
  • Introducing DIGIT Works Platform
  • Platform
    • Release Notes
      • MDMS & Configuration Updates
      • Test cases
      • Data Migration
      • Service Build Updates
    • Platform Capabilities
    • Architecture
      • High Level Design
      • Low Level Design
        • Registries
          • Individual
          • Bank Account
          • Organization
        • Services
          • Project
          • Estimates
          • Contracts
          • Attendance
          • Muster Roll
          • Expense
    • Functional Specifications
      • Project
      • Estimates
      • Organisation
      • Attendance Management
      • Muster Roll
      • Expenditure / Billing
      • Contracts
    • Platform Services
      • Project
      • Estimate
      • Contracts
      • Attendance
      • Muster Roll
      • Expense
      • Bank Account
      • Organisation
    • Source Code
    • Roadmap
    • Installation
    • Configuration
      • Service Configuration
        • Project
        • Estimate
        • Contract
        • Attendance
        • Muster Roll
        • Expense
        • Bank accounts
        • Organisation
        • Individual
  • Products
    • Works App
      • UX Design
      • Technical Design
      • Field App User Manual
      • Configuration Manual
      • Technical Manual
  • Programmes
    • MUKTASoft v1.0
    • MUKTASoft v1.1
      • Specifications
        • Roadmap
        • User Persona
        • Functional Requirements
          • Product Requirements Document
          • User Stories
            • Time Extension
              • CBO: Create Time Extension
              • Time Extension Workflow
              • EMP: Create Time Extension
              • Search and View Time Extension
              • CBO: My Requests
              • CBO: Edit Time Extension
            • JIT-FS Integration
              • Fund Allocation Register
              • Create Payment Instruction
              • PIS: Payment Instruction Status
              • PAG: Payment Advice Status
              • PD: Update payment details
              • FD: Update Failed Payments
              • Create Revised Payment Instruction
              • Revised PI: Update payment details
              • Revised PI: Updated Failed Payments
              • Search Payment Instruction
              • View Payment Instruction
            • Work Order
              • Create Work Order
              • Work Order Workflow
              • Work Order Inbox Page
              • Create/ Submit Work Order
              • Edit/Submit Work Order
              • Verify & Forward
              • Send Back
              • Send Back To Originator
              • Reject Work Order
              • Approve
              • Search Work Order
              • Work Order PDF
            • Dashboard v1.0
      • Deployment
        • Release Notes
          • Service Build Updates
          • MDMS & Configuration Updates
          • Gate 2 Release Checklist
          • Test Cases
        • Deployment Guide
          • Dashboard Reindexing
        • MuktaSoft Services
          • IFMS Adapter
          • Expense Calculator
          • Works PDF
          • Bill Scheduler
        • Configuration
          • Master Data Templates
            • Project Type
            • Target Demography
            • Unit Of Measurement (Units)
            • Overheads
            • Skill Category & Skills
            • Community-Based Organisation Roles
            • Scheme
            • Expense Heads
            • Standard Deductions
            • Organisation Type
            • Organisation Sub Type
            • Organisation Functional Category
            • Organisation Class/Rank
            • HRMS Sections/Departments
            • HRMS Designation
            • HRMS Employment Type
            • User Role
            • Organization
            • Wage Seeker
            • Tenants
            • Ward Boundary
            • Locality Boundary
            • Payment Advice Format
            • Users Data
          • Notifications & SMS Templates
          • Localisation
          • Platform Service Configuration
          • UI Configuration
            • Common Configurations
              • Role Configuration
              • MDMS Configuration
              • APK Generation
            • Modules
              • Project
              • Estimate
              • Workorder
                • Time Extension
              • Muster Roll
              • Bill
              • Organization
              • Wage Seeker
              • Wage Seeker (CBO Application)
              • Attendance (CBO Application)
              • Muster Roll (CBO Application)
              • Mukta Dashboard
              • IFMS Adapter UI
            • Drafts
              • Contracts
                • Create Contract
                • Contract Workflow
                • Modify Contract
              • Estimate
                • Create Estimate
                • Estimate Worflow
                • Modify Estimate
              • Attendance Management
                • Inbox
                • View Attendance
                • Modify Attendance
        • Customisation
          • Works UI
            • UI Tech Flow Diagrams
          • UI Screens Customisation
            • Document Upload Container
            • CSS Customisation
            • Inbox/Search Screen
      • Implementation
        • Pilot Roll Out Plan
        • Pilot Go Live Definition
        • Pilot Sucess Metrics
        • Adoption Metrics
        • Adoption Template
        • Implementation Plan & Checklist
        • Issue Management - Standard Operating Procedures
        • Training Resources
          • User Manual
            • Getting Started
            • CBO User Manual
              • CBO - Getting Started
              • My Works
              • Track Attendance
              • Muster Rolls
              • My Bills
              • My Requests
            • Employee User Manual
              • Project
              • Estimate
              • Work Order
              • Billing
              • Registries
              • Organizations
              • Payments
          • Training Videos
  • COMMUNITY
    • Discussion Board
    • Issues
Powered by GitBook

All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.

On this page
  • Overview
  • How to use the component?

Was this helpful?

  1. Programmes
  2. MUKTASoft v1.1
  3. Deployment
  4. Customisation
  5. UI Screens Customisation

Document Upload Container

PreviousUI Screens CustomisationNextCSS Customisation

Last updated 1 year ago

Was this helpful?

Overview

This component is used to render file upload UI based on the configuration passed for each module.

It has a title, information banner with a relevant message, document name, and corresponding file input to upload doc. All these details can be configured via MDMS.

MDMS Configurations

This component fetches below MDMS configuration by filtering modules to render the relevant UI.

How to use the component?

  1. If a new module is being added then the corresponding config should be updated in MDMS before using this component in the below format. (refer to Project module config below)

{
"module": "Project",
            "allowedFileTypes": ["pdf","doc","docx","xlsx","xls","jpeg","jpg","png"],
            "maxSizeInMB": 5,
            "bannerLabel": "PROJECT_BANNER",
           "documents": [
        {
          "code": "PROJECT_PROPOSAL",
          "name" : "noSubProject_doc_project_proposal",
          "active": true,
          "isMandatory": false,
          "showTextInput" : false,
          "allowedFileTypes": ["pdf","doc","docx","xlsx","xls","jpeg","jpg","png"],
          "maxSizeInMB": 5,
          "maxFilesAllowed": 1
        }, {}, …
]
}

  1. To show this in form, the config with type ‘documentUpload’ needs to be passed to FormComposer. (refer below config)

{
              "type": "documentUpload",
              "withoutLabel": true,
              "module": "Project",
              "error": "WORKS_REQUIRED_ERR",
              "name": "noSubProject_docs",
              "customClass": "",
              "localePrefix": "PROJECT"
            }

  1. Once these 2 configs are added this upload component will be displayed in form. It will capture the data in below format on click of submit button which can be manipulated as per API contract for each module

keyName: {
    "noSubProject_doc_others_name": "Other file",
    "noSubProject_doc_project_proposal": [
        [
            "1.5mb.pdf",
            {
                "file": {},
                "fileStoreId": {
                    "fileStoreId": "891f3c71-6e31-4111-b08a-867ce7753ce0",
                    "tenantId": "pg.citya"
                }
            }
        ]
    ],
    "noSubProject_doc_finalized_worklist": [
        [
            "test.jpg",
            {
                "file": {},
                "fileStoreId": {
                    "fileStoreId": "9ea3e0f9-f5ea-4a5c-968f-ca2ec73690b0",
                    "tenantId": "pg.citya"
                }
            }
        ]
    ],
    "noSubProject_doc_feasibility_analysis": [
        [
            "test.png",
            {
                "file": {},
                "fileStoreId": {
                    "fileStoreId": "2df09fb4-8a01-466b-816c-0524393494ec",
                    "tenantId": "pg.citya"
                }
            }
        ]
    ],
    "noSubProject_doc_others": [
        [
            "1.5mb.pdf",
            {
                "file": {},
                "fileStoreId": {
                    "fileStoreId": "4ab45ddd-f1b0-486a-8a70-f20471691b5a",
                    "tenantId": "pg.citya"
                }
            }
        ]
    ]
}

Upload File Component
File Upload Config