Policy detail page UI for Policy Portal

[viraj89]

Description

Create frontend using the following details. After creating a policy, go to the dashboard, select a policy to view it. The form should display the following fields:

• Title: Input field for editing the title of the network information.
• Information Category: Dropdown menu to select the information category (e.g., Geofence, Location, Traffic).
• Information Source Owner: Input field for editing the name of the information source owner.
• Description: Text area for editing the description of the network information.
• Country: Dropdown menu to select the relevant country.
• City: Dropdown menu to select the relevant city.
• From: Date picker for editing the start date.
• To: Date picker for editing the end date.
• Sources: Input field for adding or removing source URLs.
• Applicable to: Dropdown menu to select the applicable entity (e.g., User, Device, Service).
• Rules: Text area for editing rules or conditions. It should show the rules in JSON that is already created.
• Geofence: Button to edit the geofence on a map. Click to open the geofence will open on new page the saved geofencing. This can't be edited but only viewed.
• Status: Dropdown menu to select the status (e.g., Published, Inactive).
• Go Back: Button to navigate back to the previous page.
• Update: Button to save the updated form information.

Sample Form

Saved Geofencing on Map:

Goals

• Provide a user-friendly interface for updating form information of existing network information.
• Ensure data consistency, accuracy, and validation.
• Facilitate efficient management of network information through an intuitive editing interface.

Expected Outcome

A well-designed and functional frontend form that enables users to easily update and manage form information for existing network information.

Acceptance Criteria

• [ ] All required labels are present and correctly mapped.
• [x] The "Go Back" button functions correctly.
• [ ] The "Update" button functions correctly.
• [x] The status dropdown should applicable options

Mockups / Wireframes

Figma here.

Product Name

Beckn

Domain

Mobility

Tech Skills Needed

• Frontend Development
• Form Handling and Validation
• Data Management
• Map Integration (e.g., Google Maps API)

Complexity

Medium

Category

Frontend Development

Sub Category

Form Creation/Displaying

[aniketceminds]

[emmayank]

Review Completed, functionality working as expected

Some feedback ( @aniketceminds , @omkar-em , @PritiEM )

1. Source is not displaying, while it is mandatory while creating