Update Transmission Loading Screen ( #861m3kbwb, #388ehp2)

This issue concerns 7th and 8th last part of data transmission and can be done independently of the other parts. The screens for the whole process for PAT and HCP are attached below.

The broader story can be found on ClickUp: PAT HCP

Note: This issue only deals with the 7th and 8th screens on the images below.

To be discussed:

• How to deal wit the header and the menu?

What is to be done?

When the app is waiting for data to be transferred it makes use of RccOverlayService.waitOrCancel, see RccTransmissionService.receiveAndAnnounce. The overlay that we get see is determined the .waitOrCancel method show WaitOrCancelModalComponent.

This issue is about updating WaitOrCancelModalComponent. Please put the current version into the default theme and the add the new version to the bengal theme.

• Extend .waitOrCancel such that it accepts an additional parameter: headerLines : string[]
• Make the new WaitOrCancelModalComponent look like the 7th and 8th screen below.
• Animate the background slowly shifting from primary color to secondary color. Pick any fancy mode of transition you like. Since we do not know how long the modal will stay on the screen, we will have to repeat the animation.
• Use a dummy icon
• No need to animate the icon yet.
• Please use rccButtonComponent for the cancel button (see #225), use a mock component if rccButton is not ready yet.

Where to start?

• take a look at RccTransmissionService.receiveAndAnnounce in `lib/common/src/transmission
• take a look at RccOverlayService.waitOrCancel in 'lib/common/src/overlays
• here the old component: lib/common/src/wait-or-cancel-modal.component.ts

What is this used for?

See the sequence of screens below. The last two are the loading screens, when receiving data. These two screen should be implemented by the new WaitOrCancelModalComponent. The new parameter is supposed to account for the date line and 'Daten empfangen'. The message a parameter is meant for the text above the box 'Fragen werden geladen'

Note

• The WaitOrCancelModalComponent for the bengal theme will have much in common with other Modals. It might be helpful to make all these modal extensions of a common ancestor.

Attachments

Link to figma for the whole sequence: figma HCP figma PAT

Only screens 7 to 8 are relevant for this issue.