New image. Update some vars

src/boot/appwrite.ts

@@ -16,13 +16,16 @@ const client = new Client();
 client
   .setEndpoint(process.env.APPWRITE_API_ENDPOINT)
   .setProject(process.env.APPWRITE_API_PROJECT);
-//TODO move this to config file
 
+//TODO move this to config file
 const AppwriteIds = {
   databaseId: '65ee1cbf9c2493faf15f',
-  collectionIdTask: '65ee1cd5b550023fae4f',
-  collectionIdTaskTags: '65ee21d72d5c8007c34c',
-  collectionIdSkillTags: '66072582a74d94a4bd01',
+  collection: {
+    task: '65ee1cd5b550023fae4f',
+    taskTags: '65ee21d72d5c8007c34c',
+    skillTags: '66072582a74d94a4bd01',
+    boats: '66341910003e287cd71c',
+  },
 };
 
 const account = new Account(client);

src/components/boat/BoatPickerComponent.vue

@@ -8,7 +8,7 @@
   >
     <template v-slot:prepend>
       <q-item-section avatar>
-        <q-img v-if="boat?.iconsrc" :src="boat?.iconsrc" />
+        <q-img v-if="boat?.iconSrc" :src="boat?.iconSrc" />
         <q-icon v-else name="sailing" />
       </q-item-section>
     </template>

src/components/boat/BoatPreviewComponent.vue

@@ -1,9 +1,9 @@
 <template>
   <q-card v-for="boat in boats" :key="boat.id" flat class="mobile-card">
     <q-card-section>
-      <q-img :src="boat.imgsrc" :fit="'scale-down'">
+      <q-img :src="boat.imgSrc" :fit="'scale-down'">
         <div class="row absolute-top">
-          <div class="col text-h5 text-left">{{ boat.name }}</div>
+          <div class="col text-h6 text-left">{{ boat.name }}</div>
           <div class="col text-right">{{ boat.class }}</div>
         </div>
       </q-img>

src/pages/schedule/BoatScheduleView.vue

@@ -124,6 +124,7 @@ function onClickHeadDay(data) {
 </script>
 
 <style lang="sass" scoped>
+
 .booking-event
   position: absolute
   font-size: 12px

src/stores/boat.ts

@@ -8,13 +8,11 @@ export interface Boat {
   displayName?: string;
   class?: string;
   year?: number;
-  imgsrc?: string;
-  iconsrc?: string;
-  booking?: {
-    available: boolean;
-    requiredCerts: string[];
-    maxPassengers: number;
-  };
+  imgSrc?: string;
+  iconSrc?: string;
+  bookingAvailable?: boolean;
+  requiredCerts: string[];
+  maxPassengers: number;
   defects?: {
     type: string;
     severity: string;
@@ -30,9 +28,11 @@ const getSampleData = () => [
     displayName: 'PX',
     class: 'J/27',
     year: 1981,
-    imgsrc: '/tmpimg/j27.png',
-    iconsrc: '/tmpimg/projectx_avatar256.png',
-    booking: { available: true, maxPassengers: 8, requiredCerts: [] },
+    imgSrc: '/tmpimg/j27.png',
+    iconSrc: '/tmpimg/projectx_avatar256.png',
+    bookingAvailable: true,
+    maxPassengers: 8,
+    requiredCerts: [],
     defects: [
       {
         type: 'engine',
@@ -57,9 +57,11 @@ and rough engine performance.`,
     displayName: 'T5',
     class: 'J/27',
     year: 1985,
-    imgsrc: '/tmpimg/j27.png',
+    imgSrc: '/tmpimg/j27.png',
     iconsrc: '/tmpimg/take5_avatar32.png',
-    booking: { available: true, maxPassengers: 8, requiredCerts: [] },
+    bookingAvailable: true,
+    maxPassengers: 8,
+    requiredCerts: [],
   },
   {
     $id: '3',
@@ -67,17 +69,21 @@ and rough engine performance.`,
     displayName: 'WB',
     class: 'Capri 25',
     year: 1989,
-    imgsrc: '/tmpimg/capri25.png',
-    booking: { available: true, maxPassengers: 6, requiredCerts: [] },
+    imgSrc: '/tmpimg/capri25.png',
+    bookingAvailable: true,
+    maxPassengers: 6,
+    requiredCerts: [],
   },
   {
     $id: '4',
     name: 'Just My Imagination',
     displayName: 'JMI',
-    class: 'Capri 25',
+    class: 'Sirius 28',
     year: 1989,
-    imgsrc: '/tmpimg/capri25.png',
-    booking: { available: true, maxPassengers: 8, requiredCerts: [] },
+    imgSrc: '/tmpimg/JMI.jpg',
+    bookingAvailable: true,
+    maxPassengers: 8,
+    requiredCerts: [],
   },
 ];
 

src/stores/task.ts

@@ -48,7 +48,7 @@ export const useTaskStore = defineStore('tasks', {
         await this.fetchSkillTags();
         const response = await databases.listDocuments(
           AppwriteIds.databaseId,
-          AppwriteIds.collectionIdTask
+          AppwriteIds.collection.task
         );
         this.tasks = response.documents as Task[];
       } catch (error) {
@@ -60,7 +60,7 @@ export const useTaskStore = defineStore('tasks', {
       try {
         const response = await databases.listDocuments(
           AppwriteIds.databaseId,
-          AppwriteIds.collectionIdTaskTags
+          AppwriteIds.collection.taskTags
         );
         this.taskTags = response.documents as TaskTag[];
       } catch (error) {
@@ -72,7 +72,7 @@ export const useTaskStore = defineStore('tasks', {
       try {
         const response = await databases.listDocuments(
           AppwriteIds.databaseId,
-          AppwriteIds.collectionIdSkillTags
+          AppwriteIds.collection.skillTags
         );
         this.skillTags = response.documents as SkillTag[];
       } catch (error) {
@@ -88,7 +88,7 @@ export const useTaskStore = defineStore('tasks', {
       try {
         const response = await databases.deleteDocument(
           AppwriteIds.databaseId,
-          AppwriteIds.collectionIdTask,
+          AppwriteIds.collection.task,
           docId
         );
         this.tasks = this.tasks.filter((task) => docId !== task.$id);
@@ -102,7 +102,7 @@ export const useTaskStore = defineStore('tasks', {
       try {
         const response = await databases.createDocument(
           AppwriteIds.databaseId,
-          AppwriteIds.collectionIdTask,
+          AppwriteIds.collection.task,
           ID.unique(),
           newTask
         );
@@ -125,7 +125,7 @@ export const useTaskStore = defineStore('tasks', {
       try {
         const response = await databases.updateDocument(
           AppwriteIds.databaseId,
-          AppwriteIds.collectionIdTask,
+          AppwriteIds.collection.task,
           task.$id,
           newTask
         );