From 54231d6cce164b911dea926285576d324c6f7f96 Mon Sep 17 00:00:00 2001 From: Ramon Wenger Date: Tue, 4 Apr 2023 17:56:33 +0200 Subject: [PATCH 01/11] Add some components and stories Still to be defined which ones to use in the end --- .../header/AccountMenuContent.stories.ts | 46 ++++++++----- .../components/header/AccountMenuContent.vue | 6 +- .../header/CourseSessionsMenu.stories.ts | 36 ++++++++++ .../components/header/CourseSessionsMenu.vue | 39 +++++++++++ .../src/components/ui/ItRadioGroup.stories.ts | 33 +++++++++ .../components/ui/ItRadiobutton.stories.ts | 21 ++++++ client/src/components/ui/ItRadiobutton.vue | 67 +++++++++++++++++++ client/src/components/ui/checkbox.types.ts | 11 ++- 8 files changed, 237 insertions(+), 22 deletions(-) create mode 100644 client/src/components/header/CourseSessionsMenu.stories.ts create mode 100644 client/src/components/header/CourseSessionsMenu.vue create mode 100644 client/src/components/ui/ItRadioGroup.stories.ts create mode 100644 client/src/components/ui/ItRadiobutton.stories.ts create mode 100644 client/src/components/ui/ItRadiobutton.vue diff --git a/client/src/components/header/AccountMenuContent.stories.ts b/client/src/components/header/AccountMenuContent.stories.ts index 3cf56686..f0c86e12 100644 --- a/client/src/components/header/AccountMenuContent.stories.ts +++ b/client/src/components/header/AccountMenuContent.stories.ts @@ -21,25 +21,37 @@ const meta: Meta = { export default meta; type Story = StoryObj; -export const DefaultStory: Story = { +const courseSessions = [ + { + id: 1, + title: "Bern 2023 a", + }, + { + id: 2, + title: "Zürich 2023 a", + }, +]; + +const loggedInUser = { + first_name: "Vreni", + last_name: "Schmid", + email: "vreni.schmid@example.com", + avatar_url: avatar, + loggedIn: true, +}; + +export const LoggedInUser: Story = { args: { - show: true, - courseSessions: [ - { - id: 1, - title: "Bern 2023 a", - }, - { - id: 2, - title: "Zürich 2023 a", - }, - ], + courseSessions, + user: loggedInUser, + }, +}; + +export const NoUser: Story = { + args: { + courseSessions, user: { - first_name: "Vreni", - last_name: "Schmid", - email: "vreni.schmid@example.com", - avatar_url: avatar, - loggedIn: true, + loggedIn: false, }, }, }; diff --git a/client/src/components/header/AccountMenuContent.vue b/client/src/components/header/AccountMenuContent.vue index 01941519..32096dd1 100644 --- a/client/src/components/header/AccountMenuContent.vue +++ b/client/src/components/header/AccountMenuContent.vue @@ -7,7 +7,7 @@ const props = defineProps<{ user: UserState | undefined; }>(); -const emits = defineEmits(["selectCourseSession", "logout"]); +const emit = defineEmits(["selectCourseSession", "logout"]);