38 lines
1.1 KiB
Markdown
38 lines
1.1 KiB
Markdown
# Sprint 01: adding barcode print support
|
|
|
|
In this sprint we will add a capability to print a table containing all 2D barcode images for a given month.
|
|
|
|
## Changes to the UI
|
|
|
|
In the UI within month card a button will be added:
|
|
|
|
* location: at the bottom - next to "Add a new realestate"
|
|
* tooltip:
|
|
- EN tooltip: "Print 2D codes"
|
|
- HR tooltip: "Ispis 2d kodova"
|
|
* icon: printer
|
|
* action on pressed: show a print preview in the new tab/window
|
|
|
|
## Print preview
|
|
|
|
Print preview will contain a table of all 2D barcodes found within that month.
|
|
|
|
In print preview the table will have 3 columns:
|
|
1. row index
|
|
2. bill info:
|
|
- `yyyy-mm` formated current month's date
|
|
- realestate name
|
|
- bill name
|
|
3. 2D barcode image
|
|
|
|
In top-left corner of the page (position fixed) will be a printer icon which will trigger the print action.
|
|
The icon will not be visible in the printed version of the document.
|
|
|
|
## Styling
|
|
* use Tailwind CSS
|
|
* print dialog: native dialog
|
|
* print type: B&W
|
|
* paper size: A4
|
|
* when printerd the 2D barcode will have the following size:
|
|
- width = 58 mm
|
|
- height: automatic without changing proportions of original image |