Create new form UI for Policy Portal

[viraj89]

Description

Develop a frontend form to allow users to add metadata to network information. The form should include the following fields:

• Title: Input field for entering the title of the network information.
• Information Category: Dropdown menu to select the information category. (Geofence, Private, Alcoholic)
• Information Source Owner: Input field for entering the name of the information source owner.
• Description: Text area for adding a description of the network information.
• Country: Dropdown menu to select the country.
• City: Dropdown menu to select the city.
• From: Date picker for selecting the start date.
• To: Date picker for selecting the end date.
• Sources: Input field for adding source URLs.
• Applicable to: Dropdown menu for selecting the applicable entity.
• Rules: Text area for adding rules or conditions.
• Go Back: Button to navigate back to the previous page.
• Save: Button to save the entered metadata.

Example here:

Goals

• Provide a user-friendly interface for adding metadata to network information.
• Ensure data consistency and accuracy.
• Facilitate efficient management of network information.

Expected Outcome

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

Acceptance Criteria

• [x] All required fields are present and correctly labeled.
• [x] Dropdown menus are populated with appropriate options.
• [x] Date pickers function correctly.
• [ ] The form validates input data to ensure accuracy.
• [x] The form successfully saves entered metadata.
• [x] The "Go Back" button functions as expected.

Mockups / Wireframes

Figma here.

Product Name

Network Information Metadata Form

Domain

Network Management

Tech Skills Needed

• Frontend Development
• Form Handling and Validation
• Data Management

Complexity

Medium

Category

Frontend Development

Sub Category

Form Creation

[aniketceminds]

[aniketceminds]

[emmayank]

Review Completed

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

1. There should be some minimum and maximum char limit for titleand description. do chat-gpt and find idea limits of policies for these labels
2. Country & City can be dynamic. ( currently selecting country as USA, showing indian cities)
3. From date cannot be lesser than today's date, it can be future date. and to date cannot be lesser than from date, it can be equals to or greater than from-date
4. Source URL input should have url validation

[omkar-em]

Bug created based on feedback for point 1,2,4 - https://github.com/beckn/beckn-ui-workspace/issues/2165 Bug is already open for point 3.

cc: @PritiEM @emmayank @aniketceminds