Frontend
Masters
State

State Master

Navigation Path

Company → Masters → State Master


1. State List Page

URL

/masters/state-master

Page Description

  • Displays a list of all states configured in the system
  • Allows filtering based on state name
  • Provides actions to add, edit, and delete state records

Filter & Search Section

Field NameTypeDescription
State NameText InputFilters the list by state name

Actions:

  • Search → Filters states based on entered state name
  • Reset → Clears filter and reloads the full list

List Table Columns

Column NameDescription
S NoSerial number
CountryCountry associated with the state
State NameName of the state
Company PF NoCompany PF number mapped to the state
ActionsEdit and Delete options

Row Actions

ActionDescription
EditOpens Edit State page with pre-filled data
DeleteOpens delete confirmation alert

2. Add State Page

Triggered From

State List Page → Add State button

Page Description

  • Allows admins to add a new state and associate it with a country
  • Company PF number can be configured per state

Add State – Fields

Field NameTypeMandatoryDescription
CountryDropdownYesSelect country from the list
State NameText InputYesEnter the state name
Company PF NoText InputNoEnter Company PF number for the state

Actions

ActionBehavior
SaveValidates and saves the state
ResetClears all entered values
CancelReturns to State List page

Validation Rules

  • Country must be selected
  • State Name cannot be empty
  • Duplicate state names are not allowed within the same country

3. Edit State Page

/masters/state-master/edit/:id

Triggered From

State List Page → Edit icon

Page Description

  • Allows updating existing state details
  • All fields are pre-filled with saved data

Editable Fields

Field NameEditable
CountryYes
State NameYes
Company PF NoYes

Actions

ActionBehavior
UpdateSaves changes
CancelDiscards changes and navigates back

4. Delete State Confirmation Alert

Triggered From

State List Page → Delete icon

Alert Content

  • Confirmation message before deletion

Actions:

  • Confirm / Yes → Deletes the state
  • Cancel → Closes the alert without action

Delete Behavior

  • State is removed permanently after confirmation
  • If the state is mapped to other records, deletion may be restricted

5. Filter by State Name

Search Flow

  1. Enter State Name in the search field
  2. Click Search

Result

  • Displays only states matching the entered state name

End of Documentation