Adding sets & repetitions

[JohannSiemens]

Value proposition:

As a user i want to add sets and repetitions to my exercises to be able to keep track of the details of every single exercise.

Wireframe:

Acceptance criteria:

• [x] Every added exercise should have a fold and unfold function with an icon for each to switch between the "folded" and "unfolded" state
• [x] When the user clicks the exercise it unfolds and shows a "Sets" and a "Repetitions" (required) field with an "Add"-Button
• [x] The Sets is a set number, which is being counted up (starting with 1) and the user can write numbers in the numeric field
• [x] When the user clicks the "Add"-Button it should add the set with the repetitions to the exercise
• [x] When the user clicked the "Add"-Button, a new field for "Sets" (in this example "Set 2") and "Repetitions" with a new "Add"-Button should appear
• [x] When the user clicks the exercise again it folds and hides all the information
• [x] When the user clicks the exercise again it unfolds and shows all the information

Tasks:

• [x] Create branch
• [x] Write tests
• [x] Create an "unfolded" State with an empty Array
• [x] Change the added exercise card-component so it has an on-click event and one icon each to display the "folded" and "unfolded" state
• [x] The on-click event should filter with the "key" value from the current card-component (li-element) over the unfolded State and check if the key is already in there. If it isn't, then it should add it into the state, if it is, then delete it from the state
• [x] Create a new "sets"-component to display the Sets as a paragraph with a set numeric counter which is counting up, starting with 1 (e.g. Set 1), a numeric-input-field, a label for the input field with the text of "Repetitions" and an "Add"-Button
• [x] Add the "sets"-component for each added exercise and make it folded when its not in the "unfolded" State and unfold when its in the "unfolded" state
• [x] Within the "sets"-component, the "Add"-Button should have an on-click event, which returns a paragraph with the current set (e.g. Set 1) and the numeric user input (e.g. 12) in a row and creates a new set (e.g. Set 2), a new label "Repetitions" and a new numeric-input-field with the "Add"-Button below the rendered paragraph for the previous added set

[MerleMak]

Hi Johann, this looks great! I have one questions: Is your App meant to track what you are doing while exercising? or is it meant to plan what you will do in your workout? Its a nice feature! I have nothing to remark :)

[JohannSiemens]

Hi Johann, this looks great! I have one questions: Is your App meant to track what you are doing while exercising? or is it meant to plan what you will do in your workout? Its a nice feature! I have nothing to remark :)

Thanks. I am starting with just a "template" feature, so the user can only create plans without any tracking. In the next user stories i want them to be able to "copy" the templates into an actual workout plan and then have different features which include tracking, comments and such. So you basically "create" workout plan templates to then use them to keep track of the success you have for each iteration of the template.

[JohannSiemens]

Successfully merged into main.