Content managers can configure modals that appear based on conditions in the challenge mode

[thesethtruth]

To discuss:

• How do we deal with conditions for single select (value field / label field dropdown?)

Acceptance criteria:

• Conditions that can be used are == < > =< => !=
• Conditions can be based on interactive elements (sliders and single select) and dashboard results
  • nationaal & lokaal
  • condition is placed with the slider
• Multiple conditions can be combined for a single modal and are always and condition
• The modal can be styled:
  • Color (red, green and orange)
  • Optional image (gif)
  • Additional buttons in buttongroup (default button = 'ga door'), additional buttons with page links are possible
• The modal resizes vertically based on the content to minimal size if no image / subtext is present
• Modal is shown after the calculation of kpi's is finished
• Only the last modal is shown
• Ga door of naast klikken sluit de modal

[pascalalferink]

A start has been made:

• One modal that consistst of three themes (green, orange, red)

[pascalalferink]

modal themes:

• green,
• orange,
• red

parameters:

• localcosts
• localnetload
• localself_sufficiency
• localsustainability
• nationalcosts
• nationalnetload
• nationalself_sufficiency
• nationalsustainability
• interactive_input (one of the sliders / inputs)

operators:

• parameter is lower then value: lower
• parameter is lower or equal then value: lowerequal
• parameter is bigger or equal then value: biggerequal
• parameter is bigger then value: bigger
• parameter is equal to value: equal
• parameter is not equal to value: notequal

[pascalalferink]

Frontend has been made:

Proposed model design feebackmodals: (one ore more feedbackmodals per challenge. Idealy they are orderable)

• modaltitle
• modaltext
• modaltheme (red green orange)
• image selector
• order
• conditions
• • parameter (interactive input or one of the parameters)
• • operator (one of the operators)
• • value (value, this is mostly a number, but could als be an id of an option within an interactive input)

each time an api-request is retrieved, it is being evaluated if a modal should appear. If one ore more modals should be shown, the first one is shown