idurar/idurar-erp-crm

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

Open

#541 geöffnet am 17. Sept. 2023

Auf GitHub ansehen
 (8 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (4.308 Stars) (1.036 Forks)batch import
good first issue🎨 Frontend

Beschreibung

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
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
blocked
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
React state managementConditional rendering
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
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.