I want to tab all my lessons and events and go to a new page with info and signing switches.
The design and all functions are already been made for the Lesson/Event info page when you click on the Lesson on the Dashboard. The Lesson info page has to be exact the same when either you click on the Lesson on the Dashboard or on the Lesson in the Lesson Plan. See Lesson on Dashboard here
After signing the status change with colors and text.
All lessons and events have the same structor and infos: Headline Date and time Location Lesson info(content overview) Confirmation text Signing Switches and names: Instructor and Student Under switches: Date and time are showing only after signing and indicate the time when the signing took place Colors and Icons vary from Lesson to Lesson and status to status Teori Topbar: color blue #3A87C0 Topbar Icon: color white #FFFFFF Topbar Text: color white #FFFFFF Confirmation text: Godkendelse af X. kørsel på vej Kørsels på vej Topbar: color white #FFFFFF Topbar Icon: color dark blue #1E3A55 Topbar Text: color dark blue #1E3A55 Confirmation text: Godkendelse af X. kørsel på vej Lukket øvelsesplads Topbar: color light purple #A9B6D6 Topbar Icon: color dark blue #1E3A55 Topbar Text: colar dark blue #1E3A55 Confirmation text: Godkendelse af Lukket øvelsesplads Køreteknisk anlæg Topbar: color light blue #BED9ED Topbar Icon: color dark blue #1E3A55 Topbar Text: color dark blue #1E3A55 Confirmation text: Godkendelse af Køreteknisk anlæg Status after Signed by only Instructor Topbar, Icon and Text: use the same above colors for each Lesson/event + 2px border if: Self study on Theory Lesson: Yellow #E8D440 + 2px border if: Requires repetition on Driving Lesson, Closed rehearsal Center and Road Safety Center: Dark orange #C77B2F Status after Signed by both Instructor and Student Topbar: color dark blue #1E3A55 Icon: color white #FFFFFF Text: color white #FFFFFF + 2px border if: Self study on Theory Lesson: Yellow #E8D440 Requires repetition on Driving Lesson, Closed rehearsal Center and Road Safety Center: Dark orange #C77B2F