Quiz update features

[fnitu]

Must have

• [x] Add textbox/textarea control - character limit, to be decided if it will be a separate control, or settings for the radio control.
• [x] Add a slider option for the quiz controls:
• https://material.angular.io/components/slider/examples
• https://angular-slider.github.io/ngx-slider/
• [x] Mark the first option as valid when a question is added (checkbox, single selection, dropdown selection)
• [x] Update the interface: a single add question button should be displayed, the newly added question will be appended to the list. The other add buttons should be removed.
• [x] The question list should implement a drag and drop interface (https://v9.material.angular.io/cdk/drag-drop/overview)
• [x] Create formly field for the new field type - slider/ textare big/ textare small, including the new display option for radio field
• [x] Save questions after each drag and drop action. A list containing the questions ids must be sent to the server on URL: https://github.com/danutchindris/edu-hospice-api/issues/235
• [x] Question settings Some of the question types will have a settings property, eg:
  • The LINEAR_SCALE will have: min_value, max_value; these values will be specified by the user in the UI
  • The TEXTAREA_SMALL will have: max length; this value will be hardcoded for now, having a value of 500
  • The TEXTAREA_BIG will have: max length; this value will be hardcoded for now, having a value of 2000

Nice to have:

• [x] Adding a question should scroll to bottom
• [x] Dragging a question should scroll the list
• [x] Add possibility for radio controls to be displayed horizontally/vertically. The radio buttons control will implement a direction property of (vertical | horizontal)

[razvantudorache]

Hi,

Two new field types have been added:

• TEXTAREA_SMALL: limit 500 chars
• TEXTAREA_BIG: limit 2000 chars

[razvantudorache]

New types TEXTAREA_BIG and TEXTAREA_SHORT must be taken into consideration on server

error: "Bad Request" message: "JSON parse error: Cannot deserialize value of typero.siit.model.QuestionTypefrom String \"TEXTAREA_SHORT\": not one of the values accepted for Enum class: [CHECKBOXES, RADIO, SELECT]; nested exception is com.fasterxml.jackson.databind.exc.InvalidFormatException: Cannot deserialize value of typero.siit.model.QuestionTypefrom String \"TEXTAREA_SHORT\": not one of the values accepted for Enum class: [CHECKBOXES, RADIO, SELECT]\n at [Source: (PushbackInputStream); line: 1, column: 31] (through reference chain: ro.siit.payload.QuestionRequest[\"type\"])" path: "/api/admin/quizzes/questions/11/update" status: 400 timestamp: 1638296211609

[Adrian-Moldovan]

The expected payload for the settings property should be an array of objects (just like the options property)

"settings": [ { "name": "string", "value": "string" } ]

Please check out the swagger documentation: https://edu-hospice-api.herokuapp.com/swagger-ui.html#/quiz-controller/updateQuestionUsingPUT

[razvantudorache]

All points from description have been implemented.