Class ProductDetailWidget

A widget that promotes the TECSAFE Layout configurator on a product detail page, or similar product related page. Use when a clear product context exists, usually a container vessel for foam layouts.

See

TecsafeWidgetManager

Hierarchy (view full)

BaseWidget
- ProductDetailWidget

Index

Constructors

constructor

new ProductDetailWidget(config, el, api, articleNumber): ProductDetailWidget
Creates a new ProductDetailPageWidget, not recommended to use directly, use the widget manager instead
Parameters
- config: WidgetManagerConfig
  The widget manager configuration
- el: HTMLElement
  The element to attach the widget to
- api: TecsafeWidgetManager
  The widget manager API
- articleNumber: string
  The article number of the product
Returns ProductDetailWidget
See
TecsafeWidgetManager.createProductDetailWidget
Overrides BaseWidget.constructor
- Defined in widget/ProductDetailWidget.ts:23

Properties

`Protected` `Readonly`api

api: TecsafeWidgetManager

The widget manager API

`Protected` `Readonly`articleNumber

articleNumber: string

The article number of the product

`Protected` `Readonly`config

config: WidgetManagerConfig

The widget manager configuration

`Protected`el

el: HTMLElement

The element to attach the widget to

`Protected`iframe

iframe: HTMLIFrameElement = null

The iframe element

`Protected`listeners

listeners: Map<string, MessageEventHandler<any>[]> = ...

`Protected` `Readonly`uiPath

uiPath: "product-detail" = 'product-detail'

The path to the iframe which will be appended to the uiBaseURL to get the full URL

Methods

destroy

destroy(): void
Destroys the widget

Returns void
void
See
- BaseWidget.preDestroy
- BaseWidget.postDestroy
Inherited from BaseWidget.destroy
- Defined in types/BaseWidget.ts:156

emit

emit(message, payload): this
Emits a message to the iframe
Type Parameters
- P
Parameters
- message: MessageDefinition
 The message definition
- payload: P
 The payload to send
Returns this
this
Inherited from BaseWidget.emit
- Defined in types/BaseWidget.ts:209

getIframe

getIframe(): HTMLIFrameElement
Gets the iframe element

Returns HTMLIFrameElement
The iframe element or null if it doesn't exist currently
Inherited from BaseWidget.getIframe
- Defined in types/BaseWidget.ts:146

getMessageListeners

getMessageListeners(): string[]
Gets the list of message types that have listeners registered

Returns string[]
The list of message types
Inherited from BaseWidget.getMessageListeners
- Defined in util/EventBus.ts:98

hide

hide(): void
Hides the widget, without destroying it

Returns void
void
Inherited from BaseWidget.hide
- Defined in types/BaseWidget.ts:224

isOpen

isOpen(): boolean
Returns whether the widget is open or not

Returns boolean
True if the widget is open, false otherwise
Inherited from BaseWidget.isOpen
- Defined in types/BaseWidget.ts:137

off

off(message, handler): this
Stops listening to a message from the iframe
Type Parameters
- P
Parameters
- message: MessageDefinition
 The message definition
- handler: MessageEventHandler
 The handler to remove
Returns this
this
Inherited from BaseWidget.off
- Defined in types/BaseWidget.ts:196

on

on(message, handler): this
Listens to a message from the iframe
Type Parameters
- P
Parameters
- message: MessageDefinition
 The message definition
- handler: MessageEventHandler
 The handler to call when the message is received
Returns this
this
Inherited from BaseWidget.on
- Defined in types/BaseWidget.ts:170

`Protected`onMessageExtended

onMessageExtended(event): Promise<boolean>
Lifecycle hooks for extending classes
Parameters
- event: WidgetMessageEvent<any>
 The message event
Returns Promise<boolean>
Promise Whether the message was handled

See
BaseWidget.onMessage
Inherited from BaseWidget.onMessageExtended
- Defined in types/BaseWidget.ts:237

once

once(message, handler): this
Listens to a message from the iframe once
Type Parameters
- P
Parameters
- message: MessageDefinition
 The message definition
- handler: MessageEventHandler
 The handler to call when the message is received
Returns this
this
Inherited from BaseWidget.once
- Defined in types/BaseWidget.ts:183

