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: new UI for brokering page (#620) #621

Merged
merged 15 commits into from
Nov 2, 2023

Conversation

amansinghbais
Copy link
Contributor

@amansinghbais amansinghbais commented Oct 20, 2023

Related Issues

Closes #620

Short Description and Why It's Useful

  • Improved the UI of the brokering page to show jobs in cards and open jobConfiguration of that job when clicking on the card.
  • Removed handling for editing jobs from Batch Modal and improved Batch Modal component as per the new UI design.
  • Implemented runtime and frequency selection in the modal for creating new job.

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

Before
Screenshot from 2023-10-20 17-52-55
Screenshot from 2023-10-20 17-53-04
Screenshot from 2023-10-20 17-53-11

After
Screenshot from 2023-10-23 14-37-33
Screenshot from 2023-10-23 11-04-51

Contribution and Currently Important Rules Acceptance

src/views/Brokering.vue Outdated Show resolved Hide resolved
src/components/JobConfiguration.vue Outdated Show resolved Hide resolved
src/store/modules/job/actions.ts Outdated Show resolved Hide resolved
src/components/BatchModal.vue Outdated Show resolved Hide resolved
src/components/BatchModal.vue Outdated Show resolved Hide resolved
src/components/BatchModal.vue Outdated Show resolved Hide resolved
src/components/BatchModal.vue Outdated Show resolved Hide resolved
</ion-item-divider>
</ion-card>

<ion-card :button="isDesktop" v-for="batch in orderBatchJobs" :key="batch?.id" detail v-show="batch?.status === 'SERVICE_PENDING'" @click="hasPermission(Actions.APP_JOB_UPDATE) && viewJobConfiguration({ id: batch.enumId, job: batch })">
Copy link
Contributor

Choose a reason for hiding this comment

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

I think we should add a data attribute or class based on selected card. Maybe this can be done using a hidden radio button group. What do you think @ymaheshwari1

Copy link
Contributor

Choose a reason for hiding this comment

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

Can check on displaying selected card using ion-radio-group.

src/views/Brokering.vue Outdated Show resolved Hide resolved
src/views/Brokering.vue Outdated Show resolved Hide resolved
src/views/Brokering.vue Outdated Show resolved Hide resolved
src/store/modules/job/actions.ts Outdated Show resolved Hide resolved
src/views/Brokering.vue Outdated Show resolved Hide resolved
src/views/Brokering.vue Outdated Show resolved Hide resolved
@ravilodhi ravilodhi merged commit 32db074 into hotwax:main Nov 2, 2023
1 check passed
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.

Redesign User Interface for Brokering job
4 participants