PT - Create Property UI Details
Last updated
Last updated
All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.
This page provides detailed UI information on the Create Property feature available in the Property Tax module.
The objective is to provide user facilities to add a new property, view the property details and the application currently on their number. The feature allows users to update the property or edit the application.
Users can add new property using the Create Property button, and while going through the workflow, can add all the valid information, according to the question asked. At the end of the flow, a Check page will be displayed on which the user can cross verify the information entered. On submitting, the application is created.
Create Property Flow
Property Tax information screen will be displayed after login, which helps the user to understand the necessary documents needed to complete the new registration for the property.
Property Details Flow
The user needs to enter the details about the property first. Below is the flow chart for the property details flow**.**
Assessment Details Flow
Then the user will be asked about the assessment details, which contains information about each floor and basement.
Address Details Flow
After entering the details of the property, the user needs to enter the address of the property, where it is located. The flow is straightforward, without any conditional routing.
Users can pinpoint the location in the Geo-location map, according to which pin code and city, as well as locality, is auto-populated.
Owner Details Flow
Finally, the user needs to enter the details, about the property owner, it can be institutional - (Government/ Private) or Single/Multiple Owner. According to which the details will be filled.
In the case of Institutional, the following data will be asked in the first screen, and the following screen will remain the same.
In the case of a single/Multiple Owner following screen will be displayed, rest flow will remain the same.
Check Page and Acknowledgement Screen
Users can cross-verify the data entered throughout the flows in the Check page. Click on the change button adjacent to the relevant data allows users to change/update the entered data. The user is redirected to the relevant page where data needs to be changed. Repeat the successive flows to submit the application.
For Registration of property, Create API is called. Following is the snippet of the Create API used:1create: "/property-services/property/_create"
If the API response is successful, then the Acknowledgement Screen is displayed, otherwise Failed Acknowledgement Screen is displayed.
All the screens have been developed using the new-UI structure followed previously in FSM and PGR.
The link for the Create Property Main Index is given below, it can be used to understand the starting point of the flow:
PT (Property Tax) Module has been segregated into a specified structure. All the screen configuration is inside PageComponent Folder, and the configuration for routing of the pages are mentioned in the config folder which is common for both Citizen as well as Employee. The snippet for folder structure and routing configuration is given below.
Pages Folder is where the high-level configuration for controlling the whole flow is mentioned, for citizens and employees. Citizen flows include Create, Edit, My Properties, My Application and Search Property. The search property flow carries the index (the main starting point of the whole flow).
After completing the flow the user can download the acknowledgement PDF form of the property created. Click here to find the config for the PDF generation.
Utils Folder basically contains all the methods which are being used throughout the PT module. In case any common method needs to be declared here, it can be imported into other files.
For creating an Application the Create API from Property Tax is being called using the React hooks, which has been declared under hooks/elements/PT as PTService.
Throughout the flows, data across a few pages are imported from MDMS. Following is the list of pages that are using MDMS data. These pages .js files can be found under page components.
| S.No. | PageComponent | MDMS Detail | Module Detail Name | Master Detail Name |
|---|---|---|---|---|
1 | PropertyTax | List of documents required for each category |
|
|
2 | PropertyUsageType | Four category imported - (Commercial, industrial, institutional & others) |
|
|
3 | PropertyType | three major categories - (Independent, Flat & Part of the building & Vacant) |
|
|
4 | SubUsageType | List of sub-usage category according to the property usage selected before |
|
|
5 | SubUsageTypeOfRentedArea | List of sub-usage category according to the property usage category selected before, same as sub-usage type |
|
|
6 | PTSelectAddress | List of Cities (Amritsar, Jalandhar and Nawanshahr) and List of localities according to the city selected |
|
|
7 | OwnershipDetails | Four categories imported - (Institutional - private, Institutional - Government, Single Owner and multiple Owner) |
|
|
8 | SpecialOwnerCategory | List of special category imported eg Freedomfighter, handicap etc |
|
|
9 | PTGeolocation | Default value for location i.e Pratap Nagar Latitude and longitude |
|
|
10 | RentalDetails | Rentaldetails information regarding tax percentage is taken from MDMS |
|
|
Data React Hooks are used for calling MDMS, so that it could be shared throughout the modules.
Below is the little code snippet for the call used for MDMS.
Localization keys are added under the ‘rainmaker-pt’ locale module. In future, if any new labels are implemented in the Property Tax (Citizen) they should also be pushed in the locale DB under rainmaker-pt locale module. Below is an example of few locale labels.
S.No. | API | Action Id | Roles |
1 | /access/v1/actions/mdms/_get | 870 | CITIZEN |
2 | /egov-mdms-service/v1/_search | 954 | CITIZEN |
3 | /localization/messages/v1/_search | 1531 | CITIZEN |
4 | /property-services/property/_create | 1895 | CITIZEN |
5 | /property-services/property/_search | 1897 | CITIZEN |
6 | /property-services/property/_update | 1896 | CITIZEN |
7 | /property-services/assessment/_search | CITIZEN | |
8 | /billing-service/bill/v2/_fetchbill | CITIZEN |
| Link | Description |
|---|---|
Property applications | |
Registered properties | |
Application details | |
Property information | |
Edit or update property details | |
Make payment or search property details |
All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.
