FSM v1.3 ULB Admin - FSM Registry - Vendor Tab

Introducing whole new FSM Registry UI which allows an Admin Employee to create,update and delete the respective Vendor, Driver and Vehicle

Once the user login with “FSM_ADMIN" Roles then the user will get the option for FSM Registry in the FSMCard in the home screen.

 

File Path: https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/modules/fsm/src/pages/employee/index.js

 

FSM Registry:

When clicked on FSM Registry button, Registry page is rendered.

FSM Registry Inbox Page consists of Vendor tab, Vehicle tab and Driver tab with functionality to add, edit and update the respective vendor, vehicle or driver.

 

File Path: https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/modules/fsm/src/pages/employee/FSMRegistry/index.js

FSM Registry Component: https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/modules/fsm/src/components/RegistryInbox.js

and https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/modules/fsm/src/components/RegistrySearch.js

Vendor Tab:

In Vendor tab, Admin employee can see list of all active/inactive vendors and their vehicle, driver and status information.

Admin can search the vendor by vendor name in search bar.

Admin can enable/disable the vendor by using switch icon for the respective vendor.

 

Admin can add the new Vendor/vehicle/driver by clicking on “plus icon” on top right corner.

When click on Vendor, add new vendor screen will render.

 

To view specific vendor detail, click on the vendor name and you’ll land on the vendor details page.

Vendor details screen show vendor details and give ULB Admin options to add vehicle and add driver to the vendor.

After clicking on add vehicle/add driver option, Add Vehicle pop up screen will apper to add the vehicle.

 

When ULB Admin select vehicle/driver and click on submit. Vehicle/driver will be added to the respective vendor.

Admin can delete the vehicle/driver from the vendor by clicking on delete icon on the top right corner of vehicle/driver details.

Admin can also edit the vehicle/driver details by using edit icon on the top right corner of vehicle/driver details.

ULB admin also have the options to edit or delete vendor under take action button.

Edit screen page will render when admin click on edit option.

Delete pop up confirmation screen will render when click on delete option.

File path render in FSM Registry are below

New Components added in FSM for FSM registry

New CSS added

Hooks

File Path

Hooks

File Path

useDriverCreate

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useDriverCreate.js

useDriverSearch

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useDriverSearch.js

useDriverUpdate

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useDriverUpdate.js

useDriverDetails

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useDriverDetails.js

useVendorUpdate

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useVendorUpdate.js

useVendorSearch

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useVendorSearch.js

useVendorDetail

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useVendorDetail.js

useVendorCreate

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useVendorCreate.js

useVehicleDetails

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useVehicleDetails.js

useVehicleCreate

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useVehicleCreate.js

useUpdateVehicle

https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/libraries/src/hooks/fsm/useUpdateVehicle.js

Role Action Mapping:

API

ROLES

ACTION ID

API

ROLES

ACTION ID

1

/egov-mdms-service/v1/_search

LOA_CREATOR,WO_CREATOR,AE_CREATOR,WORKS_MASTER_CREATOR,UC_EMP,SUPERUSER

954

2

/vendor/v1/_create

FSM_ADMIN

2056

3

/vendor/v1/_update

FSM_ADMIN

2352

4

/vendor/v1/_search

FSM_CREATOR_EMP,FSM_ADMIN,FSM_DSO,FSM_EDITOR_EMP,FSM_VIEW_EMP,FSM_EMP_FSTPO,CITIZEN

2053

5

/vendor/driver/v1/_search

FSM_ADMIN,FSM_CREATOR_EMP,FSM_DSO,FSM_EDITOR_EMP,FSM_VIEW_EMP,FSM_EMP_FSTPO

2357