I want to see my driving lessons, no., date, time and location. I also want to see my lesson status after my Instructor has signed it: Requires repetition. I also want to see the status after I have signed it. I also want to tab my lesson and go to new page with lesson info.
Every time after the Instructor have signed the lesson the “design” change status with text, color and check mark.
The same flow is the same on Driving Lesson, Closed rehearsal Center and Road safety Center
Driving Lesson Bg color white #FFFFFF, Icon and text is dark blue #1E3A55 Lesson icon: color dark blue #1E3A55 Headline text: Bold, color dark blue #1E3A55 Text: Regular, color blue #3A87C0 After the Instructor signed the Driving Lesson "Requires repetition" the status is: Line: color dark blue #1E3A55 10% opacity Checkmark icon dark orange and dark blue and text dark orange #C77B2F: "Kræver gentagelse" (Requires repetition) Checkmark icon white and dark blue and text dark blue #1E3A55: "Underskrevet af kørelærer" (Signed by Instructor) X icon 50% opacity and dark blue #1E3A55 text 50% opacity: "Mangler underskrift fra dig" (Missing signature from you) 2px Border color dark orange #C77B2F After I have signed the lesson then status is: Line: color #FFFFFF 10% opacity Text: date and time and address line is white #FFFFFF 50% opacity Checkmark icon dark orange and dark blue and text dark orange #C77B2F: "Kræver gentagelse" (Requires repetition) Checkmark icon white and dark blue and text: "Underskrevet af kørelærer"(Signed by Instructor) Checkmark icon white and dark blue and text: "Underskrevet af dig"(Signed by you) Bg color: dark blue #1E3A55 2px Border color dark orange #C77B2F Closed rehearsal Center Bg color light purple #A9B6D6, Icon and text is dark blue #1E3A55 Lesson icon: color dark blue #1E3A55 Headline text: Bold, color dark blue #1E3A55 Text: Regular, color color dark blue #1E3A55 After the Instructor signed the Driving Lesson "Requires repetition" the status is: Line: color dark blue #1E3A55 10% opacity Checkmark icon dark orange and dark blue and text dark orange #C77B2F: "Kræver gentagelse" (Requires repetition) Checkmark icon white and dark blue and text dark blue #1E3A55: "Underskrevet af kørelærer" (Signed by Instructor) X icon 50% opacity and dark blue #1E3A55 text 50% opacity: "Mangler underskrift fra dig" (Missing signature from you) 2px Border color dark orange #C77B2F After I have signed the lesson then status is: Line: color #FFFFFF 10% opacity Headline text is white #FFFFFF Text: date and time and address line is white #FFFFFF 50% opacity Checkmark icon dark orange and dark blue and text dark orange #C77B2F: "Kræver gentagelse" (Requires repetition) Checkmark icon white and dark blue and text: "Underskrevet af kørelærer"(Signed by Instructor) Checkmark icon white and dark blue and text: "Underskrevet af dig"(Signed by you) Bg color: dark blue #1E3A55 2px Border color dark orange #C77B2F Road safety Center Bg color light blue #BED9ED, Icon and text is dark blue #1E3A55 Lesson icon: color dark blue #1E3A55 Headline text: Bold, color dark blue #1E3A55 Text: Regular, color color dark blue #1E3A55 After the Instructor signed the Driving Lesson "Requires repetition" the status is: Line: color dark blue #1E3A55 10% opacity Checkmark icon dark orange and dark blue and text dark orange #C77B2F: "Kræver gentagelse" (Requires repetition) Checkmark icon white and dark blue and text dark blue #1E3A55: "Underskrevet af kørelærer" (Signed by Instructor) X icon 50% opacity and dark blue #1E3A55 text 50% opacity: "Mangler underskrift fra dig" (Missing signature from you) 2px Border color dark orange #C77B2F After I have signed the lesson then status is: Line: color #FFFFFF 10% opacity Headline text is white #FFFFFF Text: date and time and address line is white #FFFFFF 50% opacity Checkmark icon dark orange and dark blue and text dark orange #C77B2F: "Kræver gentagelse" (Requires repetition) Checkmark icon white and dark blue and text: "Underskrevet af kørelærer"(Signed by Instructor) Checkmark icon white and dark blue and text: "Underskrevet af dig"(Signed by you) Bg color: dark blue #1E3A55 2px Border color dark orange #C77B2F I want to click the lesson and go to lesson info page