Customer & Sales Totals

On the left, you will find a replica of a C&S sheet, almost identical to its real-life equivalent.

On the right (this side), you will find various settings to alter the appearance of the C&S sheet.

All settings and their possible values were extracted via thorough analysis of 105 different C&S sheets.

Week of:

Decal:

Table color scheme:

Decal placement:

Bottom-right corner

Top-right corner

Date format:

Uppercase day of week

Bold day of week

Grayscale

Date offset

Tips:

Decals are draggable and can be moved and resized.
Text can be entered into each cell.
Only black and white printing is available :( we don't have any budget for toner

Libraries used to make this:

jQuery
jQuery UI, for .draggable() and .resizable() extensions
jQuery UI Touch Punch, so jQuery UI dragging and resizing can work on mobile
lit.js, for custom day-table Web Component
day.js, with advancedFormat, customParseFormat, and weekOfYear extensions, for parsing week picker