Class ProductDetailUI

UI that shows in a modal in desktop and a drawer in mobile

Hierarchy

AbstractModalDrawerUI<ProductDetailData>
- ProductDetailUI

Index

Constructors

Properties

container currentProductData descriptionLineHeight latestResponsivenessData titledPageUI

Accessors

Methods

buildInitialContent buildInitialHtml destroy getTitlePageOptions onSizeUpdate reset setData setTitlePageData updateContent updateProductCards

Constructors

constructor

new ProductDetailUI(titledPageUI: TitledPageUI, descriptionLineHeight: number): ProductDetailUI
Parameters
- titledPageUI: TitledPageUI
- descriptionLineHeight: number
Returns ProductDetailUI
Overrides AbstractModalDrawerUI.constructor
- Defined in js/modularconfig/ui/ProductDetailUI.tsx:19

Properties

`Protected` container

container: HTMLElement

`Protected` currentProductData

currentProductData: ProductCardUI[] = []

`Protected` descriptionLineHeight

descriptionLineHeight: number

`Protected` latestResponsivenessData

latestResponsivenessData: ResponsivenessData

`Protected` titledPageUI

titledPageUI: TitledPageUI

Accessors

element

get element(): HTMLElement
Returns HTMLElement
Inherited from AbstractModalDrawerUI.element
- Defined in js/modularconfig/ui/AbstractModalDrawerUI.tsx:14

Methods

`Protected` buildInitialContent

buildInitialContent(): HTMLElement
Build the content that would be housed in the titled page

Returns HTMLElement
Overrides AbstractModalDrawerUI.buildInitialContent
- Defined in js/modularconfig/ui/ProductDetailUI.tsx:23

buildInitialHtml

buildInitialHtml(): HTMLElement
Returns HTMLElement
Inherited from AbstractModalDrawerUI.buildInitialHtml
- Defined in js/modularconfig/ui/AbstractModalDrawerUI.tsx:22

destroy

destroy(): void
Destroy the UI entirely and eliminate all memory

Returns void
Inherited from AbstractModalDrawerUI.destroy
- Defined in js/modularconfig/ui/AbstractModalDrawerUI.tsx:66

`Protected` getTitlePageOptions

getTitlePageOptions(data?: ProductDetailData): Omit<TitledPageData, "showBackButton" | "content">
Get the title page options
Parameters
- Optional data: ProductDetailData
Returns Omit<TitledPageData, "showBackButton" | "content">
Overrides AbstractModalDrawerUI.getTitlePageOptions
- Defined in js/modularconfig/ui/ProductDetailUI.tsx:45

onSizeUpdate

onSizeUpdate(data: ResponsivenessData): void
Automatically called whenever the size updates
Parameters
- data: ResponsivenessData
Returns void
Overrides AbstractModalDrawerUI.onSizeUpdate
- Defined in js/modularconfig/ui/ProductDetailUI.tsx:56

reset

reset(titledPageUI?: TitledPageUI): void
Reset the UI to be re-used
Parameters
- Optional titledPageUI: TitledPageUI
Returns void
Inherited from AbstractModalDrawerUI.reset
- Defined in js/modularconfig/ui/AbstractModalDrawerUI.tsx:71

setData

setData(data: ProductDetailData): void
Parameters
- data: ProductDetailData
Returns void
Inherited from AbstractModalDrawerUI.setData
- Defined in js/modularconfig/ui/AbstractModalDrawerUI.tsx:61

`Protected` setTitlePageData

setTitlePageData(data?: ProductDetailData): void
Parameters
- Optional data: ProductDetailData
Returns void
Inherited from AbstractModalDrawerUI.setTitlePageData
- Defined in js/modularconfig/ui/AbstractModalDrawerUI.tsx:48

`Protected` updateContent

updateContent(__namedParameters: ProductDetailData): void
Update content with latest data
Parameters
- __namedParameters: ProductDetailData
Returns void
Overrides AbstractModalDrawerUI.updateContent
- Defined in js/modularconfig/ui/ProductDetailUI.tsx:27

updateProductCards

updateProductCards(data: ResponsivenessData): void
Parameters
- data: ResponsivenessData
Returns void
- Defined in js/modularconfig/ui/ProductDetailUI.tsx:63

Generated using TypeDoc