Editor Core

Namespace: emulator

Granite.author.ui. emulator

Controls the UI for the Emulator options

Source:
ui/ui.emulator.js

Members

<private, static> breakpoints

Source:
ui/ui.emulator.js

<static> currentConfig :object

Currently applied config or null

Type:
  • object
Source:
ui/ui.emulator.js

<static> currentDevice :object

Currently applied device or null

Type:
  • object
Source:
ui/ui.emulator.js

<static> currentDeviceGroup :object

Currently applied devicegroup(s)

Type:
  • object
Source:
ui/ui.emulator.js

<static> deviceMap

All devices available

Source:
ui/ui.emulator.js

Methods

<static> _getSelectorForDevice(device)

Get the selector based on the groups of a device
A device can belong to multiple device groups.
These groups will influence the selector of the page
In case the group is part of the responsive group, the selector stays empty

Parameters:
Name Type Description
device String
Source:
ui/ui.emulator.js

<static> applyDevice(devicename [, config])

Applies a device based on the name which has to be part of the page info
Or a forced config

Parameters:
Name Type Argument Description
devicename String
config <optional>
Source:
ui/ui.emulator.js

<static> getDeviceByGroup(devicegroups)

Get the first device configuration which fulfills all given groups

Parameters:
Name Type Description
devicegroups Array
Source:
ui/ui.emulator.js
Returns:

[device configuration]

Type
Object

<static> getDeviceByName(devicename)

Get the device configuration based on the name

Parameters:
Name Type Description
devicename String
Source:
ui/ui.emulator.js
Returns:

[device configuration]

Type
Object

<private, static> getDeviceConfig()

Get the device config depending on the URL and the cookie

Source:
ui/ui.emulator.js

<static> initDevices()

Init all devices which are defined in the current emulatorbar incl.
some additional information (name, groups)

Source:
ui/ui.emulator.js
Returns:

of all devices

Type
Array

<static> reset()

Resets the Emulator to its native state

Source:
ui/ui.emulator.js

<static> resetBreakpoints()

shows the breakpoints of the page info

Source:
ui/ui.emulator.js

<static> showCurrentDeviceTooltip()

shows the device which is currently chosen as a tooltip

Source:
ui/ui.emulator.js

<static> showHeightLine()

Source:
ui/ui.emulator.js

<static> showWidthLine()

Source:
ui/ui.emulator.js

<static> toggle()

Show/hide the emulator bar

Source:
ui/ui.emulator.js
Fires:

<static> updateEmulatorBar()

updates the UI state of the bar

Source:
ui/ui.emulator.js