The idea is that when you return, if it finds the cookie it will ask if you want to set the initial values you remembered as the starting point Remember as template: When button is clicked, a cookie will be set containing the current state of the form.Add 'normal' hours column: Hours up to 8 in any day.this is the counterpart to overtime column.Add 'overtime' column: Present any hours/minutes greater than 8 in a day in the overtime column to make it easy to differentiate from the total.Switching doctype to begin pursuing using HTML5 for this application.

A bit of code refactoring to hopefully help with maintenance going forward-and with any luck, no new bugs added :-(.Īdded 'Print' button which renders a print-only flavored version of the timecard and calls the system print operation.

Change the javascript modal confirm to (hopefully) less annoying button when offering to pre-fill the form with previously saved values.

(Again, please don't rely on this-you need to double-check any math done here for accuracy.)

Optional rate field and estimate based on rate.

Note: I was hoping to use a date input type, but isn't consistent across browsers-hoping to revisit as support improves.

Optional date column (fill if needed or leave empty if not).

Add a label to the printing form per feedback.

Again, sorry about that if you end up needing to repopulate your stored data.) There are some advantages with local storage that I'm going to need-this meant biting the bullet and You might need to rebuild and re-save.I'm sorry about that. ( Unfortunately, if you were using the cookie storage,

Refactor 'remember as template' to replace the cookie with localStorage.

Fix a reported rounding issue where hours above 12 weren't rolling over to 1 and triggering AM/PM boundary cross-over.

Force parse to treat numbers as base 10 to avoid accidental conversion to octal (base 8).

SHIFT-TAB moves the cursor to the 'previous' input field.ĬTRL-A selects/highlights all text in the current input field. TAB moves the cursor to the 'next' input field. When you see the same key underlined more than once, the short-cut should move sequentially through the fields sharing that key.

If you use Firefox you need to press SHIFT-ALT-1, they just needed to be different I guess. These are accessed by pressing ALT plus the underlined key. The underlined characters imply a short-cut key which can make data-entry faster by reducing movement between the mouse and keyboard to navigate the form fields. As you move through the rows, the aggregated totals will update and display as Total Hrs.As you move through the fields the totals for the row will auto-calculate.

Repeat these steps for row 2, 3, and so on.Enter the hours and minutes for a lunch break which are not covered time.Enter '8' and press TAB 2 until the cursor appears in the ending hour (3 times).Press ALT-1 1 to jump to the first input on row 1.If there is a need to convert values, repeat the procedure from step 2. When there's nothing left to add, we write down the result: Substitute the converted values from step 2 into the formula:Īdd hours, minutes, and seconds separately: Keeping that in mind, let's go through some examples:Įxample: 1 h 53 min + 2 h 8 min 22 s + 46 sĪdd minutes to minutes, hours to hours, and seconds to seconds: We're more used to the decimal system where 1 'bigger unit' is comprised of 10 (or 100, 1000, etc.) 'smaller units', e.g. What does it mean? Simply put, it means 60 'smaller units' make up 1 'bigger unit', e.g., 60 seconds equals 1 minute and 60 minutes equals 1 hour. Calculating time may be complicated because of the hexadecimal system.

Free online time clock calculator