rudyjm3 / carpet-roll-calculator Goto Github PK

• Bug when removing cuts in random order instead of starting with last cut added, and going up. Cut count numbers becomes incorrect for cuts that remain when adding a new cut/s. Need to loop through and reassign cut numbers.

Styling to Finish / Tweak:

• Update styling due to edited html, classes, and id's for some elements( input unit of measure text of ft and in.
• Style output div's.
• Add background image for page.
• Adjust border radiuses for form, inputs, buttons.
• Input font sizes, and placeholder size and color.

Things to fix finish:

• Form 1: Have the output contain square yards or linear feet depending on roll width selection.
• Get correct price for 6ft wide carpets in form 2 (Calc Carpet Price).

• Create function to add another cut line input for multiple cuts.
• Be able to remove additional cut lines if need be but not the 1st original one.
• Output template needs to list cuts, what the price is for each, display total sqyds/LF, and total price.

When the clear button is pressed it does not remove the extra cut fields if present. Form needs to reset back to 1 cut field input. Would have to press each remove cut button to remove the fields.

• Add button to print results out
• Add print style sheet

Carpet Cut Calculator:

• Possibly add input for SKU and description

Roll Size Calculation:

• The print layout possibly styled the way the paper form is.
• Would need an input for SKU and description

1. Prevent getCutPrice function from running unless form validation is 100%.
2. Create validation to check inputs have a value.
3. Add success and error classes for validation function.
4. Remove any success styling when validation returns true for all inputs, then run getCutPrice function.

• Reset Google Analytics tracking
• Create form submit button click tracking to track usage of each form.

Create a menu either all items at the top or some at the top and some at the bottom.

Menu Items:

• Information/about. (Use info icon)
• F&A or Tips: ex. You can input only inches. (Use question mark icon)
• Maybe a feed back form. (Use mail or form icon)
• Send HTML form data to google sheets or forms(Use mail or form icon

Next Steps:

• Use if else statement to determine if square yards calculation needs to be used or just the length of the cut depending on the roll width that's selected. Also this will update the verbiage after the price input and the output markup to be either "square yards" or "Liner foot".
• Create template literals for output div.

Rewrite cut list section as an ordered list. This will take care of the number counting of the cuts with custom ordered list styling.

• On larger displays make the form container max width of 700px.
• Form 1 error styling will need to be adjusted for larger form size.
• Form 2 cut input/s need adjustment on larger screen size.
• Form 2 price input needs adjustment on larger screen sizes. Make the input wider and set a max width so it does not stretch to much.
• Form 2 error styling will need to be adjusted for larger form size.

1. Prevent getSqyds() from running unless form validation is 100%.
2. Create validation to check inputs have a value and the select input has a selection besides the default.
3. Add success and error classes for validation function.
4. Remove any success styling when validation returns true for all inputs, then run getSqyds function.

Feature Update:

• Calculate cull (reason code 02) amount to ZMA based on number of cuts. Typically 3-4 inches are not accounted for.
• Add "?" icon to display tool tip text when hovered over icon for what the "Suggested cull amount" information is displayed for.
• Adjust price output layout to display total price amount and qty side by side.