Restaurant Logic Web Components

Quickly embed RL data on your website

API

<rl-form>

This component renders forms (contact, job application, and survey) from Restaurant Logic.

Attributes

formId

Type
number

organizationId

Specify the organization ID which the component should pull

Type
number

Properties

formId

Attribute
formId
Type
number

organizationId

Specify the organization ID which the component should pull

Attribute
organizationId
Type
number

<rl-hours>

This component will show all the sets of hours configured by the specified organization. The format of the days and times can be configured and styling to be added to the internal elements via ::part

Attributes

timeStyle

Type
'full'|'long'|'medium'|'short'
Default
'short'

dayStyle

Type
'long'|'short'|'narrow'
Default
'long'

timezoneStyle

Type
'none'|'long'|'short'|'shortOffset'|'longOffset'|'shortGeneric'|'longGeneric'
Default
'none'

organizationId

Type
number

Properties

organizationId

Attribute
organizationId
Type
number

CSS Shadow Parts

hour-title

The title for a set of hours

days

The list of days that a particular hourset applies to

hours

The set of hours for a particular entry

timelist

The block of all hours

<rl-location-address>

Displays an organizations's address and contact information

Attributes

_hasLitParent

Type
boolean
Default
false

hide-descendants

Hide descendant organizations (useful if desired to only show parent organization)

Type
boolean
Default
false

show-parent

Show parent organization if the main organization has locations

Type
boolean
Default
false

organizationId

Specify the organization ID which the component should pull

Type
number

organizations

Set the organization

Properties

organizationId

Specify the organization ID which the component should pull

Attribute
organizationId
Type
number

organizations

Set the organization

Attribute
organizations

CSS Shadow Parts

link

Links to sites in the address block

header

Headers for sections

street

Address number and street

city-state

The city and state of the address

postal-code

The postal code of the address

<rl-location-map>

An example element.

Attributes

hide-descendants

Hide descendant organizations (useful if desired to only show parent organization)

Type
boolean
Default
false

show-parent

Show parent organization if the main organization has locations

Type
boolean
Default
false

organizationId

Specify the organization ID which the component should pull

Type
number

organizations

Set the organization

Properties

organizationId

Specify the organization ID which the component should pull

Attribute
organizationId
Type
number

organizations

Set the organization

Attribute
organizations

<rl-location>

Displays map and contact details for an organization

Attributes

include-org-name

Whether or not to include the organization name as a title

Type
boolean
Default
false

hide-descendants

Hide descendant organizations (useful if desired to only show parent organization)

Type
boolean
Default
false

show-parent

Show parent organization if the main organization has locations

Type
boolean
Default
false

organizationId

Specify the organization ID which the component should pull

Type
number

organizations

Set the organization

Properties

includeOrgName

Whether or not to include the organization name as a title

Attribute
include-org-name
Type
boolean
Default
false

organizationId

Specify the organization ID which the component should pull

Attribute
organizationId
Type
number

organizations

Set the organization

Attribute
organizations

CSS Shadow Parts

header

Header for sections

address-header

address-street

address-city-state

address-postal-code

link

email-link

phone-link

<rl-menu-grid>

Display a menu in the grid style

Attributes

organizationId

Type
number

Properties

menu

Type
any[] | null
Default
null

chunkedSubsections

Type
any[]
Default
[]

organizationId

Attribute
organizationId
Type
number

<rl-menu-sidetabs>

Display a menu in the side tabs style

Attributes

organizationId

Type
number

Properties

menu

Type
any[] | null
Default
null

organizationId

Attribute
organizationId
Type
number

<rl-public-info>

Display all public organization information

NOTE: Not yet ready for use

Attributes

organizationId

Type
number

Properties

publicWebsiteInfo

Type
object
Default
{}

organizationId

Attribute
organizationId
Type
number

<rl-slideshow>

This component will show a single slideshow for an organization.

Attributes

slideshow

The Slideshow object to display. This can be used to display slideshows for this the data is already in memory.

Type
Slideshow|undefined

slideshowId

ID of slideshow that should be displayed. (Optional) If not supplied, will display first available slideshow

Type
number|null

organizationId

The organizationId for this slideshow

Type
number

Properties

slideshow

The Slideshow object to display. This can be used to display slideshows for this the data is already in memory.

Attribute
slideshow
Type
Slideshow|undefined

slideshowId

ID of slideshow that should be displayed. (Optional) If not supplied, will display first available slideshow

Attribute
slideshowId
Type
number|null

organizationId

The organizationId for this slideshow

Attribute
organizationId
Type
number