9: Implementation of toggle type form element

kiranharidas187 commented 8 months ago

Description

Implement the toggle question in the dynamic form. All the configurations (placeholder, validation, layout, etc) required for the rendering of toggle questions should be configurable using JSON.

Goals

[ ] Create an interface for the base form object.
[ ] Install angular material as the dependency for the library
[ ] As per the reference implementation, convert the code to handle the angular material input component.
[ ] Implement the test cases for the component
[ ] Prepare proper documentation for the implementation

Acceptance Criteria

[ ] Should be able to render the form with a toggle type form element

Implementation Details

Angular, HTML, CSS

Mockups / Wireframes

All the forms can be viewed in this portal

Product Name

SL-Library

Project Name

SL-Library

Organization Name:

Shikshalokam

Domain

Education

Tech Skills Needed:

Angular, HTML, CSS

Mentor(s)

Amoghavarsh

Complexity

Medium

Sub Category

Frontend, Library

SanjayRam07 commented 5 months ago

hello @kiranharidas187 , can I work on this issue? Could you please assign and mentor me?

nikhil061102 commented 4 months ago

Sir, I am interested and have some doubts. How should it look (are there any UI designs/patterns) Please let me know.

sid-nc commented 4 months ago

@kiranharidas187 Can I get assigned to this

prakharahkarp commented 4 months ago

hello @kiranharidas187 sir! I feel i have the skills required for this project and i would love to contributr. Could you please assign this ticket to me?

Yash-Sajwan24 commented 3 months ago

@kiranharidas187 I understand the problem, and I believe I have the necessary skills. Could I have the opportunity to work on this?

aryangandhi05 commented 3 months ago

Hare Krishna @kiranharidas187 Sir I want to solve this issue, as i understand it, and i will give my 100% for solving this issue So please, can you assign me this?

ishaaaa8 commented 3 months ago

Hi @kiranharidas187 , I'm interested in contributing to this issue. Could you please grant me permission to work on it? Thanks!

abansal15 commented 3 months ago

hello @kiranharidas187 could you please assign the issue to me ?

PayalKumari10 commented 3 months ago

@kiranharidas187 i want to work on this issue plz assign me

2003sidd commented 3 months ago

@kiranharidas187 Sir I want to solve this issue so Could you please assign this to me. Thank you.

Goldypatel commented 3 months ago

I definetly would like to work on it. Having experience with rendering forms in previous projects, I certaily believe i can work on this as well

harshsrivastav8055 commented 3 months ago

Hey can you assign me this issue i have required tech-stack to solve this issue

Vi-shub commented 2 months ago

Dear @kiranharidas187,

I am excited to propose the implementation of a toggle question feature in the dynamic form builder library. This enhancement will empower users to include toggle-type form elements with configurable properties such as placeholder, validation rules, and layout specifications.

Key Highlights: ->Introduce an interface for the base form object to define toggle questions' configurations. ->Integrate Angular Material as a dependency to leverage its toggle switch component for rendering toggle questions. ->Refactor code to handle Angular Material input components specifically for toggle questions. ->Develop comprehensive test cases and documentation to ensure the feature's reliability and usability.

Implementation Steps:

->Define the interface structure for the base form object, including properties like type, label, placeholder, isRequired, validationRules, and layout. ->Install Angular Material and import necessary components such as MatSlideToggleModule to enable toggle switch functionality. ->Update the form builder logic to handle toggle questions based on the defined interface structure. ->Implement data binding and event handling for toggle questions to capture user input and perform validation checks. ->Write unit and integration test cases using testing frameworks like Jasmine and Karma to validate the toggle question feature's functionality. ->Prepare detailed documentation outlining the usage of toggle questions, configuration options, and integration with Angular Material within the dynamic form builder.

I believe this enhancement aligns with our goal of providing a versatile and user-friendly form builder experience. I understand the problem, and I believe I have the necessary skills. Could I have the opportunity to work on this?

ELEVATE-Project / frontend-utils-library