carpet-roll-calculator's Issues
Cut count labels
- 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 Update
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.
Bugs / Fixes
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).
Todo 2
- 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.
Price Calculator (Form 2) Clear Button Fix
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.
Ver 1.3.2 - Print Function
- 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
Form 2 Validation
- Prevent getCutPrice function from running unless form validation is 100%.
- Create validation to check inputs have a value.
- Add success and error classes for validation function.
- Remove any success styling when validation returns true for all inputs, then run getCutPrice function.
Form Use Tracking
- Reset Google Analytics tracking
- Create form submit button click tracking to track usage of each form.
Ver 1.1.2 - Header Section
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
To Do List
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.
Cut List
Rewrite cut list section as an ordered list. This will take care of the number counting of the cuts with custom ordered list styling.
Add Responsive Styling to Form
- 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.
Form1 Validation
- Prevent getSqyds() from running unless form validation is 100%.
- Create validation to check inputs have a value and the select input has a selection besides the default.
- Add success and error classes for validation function.
- Remove any success styling when validation returns true for all inputs, then run getSqyds function.
Ver 1.2.2 - Suggested Cull Amount Displayed
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.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.