{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Objective: ","type":"text","marks":[{"type":"strong"}]},{"text":"To provide the employee with an functionality to search the created Applications.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Employee Inbox:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":" The employee inbox screen shows all the created application which are in workflow, and requires the action form that particular employee.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1920,"id":"eadc1176-5db7-48c7-9dc4-408c096eec1c","collection":"contentId-1850277933","type":"file","height":1080}}]},{"type":"paragraph","content":[{"text":"The employee has the ability to search any application based on Application no, Property Id, or mobile number, or he can apply filters, based on the business service (create , edit , or update), application status, locality , and application assigned specific to him.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"By clicking on the /application no in inbox user goes to the application details page. where he can take action on the application to push it forward or backward in workflow.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Technical Details:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"The file path for inbox can be found in:","type":"text","marks":[{"type":"em"}]}]},{"type":"paragraph","content":[{"type":"inlineCard","attrs":{"url":"https://github.com/egovernments/digit-ui-internals/blob/main/packages/modules/pt/src/pages/employee/Inbox.js"}},{"text":" ","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"API used:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"The API used for searching the Inbox , is","type":"text","marks":[{"type":"em"}]}]},{"type":"codeBlock","content":[{"text":"/inbox/v1/_search","type":"text"}]},{"type":"paragraph","content":[{"text":"The above API is used to fetch the Inbox results based on filters and search criteria.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Customizations:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Inbox Screen offers customization for the fields in inbox table. The fields inside inbox table are exposed in component registry service as in file :","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineCard","attrs":{"url":"https://github.com/egovernments/digit-ui-internals/blob/main/packages/modules/pt/src/config/inbox-table-config.js"}},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"It is exposed as ","type":"text"},{"text":"PTInboxTableConfig","type":"text","marks":[{"type":"code"}]},{"text":" key in component registry service, and can be redefined to reset the columns.","type":"text"}]},{"type":"paragraph","content":[{"text":"the function returns an object of following structure :- ","type":"text"}]},{"type":"codeBlock","content":[{"text":"{\n PT: {\n inboxColumns: (props) => [\n {\n Header: t(\"ES_INBOX_UNIQUE_PROPERTY_ID\"),\n Cell: ({ row }) => {\n return (\n

\n \n \n {row.original?.searchData?.[\"propertyId\"]}\n \n \n

\n );\n },\n },\n ],\n searchColumns: (props) => [\n {\n Header: t(\"ES_INBOX_UNIQUE_PROPERTY_ID\"),\n accessor: \"searchData.propertyId\",\n Cell: ({ row }) => {\n return (\n

\n \n \n {row.original?.searchData?.[\"propertyId\"]}\n \n \n

\n );\n },\n }\n ]\n },\n}","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"the ","type":"text"},{"text":"object.PT","type":"text","marks":[{"type":"code"}]},{"text":" contains 2 keys ","type":"text"},{"text":"inboxCloumns","type":"text","marks":[{"type":"code"}]},{"text":" and ","type":"text"},{"text":"searchColumns","type":"text","marks":[{"type":"code"}]},{"text":" , which are yet again functions.","type":"text"}]},{"type":"paragraph","content":[{"text":"these functions are provided with ","type":"text"},{"text":"props","type":"text","marks":[{"type":"code"}]},{"text":" as an argument, which are props supplied to the component called ","type":"text"},{"text":"DesktopInbox","type":"text","marks":[{"type":"code"}]},{"text":" as can be seen in following file :- ","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineCard","attrs":{"url":"https://github.com/egovernments/digit-ui-internals/blob/main/packages/modules/pt/src/pages/employee/Inbox.js"}},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":" ","type":"text"},{"text":"inboxCloumns","type":"text","marks":[{"type":"code"}]},{"text":" and ","type":"text"},{"text":"searchColumns","type":"text","marks":[{"type":"code"}]},{"text":" functions return an array of objects, each object represents a column.","type":"text"}]},{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"inboxCloumns","type":"text","marks":[{"type":"code"}]},{"text":" is used for setting columns in inbox, while ","type":"text"},{"text":"searchColumns","type":"text","marks":[{"type":"code"}]},{"text":" is used for setting columns ","type":"text"}]},{"type":"paragraph","content":[{"text":"every column has following properties :-","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Header","type":"text","marks":[{"type":"code"}]},{"text":" is the head that is used in ","type":"text"},{"text":"thead","type":"text","marks":[{"type":"code"}]},{"text":" of the column (basically name of the column).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"accessor","type":"text","marks":[{"type":"code"}]},{"text":" is ","type":"text"},{"text":".","type":"text","marks":[{"type":"code"}]},{"text":" separated string value that specifies the path within each row to be followed in order to display the value of the column. The structure of row object is similar to ","type":"text"},{"text":"row.original","type":"text","marks":[{"type":"code"}]},{"text":" explained below.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Cell","type":"text","marks":[{"type":"code"}]},{"text":" is function returning a valid JSX, in case some complex component is needed to be rendered. The function is supplied an object with ","type":"text"},{"text":"row","type":"text","marks":[{"type":"code"}]},{"text":" property, each row containing property details , with ","type":"text"},{"text":"row.original","type":"text","marks":[{"type":"code"}]},{"text":" being the actual data for the property row which is of the form . The ","type":"text"},{"text":"searchData","type":"text","marks":[{"type":"code"}]},{"text":" contains search related result associated with property, while ","type":"text"},{"text":"workflowData","type":"text","marks":[{"type":"code"}]},{"text":" contains workflow related data associated with property","type":"text"}]},{"type":"codeBlock","content":[{"text":"{\n searchData : {...},\n workflowData : {...}\n}","type":"text"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"For further enquiry on how to set columns , you can checkout the link:-","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineCard","attrs":{"url":"https://react-table.tanstack.com/docs/overview"}},{"text":" ","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Application Details Page:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"This page is where the Employee visits after clicking on desired Application no, in inbox. The user can find a “take action” button at the bottom of screen, and can perform actions, based on the role the employee profile has and the state of application in workflow. He can also view the timeline in which he can see which employee made what update in workflow.","type":"text"}]},{"type":"paragraph","content":[{"text":" The employee can see details like owner details, address etc, along with the documents attached at the time of creation , and while action performing by any other employee in workflow. In case of mutation Application the employee can see transferer and transferee details.","type":"text"}]},{"type":"paragraph","content":[{"text":"While performing the action user can upload docs, comments for the next employee in workflow, or he can assign it to specific employee in the action resultant workflow.","type":"text"}]},{"type":"paragraph","content":[{"text":"If a particular workflow is completed then, the application is said to be completed and the status of property changes to ","type":"text"},{"text":"ACTIVE","type":"text","marks":[{"type":"code"}]},{"text":" .","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1920,"id":"78b55505-bcbe-40a9-9056-41529894bf70","collection":"contentId-1850277933","type":"file","height":1080}}]},{"type":"paragraph"},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1920,"id":"a1324bfe-e400-4ec6-b619-1c608b61360c","collection":"contentId-1850277933","type":"file","height":1080}}]},{"type":"paragraph"},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1920,"id":"9a1f3604-30cd-4324-ba06-286fe9eb3316","collection":"contentId-1850277933","type":"file","height":1080}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Technical Details:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"The code for the application details can be found in ","type":"text","marks":[{"type":"em"}]}]},{"type":"paragraph","content":[{"type":"inlineCard","attrs":{"url":"https://github.com/egovernments/digit-ui-internals/blob/main/packages/modules/pt/src/pages/employee/ApplicationDetails.js"}},{"text":" ","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"APIs Called:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"The application details page calls the following APIs.","type":"text"}]},{"type":"codeBlock","content":[{"text":"egov-workflow-v2/egov-wf/process/_search?tenantId=pb.amritsar&history=true\n/property-services/property/_search\n/egov-workflow-v2/egov-wf/businessservice/_search\n/filestore/v1/files/url","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"the 1st API is called to fetch the timeline, through which the Process Instance has gone through.","type":"text"}]},{"type":"paragraph","content":[{"text":"The 2nd API is called to fetch address, owner-details, and document ","type":"text"},{"text":"fileStoreId","type":"text","marks":[{"type":"code"}]},{"text":" for all the documents associated with the property.","type":"text"}]},{"type":"paragraph","content":[{"text":"The 3rd API is called to get current performable actions based on current state of the process Instance, which are then filtered through according to actions performable by employee’s role.","type":"text"}]},{"type":"paragraph","content":[{"text":"The 4th API is called to fetch all the documents for the file store ids.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Role Actions:","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","localId":"41aa987c-ecc1-4e1f-9bca-13301d4fd1f6"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[513.0]},"content":[{"type":"paragraph","content":[{"text":"Url","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[181.0]},"content":[{"type":"paragraph","content":[{"text":"Roles","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[65.0]},"content":[{"type":"paragraph","content":[{"text":"Action Id","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[513.0]},"content":[{"type":"paragraph","content":[{"text":"egov-workflow-v2/egov-wf/process/_search","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[181.0]},"content":[{"type":"paragraph","content":[{"text":"PTCEMP,FI,APPROVER,DV","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[65.0]},"content":[{"type":"paragraph","content":[{"text":"1730","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[513.0]},"content":[{"type":"paragraph","content":[{"text":"/property-services/property/_search","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[181.0]},"content":[{"type":"paragraph","content":[{"text":"PTCEMP,FI,APPROVER,DV","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[65.0]},"content":[{"type":"paragraph","content":[{"text":"1897","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[513.0]},"content":[{"type":"paragraph","content":[{"text":"/egov-workflow-v2/egov-wf/businessservice/_search","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[181.0]},"content":[{"type":"paragraph","content":[{"text":"PTCEMP,FI,APPROVER,DV","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[65.0]},"content":[{"type":"paragraph","content":[{"text":"1743","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[513.0]},"content":[{"type":"paragraph","content":[{"text":"/filestore/v1/files/url","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[181.0]},"content":[{"type":"paragraph","content":[{"text":"PTCEMP,FI,APPROVER,DV","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[65.0]},"content":[{"type":"paragraph","content":[{"text":"1528","type":"text","marks":[{"type":"code"}]}]}]}]}]},{"type":"paragraph"}],"version":1}

Browser not supported