Highlight different course states with colors

[okwast]

Details

Depending on the status of a course the background color of the text field in a course tile is changed to a status specific color.

Desktop: https://www.figma.com/file/TtucXsvBOfZE7NZKzTimrA/edu-Wireframe-–-WIP?node-id=998%3A0

[steffen74]

There are two elements of the course tile for which the colors and forms are changed depending on the status of a the course:

• the background color of the the bottom part below the image of the course
• the form and color of the icon in the top right corner of the tile image.

Bottom Part

Light green:

• User is logged in, the course is part of a currently running semester (current date is between application start and final date for the submission of performance records), and the course status is CONFIRMED

Grey (color that is currently implemented):

• all other cases

Icon in Top Right Corner

Filled circle in green:

• course status is APPLIED
• course status is CONFIRMED
  Filled circle in grey:
• course status is REJECTED
• course status is ABORTED
• course status is EXPIRED
  Flag in yellow:
• course status is completed
  Filled circle in red:
• courses status is INVITED
• depending on the time needed for implementation: courses status is CONFIRMED and number of missing participations is more than maximum number of missings allowed to receive a certificate.