Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implemented: show order cards horizontally based on order ship group/part (#85zrv9fhc) #225

Merged
merged 6 commits into from
Apr 12, 2023

Conversation

alsoK2maan
Copy link
Contributor

@alsoK2maan alsoK2maan commented Apr 4, 2023

Related Issues

Closes #222

Short Description and Why It's Useful

Implemented rendering of packed orders based on ship group (order parts) in the UI.
This fixed the issue of duplicate cards showing up vertically in the UI for orders having different ship groups.

Screenshots of Visual Changes before/after (If There Are Any)

Before -

before

After -

after

Contribution and Currently Important Rules Acceptance

@alsoK2maan alsoK2maan changed the title Implemented: show packed order cards horizontally based on order ship group (#85zrv9fhc) Implemented: show order cards horizontally based on order ship group/part (#85zrv9fhc) Apr 6, 2023
@@ -22,8 +22,8 @@
</ion-header>
<ion-content>
<div v-if="segmentSelected === 'open'">
<div v-for="order in orders" :key="order.orderId" v-show="order.parts.length > 0">
<ion-card v-for="(part, index) in order.parts" :key="index" @click.prevent="viewOrder(order, part)">
<div v-for="order in openOrdersByPart" :key="order.orderId" v-show="order.parts.length > 0">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

orderId might not be unique now

Suggested change
<div v-for="order in openOrdersByPart" :key="order.orderId" v-show="order.parts.length > 0">
<div v-for="order in openOrdersByPart" :key="index" v-show="order.parts.length > 0">

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Improved sir

</ion-button>
</div>
</ion-card>
</div>
</div>
<div v-if="segmentSelected === 'packed'">
<div v-for="order in packedOrders" :key="order.orderId" v-show="order.parts.length > 0">
<ion-card v-for="(part, index) in order.parts" :key="index">
<div v-for="order in packedOrdersByPart" :key="order.orderId" v-show="order.parts.length > 0">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could directly call getOrdersByPart() here and pass orders

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated sir

@adityasharma7 adityasharma7 merged commit 693eb25 into hotwax:main Apr 12, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Duplicate card for a single order in the packed tab
3 participants