Code Monkey home page Code Monkey logo

preorder's Introduction

image

Prerequisite

Ionic CLI - If you don't have the ionic CLI installed refer official documentation for the installation instructions.

Build Notes (Users)

  1. Download the app from release page and extract it.
  2. Go to the app directory.
  3. Run following command to download dependencies
    `npm i
  4. Create a .env file by taking reference from the .env.example.
  5. To run the app in browser use the command: ionic serve

Build Notes (Contributors)

  1. Open a Terminal window
  2. Clone app using the command: git clone https://github.com/hotwax/preorder.git <repository-name>
  3. Go to the directory using command: cd <repository-name>
  4. Run following command to download dependencies npm i
  5. Create a .env file by taking reference from the .env.example.
  6. To run the app in browser use the command: ionic serve

Firebase Hosting

We are using firebase hosting for the Pre-order app deployment Here are the steps to deploy app on firebase hosting

Prerequisite

  • Firebase Cli should be installed
  • Firebase project should be created
  • You should have access to firebase project

Dev deployment

  • Update the DEV instance url at .env.production file

  • Build the application using following command ionic build

  • Login into firebase firebase login

  • Run following command to deploy to firebase hosting firebase deploy --only hosting:<hosting url>

How to build application in different environment or modes(staging, production, qa, etc)?

As there is a bug in Ionic cli due to which we cannot pass flag variables for commands (See #4669). To build application in different modes we need to use vue-cli-service to build and then use the built app using capacitor copy command further.

Follow following instructions:

  1. Manually build the application using vue-cli-service: npx vue-cli-service build --mode=sandbox

  2. Copy web assets to the native project without building the app: ionic capacitor copy ios --no-build

  3. Open the Android Studio / XCode project: ionic capacitor open android
    ionic capacitor open ios

Contribution Guideline

  1. Fork the repository and clone it locally from the main branch. Before starting your work make sure it's up to date with current main branch.
  2. Pick an issue from here. Write in the issue comment that you want to pick it, if you can't assign yourself. Please stay assigned to one issue at a time to not block others.
  3. Create a branch for your edits. Use the following branch naming conventions: preorder/issue-number.
  4. Please add issue number to your commit message.
  5. Propose a Pull Request to main branch containing issue number and issue title.
  6. Use Pull Request template (it's automatically added to each PR) and fill as much fields as possible to describe your solution.
  7. Reference any relevant issues or other information in your PR.
  8. Wait for review and adjust your PR according to it.
  9. Congrats! Your PR should now be merged in!

If you can't handle some parts of the issue then please ask for help in the comment. If you have any problems during the implementation of some complex issue, feel free to implement just a part of it.

Report a bug or request a feature

Always define the type of issue:

  • Bug report
  • Feature request

While writing issues, please be as specific as possible. All requests regarding support with implementation or application setup should be sent to.

UI / UX Resources

You may find some useful resources for improving the UI / UX of the app here.

Join the community on Discord

If you have any questions or ideas feel free to join our Discord channel

The license

Pre-order app is completely free and released under the Apache v2.0 License. Check LICENSE for more details.

preorder's People

Contributors

adityasharma7 avatar amansinghbais avatar azkyakhan avatar bashu22tiwari avatar dhiraj1405 avatar disha1202 avatar dixitdeepak avatar dt2patel avatar jitisha-khede avatar k2maan avatar mayank909 avatar meet-aniket avatar nidbhagwat avatar nihu-sharma avatar r-sourabh avatar rahulbhooteshwar avatar rathoreprashant avatar ravilodhi avatar ritika-patel08 avatar sanskar345 avatar shanmukhdutt avatar shashwatbangar avatar tanishquesharma avatar tusharparakh avatar utkarshkaraiya avatar yashi002 avatar ymaheshwari1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

preorder's Issues

Implement product identifier using dxp-component.

What is the motivation for adding/enhancing this feature?

Add a product identifier card in settings so that the user can change the identifier of the products displayed in the app as per his/her requirement.

What are the acceptance criteria?

  • ...

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Incorrect Calculation of Total PO Items in the Purchase Order Card

Current behavior

The Total PO items displayed in the Purchase Order card includes both Sales orders and Purchase orders, resulting in an incorrect net total.

Expected behavior

The Total PO items should only take into account the Purchase Orders where the item is available, excluding Sales orders.

Steps to reproduce the issue

  1. Go the Catalog Product detail page using the provided link: Catalog product details page.
  2. Observe the Total items displayed in the Purchase Order card.

By following these steps, you will notice that the Total PO items shown in the Purchase Order card includes both Sales orders and Purchase orders. This results in an incorrect net total.

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Screenshot 2023-06-27 at 11 53 14 AM

Products on the Catalog page do not show parent product name.

Current behavior

The products on the Catalog page only display their variant names, which makes it difficult to identify them without their parent product names.

Expected behavior

To improve identification, it is better to also display the parent product names alongside the variant names on the Catalog page.

Steps to reproduce the issue

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Group 1

ECommerce options are not visible on settings page

Current behavior

On settings page, the ecommerce select does not list any of the options

Expected behavior

All the possible ecommerce store options should be displayed on the settings page

Steps to reproduce the issue

  • Login into the app
  • Go to settings page
  • Click on select ecommerce option and see that the list is empty

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Screenshot:

image

Recently removed product from the presell category do not show their last active PO information

Current behavior

Products which are recently removed from the presell (pre-order/backorder)category do not show their last active PO information in the Purchase Order card.

Expected behavior

If products are recently removed from the presell category, they must show their last active PO information.

Steps to reproduce the issue

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Screenshot 2023-06-30 at 6 55 27 PM

Shop listing on the catalog page should show the shop name

What is the motivation for adding/enhancing this feature?

Currently the listing shows the shops as 'Shop 1' 'Shop 2' which is confusing in multiple shops setup.
Screenshot 2023-06-28 at 2 03 38 PM

What are the acceptance criteria?

The shop listing should show the shop names.

  • ...

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Run Shop listing on demand

What is the motivation for adding/enhancing this feature?

If a shop listing has failed, users cannot fix that issue from the audit page like they can run catalog refresh.

What are the acceptance criteria?

Clicking on the shop config should give an option to run a sync on demand like "Run Now" in Job Manager. The option will be presented in a popover similar to the job card right next to it.

Displaying wrong Current Sales Order data in the Purchase Order Card

Current behavior

The Purchase Order card is displaying the wrong corresponding sales order data for the Purchase order. It is counting the total number of sales orders associated with the purchase order.

{"json":{"params":{"rows":0},"filter":"docType: ORDER AND orderTypeId: SALES_ORDER AND productStoreId: STORE AND correspondingPoId: 10088","query":":"}}

The above Solr query is retrieving all sales orders linked to the purchase order. However, this approach results in an incorrect display of the corresponding sales order data.

Expected behavior

The corresponding sales order data should reflect the number of sales orders placed against each individual PO item.

To resolve this issue, the Solr query needs to include a product filter along with the other criteria. This modification will ensure that only the sales orders associated with the specific PO item are considered.

Steps to reproduce the issue

  1. Access the Catalog Product detail page using the provided link: Catalog product details page .
  2. Observe the Total Corresponding Sales Order displayed in the Purchase Order card.

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Group 1

Incorrect Details Displayed in Product Summary Card

Current behavior

The information displayed in the product summary card does not match the details shown in the presell eligibility section on the Catalog Product detail page.

Expected behavior

The product summary card should align with the other information presented on the Catalog Product detail page.

Steps to reproduce

  1. Log in to the Demo instance using valid credentials.
  2. Search for the product 'MS06-XS-Yellow.'
  3. Click on the product to navigate to the details page.

By following these steps, you should be able to encounter the problem mentioned earlier regarding the inconsistency between the product summary card and the information displayed on the Catalog Product detail page.

Additional information

Screenshot 2023-06-27 at 10 40 47 AM

Create find screen for pre-order catalog

What is the motivation for adding/enhancing this feature?

Merchandisers require the ability to audit whether a product is accepting pre-order/backorder, and should be able to search for a specific product directly from the Catalog page in order to view its current status.

What are the acceptance criteria?

  1. The search functionality should allow merchandisers to search for products by their SKU.
  2. The product page should display the current pre-order/backorder status of the product, including any relevant details such as from and through dates.

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Link to figma file: https://www.figma.com/file/wK5FMs4z2zXQR9VfHV9ycE/Dhiraj's-Ionic-6-Material-UI-Kit-(Community)?node-id=13416%3A0&t=DXQd9NgF4cyTehn7-1

Image for reference:
Find Product page

Add icons for eCom Store and user profile on settings page

What is the motivation for adding/enhancing this feature?

What are the acceptance criteria?

Use globeOutline icon for eCom Store and personCircleOutline icon for user profile

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Handle disabled shop configs

What is the motivation for adding/enhancing this feature?

Disabled shop configs that don't have any access to eCommerce should be shown in the Shop Listing section as "disconnected shop" and not show as an error in the summary card.

Navigating from and to audit detail page shows error toast

Current behavior

Occasionally the app will present a toast that reads "something went wrong" if the user switches between the list and detail pages of the catalog route.

Expected behavior

Nothing has happened for the user that is wrong, so the app shouldn't be saying "something went wrong"

Screenshot 2023-06-26 at 5 23 47 PM

Custom theme file

Add a custom theme file like in Clienteling app.

This will allow any brand to customize the look and feel of any app.

Also change heading fonts to Montserrat and body font to Open Sans

Clear search results when search field is cleared

What is the motivation for adding/enhancing this feature?

When a user clears their search key, they expect results to be updated based on that. When they persist it is unclear for the user what the next expected actions are.

What are the acceptance criteria?

When search is cleared using the cross icon on the right, the results should be refreshed to exclude the search criteria as well.

Listing failed missing date time

Current behavior

For failed product listings, the date time is missing

Expected behavior

If a product fails to be listed on Shopify, it should show when the listing failed.

Screenshot 2023-06-30 at 10 35 23 AM

Support for dynamic features

What is the motivation for adding/enhancing this feature?

If a product doesn't have exact "Color" and "Size" feature attributes, the variant selector doesn't work. Users have no way to switch between products then.

What are the acceptance criteria?

Features should be dynamically rendered and not dependent on exact feature type.

Add types support for the product module

What is the motivation for adding/enhancing this feature?

Add support to use oms api package product module

What are the acceptance criteria?

  • ...

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

After logging in green and blue buttons size should be large and have some shadow effects.

Current behavior

Change CSS styling i.e After logging in green and blue buttons size should be large and have some shadow effects.

Expected behavior

Green and Blue buttons size should be large and have some shadow effects.

Steps to reproduce the issue

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Set permissions and show Alerts for Changes in Product Store Configurations from Catalog Product Details Page

What is the motivation for adding/enhancing this feature?

Currently, there is no alert to notify users when changes are made to the product store configurations from the Catalog product details page.

What are the acceptance criteria?

When any changes are made to the product store configurations (reserveInventory and holdPreorderPhysicalInventory)from the Catalog product details page, an alert be displayed to confirm the user action.

Access only to Adminstration user.

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Create detail screen for pre-order catalog

What is the motivation for adding/enhancing this feature?

The current product catalog auditing process for pre-order products is proving to be time-consuming and inefficient. Users are required to switch between multiple views, leading to difficulties in reconciling data accurately. To address this issue, we propose enhancing the auditing process by consolidating all necessary views into a single screen.

What are the acceptance criteria?

  1. Must have pre-sell eligibility view.
  2. Must have product's current product category view.
  3. Must have Shopify listing status view.
  4. Must have pre-order related jobs view.

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Link to figma file:
(https://www.figma.com/file/wK5FMs4z2zXQR9VfHV9ycE/Dhiraj's-Ionic-6-Material-UI-Kit-(Community)?type=design&node-id=25387%3A127781&t=xx7jmyPJJrwLVDUD-1)

The product results on the Catalog page lack padding at both ends.

Current behavior

The product results on the Catalog page lack padding at both ends.

Expected behavior

To enhance the appearance and spacing of the product results on the Catalog page, it is necessary to add padding at both ends. Padding must be 16px.

Steps to reproduce the issue

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Group 1

Allow users to click on inventory badge to auto fill quantity on the Product page

What is the motivation for adding/enhancing this feature?

Currently, clicking 'X pieces pre-ordered' badge fills the input field. In some cases, users might want to release orders against the current inventory.

What are the acceptance criteria?

Clicking 'X in stock' badge should fill the input field.

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Static text loading with skeleton text

Current behavior

Headings and static labels are rendering with skeleton text even though they are static data and should show up immediately.

Expected behavior

Skeleton text should only be used for data the app is fetching dynamically async.

Quantities should disappear once released

What is the motivation for adding/enhancing this feature?

Once units are released in the preorder app and the release goes through, the quantities should disappear right away

After performing any bulk operation, user should have information about items in brokering to get the idea about inventory available.

In order to be available for brokering, items has NA as facilityId. Fetch order items with NA facility for specific products on bulk operation completion and navigation to product details page

What are the acceptance criteria?

  • ...

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Incorrect Promise Date Displayed in Product Summary Card

Current behavior

The promise date shown in the Product summary card corresponds to the created date of the purchase order, rather than the actual promise date.

Expected behavior

The promise date displayed in the Product summary card should accurately reflect the corresponding purchase order's promise date.

Steps to reproduce the issue

  1. Go to the Catalog product details page using the provided link: Catalog product details page.
  2. Observe the promise date information presented in the product summary card.
  3. Go to the demo OMS by following this link: View Purchase order page.
  4. Observe the promise date mentioned on the Order details page and compare it with the Order date.

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Catalog Product Detail page: Screenshot 2023-06-27 at 11 31 20 AM

View Purchase Order page: Screenshot 2023-06-27 at 11 30 33 AM

Inconsistent Header in Purchase Order Card

Current behavior

The Purchase Order card displays the header "Last active purchase order" for an active purchase order.

Expected behavior

The Purchase Order card header should provide consistent information that aligns with the displayed data.

Steps to reproduce the issue

  1. Go to the details page using the provided link: Catalog Product Details.
  2. Observe the data presented in both the Purchase Order card

Upon following these steps, you will notice that the header in the Purchase Order card does not accurately represent the status of the active purchase order.

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Screenshot 2023-06-27 at 11 21 41 AM

Use badge on SKU card to auto fill QTY

Clicking the orders badge on the SKU cards on product detail page should fill that qty into the release qty for that SKU. This will allow users to filter out orders and quickly select them for release or any other action.

Screen Shot 2021-10-16 at 5 11 23 PM

Use oms package for stock specific actions

What is the motivation for adding/enhancing this feature?

What are the acceptance criteria?

  • ...

Can you complete this feature request by yourself?

  • YES
  • NO

Additional information

Show promise date on find product page for catalog route

Current behavior

When you navigate to the Catalog page, product results do not show from and through date.

Expected behavior

Product results instead just show the promise date on orders if the backend API has support for it.

On the settings page, product store option should be visible instead of e-commerce

Current behavior

On the settings page, there is no option to select a product store but there is an option to choose the shopify config

Expected behavior

There should be an option to select the product store as there are permissions associated with the product store.
Screenshot 2023-05-17 at 4 05 29 PM

Steps to reproduce the issue

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Show PO Order Name

What is the motivation for adding/enhancing this feature?

We are showing the internal ID of POs right now on the detail page. Instead we should only show the order name which is more human readable.

Use custom fonts

Use Montserrat for headings and Open Sans for body instead of roboto default font.

Show expected category

What is the motivation for adding/enhancing this feature?

Pre-order or backorder category depends on the value in the "isNewProduct" field of purchase orders.

What are the acceptance criteria?

We should check purchase order items for what their value is to ensure that the category the product is listed in is accurate. If a product is not listed for pre-selling we can use it to show what the expected category is when it does go on pre-sell.

Change the navigation bar and make it more attractive.

Current behavior

Work on Styling and change the navigation bar and make it more attractive.

Expected behavior

Change Css of Navigation bar.

Steps to reproduce the issue

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Fix filtering for variants on PDP page

Current behavior

Filtering for variants on the product details page does not work. No cue in the UI for whether a filter is applied or not.

Expected behavior

  • Filtering should be functional and the chip for the selected filter should be active.
  • A single filter from a feature can be selected only.
  • Applying filters from different features should composite the results (ANDing instead of ORing).
  • Selecting a filter which does not result any items should show an empty state.

Steps to reproduce the issue

Can you handle fixing this bug by yourself?

  • YES
  • NO

Environment details

  • Browser:
  • OS:
  • Code Version:

Additional information

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.