Bug 26938: Prevent flash of unstyled sales table
authorMartin Renvoize <martin.renvoize@ptfs-europe.com>
Tue, 3 Nov 2020 09:47:12 +0000 (09:47 +0000)
committerAndrew Fuerste-Henry <andrew@bywatersolutions.com>
Thu, 10 Dec 2020 21:36:55 +0000 (21:36 +0000)
commit7c5d45a454ce97603a3aa0a7c09f00e0d00792fe
tree9ca8d121001ac62681737177e9bbb5424f69ceb3
parent319603dd5e00dac62aebbfbd84a56134e24bc690
Bug 26938: Prevent flash of unstyled sales table

On the registers page the table has come complex data structures
embedded to allow for all the functionality we bring into the datatable.

We should hide the table on page load and only display it at DataTables
init time once the weird content has been beautified by DataTables.

Test plan
1/ Enable 'UseCashRegisters' and 'EnablePointOfSale'
2/ Add a cash register and make some transactions against it.
3/ Navigate to the 'Register details' page
4/ Note that some 'funky' JSON strings appear in the table briefly
before it is restyled when DataTables loads.
5/ Apply the patch
6/ Rebuild the CSS from the SCSS files
7/ Reload the page (hard reload to get the CSS changes)
8/ Note that the table now only appears once the nice formatting that
DataTables adds is applied.

Signed-off-by: David Nind <david@davidnind.com>
Signed-off-by: Josef Moravec <josef.moravec@gmail.com>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
(cherry picked from commit 258d475d5f4bb306496dc90b9c602fd776a6c545)

Signed-off-by: Andrew Fuerste-Henry <andrew@bywatersolutions.com>
koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
koha-tmpl/intranet-tmpl/prog/en/modules/pos/register.tt