idurar/idurar-erp-crm

Feat : in Frontend Settings page , Update Form & Create Form should be dynmaycs

Open

#541 opened on Sep 17, 2023

View on GitHub
 (8 comments) (0 reactions) (1 assignee)JavaScript (4,308 stars) (1,036 forks)batch import
good first issue🎨 Frontend

Description

in Frontend advanced Settings page '/settings/advanced' : 1- create new settings when we we need to choose the type settings , by add select to choose over four options ( Number , Text , date, Muti Select , Select)

Once user select settings type , new fields (settingsValue) appears with type of select , example if you user select number , then second field will be input(type=number) , if he select text then second field will be input(type=text) ...etc

1- update new settings

same as first , in settings update form

Contributor guide

Tech stack
javascriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React state managementConditional rendering
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the current implementation of the settings form on the '/settings/advanced' page. The goal is to make the form dynamic: when creating or updating settings, the user selects a type (Number, Text, Date, Multi Select, Select) and the corresponding input field for the value should appear (e.g., number input for Number, text input for Text). Review the existing code for the settings form, likely in the frontend React components. Implement conditional rendering based on the selected type using React state. No linked PRs or detailed comments were found; the assignee may be working on this. Ensure the solution aligns with the existing codebase style.