1. Support
2. UI Framework Documentation
3. UI Framework Reference

Class: AuWidgetOrder

A widget that is used to control the data that will be passed to the e-commerce driver when the user finishes editing data.

For details, you can refer to the Order widget topic.

{
  "widgets": [
    {
      "name": "order-details",
      "type": "order",
      "params": {
        "images": "{{$['editor'].proofImages}}",
        "downloadUrl": "{{$['editor'].hiResUrls}}",
        "data": {
          "stateId": "{{$['editor'].stateId}}"
        },
        "props": {
          "_hidden": {},
          "_fields": {},
        }
      }
    }
  ]
}

Hierarchy

• AuBaseInvisibleWidget

  ↳ AuWidgetOrder

Implements

• IWidget

Index

Properties

• customPrice
• data
• downloadUrls
• images
• params
• paramsRaw
• props
• quantity

Accessors

• template

Methods

• addCssStyles
• addCustomStyles
• checkInitDependenciesWidgets
• compile
• emitChange
• showPreloader
• showToast

Properties

customPrice

• customPrice: number

The custom price for the order.

---

data

• data: Object

Custom data.

---

downloadUrls

• downloadUrls: Array‹string›

An array of the print-ready files.

---

images

• images: Array‹string›

An array of URLs to preview images.

---

params

• params: IOrderConfig

Overrides AuBaseWidget.params

Properties of the widget.

---

paramsRaw

• paramsRaw: any

Inherited from AuBaseWidget.paramsRaw

Uncompiled widget configuration.

---

props

• props: Object

Custom properties. They don't appear in the order, but are available in the onSubmitting callback.

---

quantity

• quantity: number

The number of ordered products.

Accessors

Static template

• get template(): HTMLTemplateElement

Inherited from void

Returns:HTMLTemplateElement

Methods

addCssStyles

▸ addCssStyles(params: any): void

Inherited from AuBaseWidget.addCssStyles

Parameters:

Name	Type
params	any

Returns:void

---

addCustomStyles

▸ addCustomStyles(params: any): void

Inherited from AuBaseWidget.addCustomStyles

Applies new styles to a widget.

Parameters:

Name	Type
params	any

Returns:void

---

checkInitDependenciesWidgets

▸ checkInitDependenciesWidgets(): string[]

Inherited from AuBaseWidget.checkInitDependenciesWidgets

Returns an array of widget names, due to which the current widget cannot receive parameters.

Returns:string[]

---

compile

▸ compile(additionalParam: any): Promise‹any›

Inherited from AuBaseWidget.compile

Compiles the widget config.

"steps": [{
  "name": "card-size",
  "title": "Step 1. Card Options",
  "description": "Choose a card size.",
  "toolPanel": {
    "name": "options"
  },
  "onActivate": [
    "{{#function $['logo'].compile() }}"
  ]
},
...

Parameters:

Name	Type	Default	Description
additionalParam	any		Parameters for widget config compilation.

Returns:Promise‹any›

The compiled widget configuration.

---

emitChange

▸ emitChange(data: any, forceRecompile: boolean): void

Inherited from AuBaseWidget.emitChange

Sends a message about the widget state changes.

"steps": [{
  "name": "card-size",
  "title": "Step 1. Card Options",
  "description": "Choose a card size.",
  "toolPanel": {
    "name": "options"
  },
  "onActivate": [
    "{{#function $['options'].emitChange()}}"
  ]
},
...

Parameters:

Name	Type	Default	Description
data	any		Data for updating the widget.
forceRecompile	boolean	false	If true, runs widget recompilation to apply the updated parameters.

Returns:void

---

showPreloader

▸ showPreloader(isPreload: boolean, message: string): void

Inherited from AuBaseWidget.showPreloader

Shows a preloader.

"onClick": [
  "{{#function main.showPreloader(true, 'Creating print files...')}}",
  "{{#function $['editor'].getHiResImages(800,800)}}",
  "{{#function main.showPreloader(false)}}"
]

Parameters:

Name	Type	Default	Description
isPreload	boolean	-	If true, enables the preloader.
message	string	undefined	A text message that appears next to the preloader.

Returns:void

---

showToast

▸ showToast(data?: string, duration?: number): void

Inherited from AuBaseWidget.showToast

Shows a toast.

return editor.loadUserInfo(data)
    .catch(err => {
        this.widget.showToast("Error: Invalid data");
        console.log(err);
    });

Parameters:

Name	Type	Description
data?	string	A string message to display in the toast.
duration?	number	Defines how long to show the toast for.

Returns:void