oys/bab-app
1
0
Fork 0
Code Issues 29 Pull Requests Actions Packages Projects 1 Releases 2 Wiki Activity

More page mockups

Browse Source
This commit is contained in:
Patrick Toal
2023-11-22 10:11:46 -05:00
parent caf9535849
commit a6540a2a02
2 changed files with 52 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/pages/ProfilePage.vue
View File

@@ -1,8 +1,45 @@
<template> <template>
<q-page padding> <q-page padding>
<!-- content --> <q-list bordered>
<q-toolbar class="bg-primary text-white shadow-3">
<q-toolbar-title> Member Profile </q-toolbar-title>
</q-toolbar>
<q-separator />
<q-item>
<q-item-section avatar>
<q-avatar icon="person" />
</q-item-section>
<q-item-section>
Ricky Gervais
<q-item-label caption>Name</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar icon="numbers" />
</q-item-section>
<q-item-section>
12345
<q-item-label caption>Member ID</q-item-label>
</q-item-section>
</q-item>
<q-separator />
<q-item>
<q-item-section>
<q-item-label overline>Certifications</q-item-label>
<q-chip square icon="verified" color="primary" text-color="white"
>J/27</q-chip
>
<q-chip square icon="verified" color="green" text-color="white"
>Capri25</q-chip
>
<q-chip square icon="verified" color="grey-8" text-color="white"
>Night</q-chip
>
</q-item-section>
</q-item>
</q-list>
</q-page> </q-page>
</template> </template>
<script setup lang="ts"> <script setup lang="ts"></script>
</script>

12
src/stores/boat.ts
View File

@@ -8,6 +8,18 @@ export interface Boat {
class: string; class: string;
year: number; year: number;
imgsrc: string; imgsrc: string;
booking: {
available: boolean;
requiredCerts: string[];
maxDuration: number;
maxPassengers: number;
};
defects: {
type: string;
severity: string;
description: string;
detail: string;
}[];
} }
const getSampleData = () => [ const getSampleData = () => [