Class SearchAndBrowseUI

Hierarchy

  • SearchAndBrowseUI

Implements

Constructors

constructor

Properties

_browseScreens _productScreens _root _searchAndFilter addingClassName browseData cardPopover delegate headerDescription headerTitle loading productData scrollable searchTitle

Accessors

element filtersElement usedFiltersElement

Methods

addBrowseScreen addProductScreen buildInitialHtml clearAllFilters clearFiltersElement clearUsedFiltersElement createBrowseOptionDiv createLoadingUI createProductDiv destroy determineSearchAndFilterClass finishProductAddMode hide hideCurrentScreen hideFilters hideLoading onBackButtonClick onSizeUpdate reset resetSearchAndFilters searchCallback setData setHeader setProducts show showFilters showLoading showPopoverOnProduct startProductAddMode toggleFiltersElement toggleNoResultsElement

Constructors

constructor

Properties

Protected _browseScreens

_browseScreens: {
    [key: string]: HTMLElement;
} = {}

Type declaration

  • [key: string]: HTMLElement

Protected _productScreens

_productScreens: {
    [key: string]: HTMLElement;
} = {}

Type declaration

  • [key: string]: HTMLElement

Protected _root

_root: HTMLElement

Protected _searchAndFilter

_searchAndFilter: SearchAndFilter

Protected addingClassName

addingClassName: string = 'sb-product-adding'

Protected browseData

browseData: {
    description: string;
    id: string;
    options: readonly ({ readonly id: string; readonly label: string; readonly image: string; })[];
    showBackButton?: boolean;
    title: string;
}

Type declaration

  • Readonly description: string
  • Readonly id: string
  • Readonly options: readonly ({ readonly id: string; readonly label: string; readonly image: string; })[]
  • Optional Readonly showBackButton?: boolean
  • Readonly title: string

Protected cardPopover

cardPopover: Popover

delegate

delegate: ISearchAndBrowseDelegate

Protected headerDescription

headerDescription: HTMLElement

Protected headerTitle

headerTitle: HTMLElement

Protected loading

loading: DelayedLoadingUI

Protected productData

productData: {
    categoryId: string;
    description: string;
    options: readonly ({ readonly productInfo: { readonly product: { readonly sku?: string; readonly productId?: string; readonly clientProductId?: string; readonly name?: string; readonly description?: string; readonly price?: number; ... 44 more ...; readonly setCustomProductAssembly: (productAssemblies: ProductAssembly[]) => void; }; r...)[];
    searchTitle?: string;
    showBackButton: boolean;
    title: string;
}

Type declaration

  • Readonly categoryId: string
  • Readonly description: string
  • Readonly options: readonly ({ readonly productInfo: { readonly product: { readonly sku?: string; readonly productId?: string; readonly clientProductId?: string; readonly name?: string; readonly description?: string; readonly price?: number; ... 44 more ...; readonly setCustomProductAssembly: (productAssemblies: ProductAssembly[]) => void; }; r...)[]
  • Optional Readonly searchTitle?: string
  • Readonly showBackButton: boolean
  • Readonly title: string

Protected scrollable

scrollable: HTMLElement

Protected searchTitle

searchTitle: HTMLElement

Accessors

element

filtersElement

usedFiltersElement

Methods

Protected addBrowseScreen

Protected addProductScreen

  • Attempts to retrieve a screen for the given category id, if it exists. If it does not, then a new one is created, stored and returned.

    Returns

    The screen wrapper element.

    Parameters

    • categoryId: string

      The category id for the screen.

    Returns HTMLElement

buildInitialHtml

clearAllFilters

clearFiltersElement

clearUsedFiltersElement

Protected createBrowseOptionDiv

  • Parameters

    • b: {
          id: string;
          image: string;
          label: string;
      }
      • Readonly id: string
      • Readonly image: string
      • Readonly label: string

    Returns HTMLElement

Protected createLoadingUI

Protected createProductDiv

destroy

Private determineSearchAndFilterClass

  • Parameters

    • showBackButton: boolean
    • showSearchAndFilters: boolean

    Returns void

finishProductAddMode

hide

Protected hideCurrentScreen

hideFilters

hideLoading

onBackButtonClick

onSizeUpdate

reset

resetSearchAndFilters

searchCallback

setData

  • Parameters

    • data: {
          description: string;
          id: string;
          options: readonly ({ readonly id: string; readonly label: string; readonly image: string; })[];
          showBackButton?: boolean;
          title: string;
      }
      • Readonly description: string
      • Readonly id: string
      • Readonly options: readonly ({ readonly id: string; readonly label: string; readonly image: string; })[]
      • Optional Readonly showBackButton?: boolean
      • Readonly title: string

    Returns void

Protected setHeader

setProducts

  • Parameters

    • productData: {
          categoryId: string;
          description: string;
          options: readonly ({ readonly productInfo: { readonly product: { readonly sku?: string; readonly productId?: string; readonly clientProductId?: string; readonly name?: string; readonly description?: string; readonly price?: number; ... 44 more ...; readonly setCustomProductAssembly: (productAssemblies: ProductAssembly[]) => void; }; r...)[];
          searchTitle?: string;
          showBackButton: boolean;
          title: string;
      }
      • Readonly categoryId: string
      • Readonly description: string
      • Readonly options: readonly ({ readonly productInfo: { readonly product: { readonly sku?: string; readonly productId?: string; readonly clientProductId?: string; readonly name?: string; readonly description?: string; readonly price?: number; ... 44 more ...; readonly setCustomProductAssembly: (productAssemblies: ProductAssembly[]) => void; }; r...)[]
      • Optional Readonly searchTitle?: string
      • Readonly showBackButton: boolean
      • Readonly title: string

    Returns void

show

showFilters

showLoading

showPopoverOnProduct

startProductAddMode

toggleFiltersElement

toggleNoResultsElement

Settings

Member Visibility

Theme

Generated using TypeDoc