`Protected`postCreate

postCreate(): void
Lifecycle hook for extending classes

Returns void
See
BaseWidget.show
Inherited from BaseWidget.postCreate
- Defined in types/BaseWidget.ts:265

`Protected`postDestroy

postDestroy(): void
Lifecycle hook for extending classes

Returns void
See
BaseWidget.destroy
Inherited from BaseWidget.postDestroy
- Defined in types/BaseWidget.ts:277

`Protected`postHide

postHide(): void
Lifecycle hook for extending classes

Returns void
Inherited from BaseWidget.postHide
- Defined in types/BaseWidget.ts:287

`Protected`postShow

postShow(): void
Lifecycle hook for extending classes

Returns void
See
BaseWidget.show
Inherited from BaseWidget.postShow
- Defined in types/BaseWidget.ts:253

`Protected`preCreate

preCreate(): void
Lifecycle hook for extending classes

Returns void
See
BaseWidget.show
Inherited from BaseWidget.preCreate
- Defined in types/BaseWidget.ts:259

`Protected`preDestroy

preDestroy(): void
Lifecycle hook for extending classes

Returns void
See
BaseWidget.destroy
Inherited from BaseWidget.preDestroy
- Defined in types/BaseWidget.ts:271

`Protected`preHide

preHide(): void
Lifecycle hook for extending classes

Returns void
Inherited from BaseWidget.preHide
- Defined in types/BaseWidget.ts:282

`Protected`preShow

preShow(): void
Lifecycle hook for extending classes

Returns void
See
BaseWidget.show
Inherited from BaseWidget.preShow
- Defined in types/BaseWidget.ts:247

sendMessage

sendMessage(message): void
Sends a message to the iframe
Parameters
- message: OutMessageEnvelope
  The message to send
Returns void
void
Inherited from BaseWidget.sendMessage
- Defined in types/BaseWidget.ts:54

show

show(): void
Shows the widget, creating it if necessary

Returns void
void

See
BaseWidget.preShow BaseWidget.preCreate BaseWidget.postCreate BaseWidget.postShow
Inherited from BaseWidget.show
- Defined in types/BaseWidget.ts:110

`Protected`trigger

trigger(type, envelope, sdk, widget): void
Triggers all listeners for a given message type
Parameters
- type: string
 The message type
- envelope: MessageEnvelope<any>
 The message envelope containing the payload
- sdk: ISDK
 The SDK instance
- widget: IWidget
 The widget instance
Returns void
Inherited from BaseWidget.trigger
- Defined in util/EventBus.ts:74

Class ProductDetailWidget

See

Hierarchy (view full)

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Returns ProductDetailWidget

See

Properties

Protected Readonlyapi

Protected ReadonlyarticleNumber

Protected Readonlyconfig

Protectedel

Protectediframe

Protectedlisteners

Protected ReadonlyuiPath

Methods

destroy

Returns void

See

emit

Type Parameters

Parameters

Returns this

getIframe

Returns HTMLIFrameElement

getMessageListeners

Returns string[]

hide

Returns void

isOpen

Returns boolean

off

Type Parameters

Parameters

Returns this

on

Type Parameters

Parameters

Returns this

ProtectedonMessageExtended

Parameters

Returns Promise<boolean>

See

once

Type Parameters

Parameters

Returns this

ProtectedpostCreate

Returns void

See

ProtectedpostDestroy

Returns void

See

ProtectedpostHide

Returns void

ProtectedpostShow

Returns void

See

ProtectedpreCreate

Returns void

See

ProtectedpreDestroy

Returns void

See

ProtectedpreHide

Returns void

ProtectedpreShow

Returns void

See

sendMessage

Parameters

Returns void

show

Returns void

See

`Protected` `Readonly`api

`Protected` `Readonly`articleNumber

`Protected` `Readonly`config

`Protected`el

`Protected`iframe

`Protected`listeners

`Protected` `Readonly`uiPath

`Protected`onMessageExtended

`Protected`postCreate

`Protected`postDestroy

`Protected`postHide

`Protected`postShow

`Protected`preCreate

`Protected`preDestroy

`Protected`preHide

`Protected`preShow

`Protected`trigger