Schedule UX tweaks

This commit is contained in:
2023-12-01 22:20:23 -05:00
parent 8600000e24
commit 9d1d7398b9
3 changed files with 36 additions and 37 deletions

View File

@@ -23,32 +23,40 @@
<q-separator />
<resource-schedule-viewer-component
@on-click-time="onClickTime"
@on-close-section="() => (resourceView = !resourceView)"
@on-update-duration="
(value) => {
bookingForm.duration = value;
}
"
/></q-expansion-item>
<q-banner
rounded
class="bg-warning text-grey-10"
v-if="bookingForm.boat?.defects"
>
<template v-slot:avatar>
<q-icon name="warning" color="grey-10" />
</template>
This boat currently has the following notices:
<ol>
<li
v-for="defect in bookingForm.boat.defects"
:key="defect.description"
>
{{ defect.description }}
</li>
</ol>
</q-banner>
/>
<q-banner
rounded
class="bg-warning text-grey-10"
v-if="bookingForm.boat?.defects"
>
<template v-slot:avatar>
<q-icon name="warning" color="grey-10" />
</template>
{{ bookingForm.boat.name }} currently has the following notices:
<ol>
<li
v-for="defect in bookingForm.boat.defects"
:key="defect.description"
>
{{ defect.description }}
</li>
</ol>
</q-banner>
<q-card-section>
<q-btn
color="primary"
class="full-width"
icon="keyboard_arrow_down"
icon-right="keyboard_arrow_down"
label="Next: Crew & Passengers"
@click="resourceView = false"
/></q-card-section>
</q-expansion-item>
<q-expansion-item
expand-separator
icon="people"