Show a single persisted order (mock)

[afalenski]

As a user I would like to see a persisted order in the way I can see it when I upload a new Probeneinsendebogen in the MiBi-Portal.

Use mock data (perhaps the data of an uploaded sheet). Use mock integration with rest of the app (clicking on order list item opens mock persisted order view, re-navigating to previous order tab opens order-list again). To discuss: Final integration

Create table (like the one from sample upload) -same columns, fonts, column width; see mockup

• editing is not possible for persisted data
• no warning speech bubbles and no yellow cell background
• former auto-corrections (blue) should be shown, also the original values (grey)

Dev-Note:

• Refactor read-only handling in samples-grid cells: Read-only-flag does not cause grey background, header-cells explicitly get grey background, new cell-data flag: "userData" causes grey background if set to false (for nrl column). Perhaps use a lighter grey here.
• Add samples-grid model definition for new samples-viewer.
• Add sample data mock selectors to samples-viewer container for selecting only data relevant for samples-viewer. For the real data later the data would be selected from a new store slice with clean data from the server.
• Open samples-grid on clicking on an order in the order-list. Input is the new model definition and the uploaded data via the mock selectors.

[afalenski]

Hey team! Please add your planning poker estimate with ZenHub @birgitlewicki @GerberI @ruegenbfr

[GerberI]

@afalenski ~Suggestion for (7): Perhaps it is more consistent to show a description here as a mouse over tool tip and not the filename again. Something like "file name of uploaded sample sheet"~ Moved to #480

[GerberI]

@afalenski I've extracted mock features (6) and (7). These will become a separate ticket. I added how things get mocked in the ticket description.

[GerberI]

@afalenski Was hälst du von der Idee die NRL-Spalte in einem etwas leichteren grau darzustellen? Dann ist sie leichter von den Headern zu unterscheiden, da es ja auch Daten sind. Leichteres grau würde dann heißen das es von uns bereitgestellte nicht editierbare Daten sind.

[afalenski]

Gute Idee! Ich füge es zum BfR-Corporate-Design-Ticket hinzu, da müssen ja sowieso alle Farben angepasst werden.