Code-Input Modal
This issue is about upading the looks of CodeInputModalComponent, which is part of the reverse data transmission process (Enable Transmission Request #863fwpt2d #863fwptf5 (#333 - closed)).
In #425+ we already set up the input component for the code. This time everything comes together.
Note: Some parts of the layout need to be ignored.
What is to be done?
Update CodeInputModalComponent:
- make it look like the layout below
- add a configurable heading (e.g. 'Datenübertragung')
- add a configurable note (e.g. 'Stimmen die Codes überein?')
- add a configurable description (text below the submit button)
- add a proper submit button with configurable text
- add a proper cancel button at the bottom.
- add the code input from #425
- reuse as many of the components/styles we already have for similar modals as possible
(maybe rename the above properties, so they match other modals that we already use)
Ignore these parts:
- no logo
- no menu
- no second button to generate codes ('Codes neu generieren')
Submit
Submit button should be disabled if the code consist of anything but exactly 6 digits – the component from #425 should handle that.
Relay Component?
This modal does not get its configurable values from @Inputs, but has to @Inject(RELAY_PROPERTIES) (that already happens in the current version).
These properties come from the this.rccOverlayService.relay(CodeInputModalComponent, {...}) in Fulfiller.verifyManualCodeInput.
Where to start?
-
CodeInputModalComponent:/features/src/transmission-requests/modals/code-input/code-input-modal.component.ts -
Filfiller:/features/src/transmission-requests/fulfiller.class.ts