QUIQQER Order - Single Order View

We implement a new Feature for the QUIQQER Order Module.

The QUIQQER Order Module integrates a complete order management in QUIQQER. The QUIQQER Order Module not only integrates an order management, actually a complete ordering process with integrated payment methods API and automated invoicing.

Version 1 will be released in the next few weeks / months.

• Repository

New Features

What feature(s) did you add?

It must be possible to open a single order in User Frontend Profile.
At the moment there is only the possibility to view an order in the order list and download the PDF invoice. This is not user-friendly.

The following things must be possible:

• It must exist an Order QUI Control
• Open the order QUI Control in a QUI Window
• The order must be easy to open everywhere (JS API)
• The following Data must be visible in the Order
  • Order number
  • Order date
  • Article list with prices
  • Total and sub total
  • Order / Invoice Address
  • Link to the invoice pdf
  • Payment informations

How did you implement it/them?

• It must exist an Order QUI Control [102bda1c] [cc5a53db]
• Open the order QUI Control in a QUI Window [102bda1c] [1684dcdd]
• The order must be easy to open everywhere (JS API) (look at preview code)
• The following Data must be visible in the Order [cc5a53db] [04cef875] [04cef875] [4b44aaf3] [c495873f] [b6f6c996] [cd29e193]
  • Order number
  • Order date
  • Article list with prices
  • Total and sub total
  • Order / Invoice Address
  • Link to the invoice pdf
  • Payment informations

The JavaScript API looks like this:

Loads the order into a DOM Node:

require([
    'package/quiqqer/order/bin/frontend/controls/order/Order'
], function (Order) {
    new Order({
        hash  : ORDER_HASH,
        events: {
            onLoad: function (OrderControl) {
            }
        }
    }).inject(HtmlNode);
});

Opens the order in a QUI Window:

require([
    'package/quiqqer/order/bin/frontend/controls/order/Window'
], function (Window) {
    new Window({
        hash  : ORDER_HASH
    }).open();
});

Preview of the order integration

We tried to assign the commits as far as we could. The complete commit log can you find [here]

Thanks for reading
Hen, for PCSG Developers

---

Posted on Utopian.io - Rewarding Open Source Contributors

---