expertiza / expertiza/reimplementation-front-end

Create a page to create and update a Questionnaire

Open
#11 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
2
Forks
115
Avg merge
17d 5h
Merged PRs (30d)
2

Description

This page consists of two parts, Questionnaire metadata, and associated Questions, as part of this page interface creation consider the following points:

**For the first part:**
- All the fields should be in a column and not in a row format as is the case in the old UI (Min Score, Max Score, and Private)
- Min Score, Max Score must be a number
- `Is this Review private` field should be a checkbox instead of dropdown

**For the second part:**
![Image](https://user-images.githubusercontent.com/20452032/250954445-468c35d7-d87a-4528-9b25-64f2f48f80e1.png)
- Instead of having an `Add` button and following fields to create a Question, simply have an `Add` button, this should be at the bottom of available Questions
- Remove button for a Question should be at the end of that row and not at the start
- `Seq` field must be disabled for edit
- `Type` field will be a dropdown and the user can select the type while creating the Question
- `Weight` field must be numeric
- `Edit/View Advice` button should be aligned properly
- `Edit/View Advice` page can be as it is.
- `Import and Export` buttons at the bottom should display a `Modal` instead of showing a new page. (reference of Modal can be found in `UserEditor.tsx` of this repo)
- Import and Export functionality should get or export the data in a format that is required, you don't have to worry about adding the data to the backend.

### **Note**: **Feel free to exercise your creativity when designing the user interface for this page, as long as it remains simple and easy to navigate.**

[The "Add question weight" button below is not really useful and should be removed. The "text area size" field should be pre-populated with the default value (80, 1)?]

![Image](https://user-images.githubusercontent.com/20452032/250949037-a63b6081-f72e-479d-9aff-214b9f29ed8f.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the existing Questionnaire create/update interface and review UserEditor.tsx for the modal pattern referenced in the issue. Compare the current metadata and question controls with each listed requirement, then verify that the redesigned form supports editing, question creation, numeric fields, and import/export through modals without requiring backend changes.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.