Reusable Accessible Mapping Platform

API Docs for: 4.0.0
Show:

GUI Class

Uses
Defined in: src\js\RAMP\Modules\gui.js:12
Module: UI
Parent Module: RAMP

A class for handling most of the GUI on the page.

Methods

_toggleFullScreenMode

(
  • fullscreen
)

Inherited from Theme: src\js\RAMP\Modules\theme.js:61

Toggles full screen mode

Parameters:

  • fullscreen Boolean

    true - full screen on; false - full screen off; undefined - toggle;

adjustHelpDimensions

() private

Defined in src\js\RAMP\Modules\gui.js:1108

Adjusts dimensions of the help panel relative to the mapContent div.

adjutSubPanelDimensions

(
  • subPanel
)
private

Defined in src\js\RAMP\Modules\gui.js:1120

Adjusts the dimensions and position of the SubPanel when layout of the page is changing.

Parameters:

  • subPanel SubPanel

    SubPanel whose dimensions and position need to be adjusted

captureSubPanel

(
  • attr
)
private

Defined in src\js\RAMP\Modules\gui.js:1259

Finds a SubPanel with origin equal to the supplied consumeOrigin and

  • changes its origin to the supplied origin
  • moves the SubPanel in the DOM hierarchy and attaches it to the specified target

Parameters:

  • attr SubPanelSettings

    Settings for the SubPanel; only origin, consumeOrigin and target are required here

dockSubPanel

(
  • attr
)
private

Defined in src\js\RAMP\Modules\gui.js:1242

Moves the SubPanel with the specified origin in the DOM hierarchy to the new specified target; if target is not specified, the SubPanel is attached to the SidePanel.

Parameters:

  • attr SubPanelSettings

    Settings for the SubPanel; only target and origin are required here

fullScreenCallback

(
  • event
  • func
)
Object chainable

Inherited from Theme: src\js\RAMP\Modules\theme.js:107

Allows to set callbacks to the full screen transition.

Parameters:

  • event String

    Event name to set a callback on

  • func Function

    A callback function

Returns:

Object:

This

hideSubPanel

(
  • attr
  • speed
  • d
)
private

Defined in src\js\RAMP\Modules\gui.js:1213

Closes the SubPanel whose origin is specified in the attr parameter.

Parameters:

  • attr SubPanelSettings

    only origin attribute is required here

  • speed Number

    Duration of the closing animation

  • d Deferred

    The deferred object to be resolved upon successful closing of the panel

isFullScreen

() Boolean

Inherited from Theme: src\js\RAMP\Modules\theme.js:122

Returns a boolean indication whether the full screen mode is on.

Returns:

Boolean:

true / false

load

(
  • id
  • req
  • load
)

Defined in src\js\RAMP\Modules\gui.js:1285

Call load to initialize the GUI module.

Parameters:

  • id Number

    ID of this module

  • req ?

    ???

  • load Function

    The callback function

newPopup

(
  • popupAttr
)
private

Inherited from PopupManager: src\js\RAMP\Utils\popupManager.js:498

Create a new PopupBase object from the settings provided.

Parameters:

Returns:

popup

newSubPanel

(
  • attr
)
SubPanel private

Defined in src\js\RAMP\Modules\gui.js:1090

Create a new SubPanel with the settings provided.

Parameters:

Returns:

SubPanel:

A newly created SubPanel

showSubPanel

(
  • attr
)
private

Defined in src\js\RAMP\Modules\gui.js:1151

Creates and opens a new SubPanel with given settings. If the SubPanel with the requested origin is already present, updates its content.

Parameters:

toggleFullScreenMode

(
  • fullscreen
)
Object chainable

Inherited from Theme: src\js\RAMP\Modules\theme.js:132

Toggles the FullScreen mode of the application

Parameters:

  • fullscreen Boolean

    true - expand; false - collapse; undefined - toggle;

Returns:

Object:

This

tooltipster

(
  • target
  • type
  • [action]
)
Object chainable

Inherited from Theme: src\js\RAMP\Modules\theme.js:146

Tooltip setter helper method.

Parameters:

  • target Jquery

    A node to looked for tooltiped children on

  • type String

    Type of the tooltips to set

  • [action] String optional

    Action name: "update" will update all the tooltips on target with their respective title attributes; null will create new tooltips

Returns:

Object:

This

Events

GUI.DATAGRID_EXPAND

Defined in src\js\RAMP\Modules\eventManager.js:102

Fires whenever the extended grid button is clicked

gui.FULLSCREEN_CHANGE

Defined in src\js\RAMP\Modules\eventManager.js:164

Published each time fullscreen is toggled

Event Payload:

  • evt Object

    the event Object

    • fullscreen Boolean

      true if fullscreen is on, false if fullscreen is off.

gui.HELP_PANEL_CHANGE

Defined in src\js\RAMP\Modules\eventManager.js:154

Published each time the help panel opens or closes.

Event Payload:

  • evt Object

    the event Object

    • visible Boolean

      true if the help panel is opened, false if the help panel is closed

gui.LAYOUT_CHANGE

Defined in src\js\RAMP\Modules\eventManager.js:174

Published each time the layout changes.

gui.PANEL_CHANGE

Defined in src\js\RAMP\Modules\eventManager.js:144

Published each time the panel opens/closes

Event Payload:

  • evt Object

    the event Object

    • visible Boolean

      true if the panel is opened, false otherwise

gui.PANEL_TOGGLE [subscribed]

Defined in src\js\RAMP\Modules\eventManager.js:183

Toggles the main panel (i.e. collapses it if was expanded, and expands it if it was collapsed)

gui.SUBPANEL_CAPTURE [subscribed]

Defined in src\js\RAMP\Modules\eventManager.js:219

Attaches subPanel node to the module that calls it in the DOM hierarchy

Event Payload:

gui.SUBPANEL_CHANGE

Defined in src\js\RAMP\Modules\eventManager.js:132

Published each time the subpanel opens/closes

Event Payload:

  • evt Object

    the event Object

    • visible Boolean

      true if the subpanel is opened, false otherwise

    • origin String
    • container JObject

      jQuery reference to the sub-panel container

gui.SUBPANEL_CLOSE [subscribed]

Defined in src\js\RAMP\Modules\eventManager.js:200

Closes the sub panel

Event Payload:

  • origin String

    the name of the module that requested to close the subPanel (e.g. "filterManager")

gui.SUBPANEL_DOCK [subscribed]

Defined in src\js\RAMP\Modules\eventManager.js:209

Moves the panel up DOM hierarchy next to the sidePanel, or to other target

Event Payload:

  • origin String

    the name of the module that requested to dock the subPanel (e.g. "filterManager")

  • target JNode

    where to move the subPanel; if not supplied; sidePanel is used

gui.SUBPANEL_OPEN [subscribed]

Defined in src\js\RAMP\Modules\eventManager.js:191

Opens the subpanel

Event Payload:

gui.TAB_DESELECTED

Defined in src\js\RAMP\Modules\eventManager.js:110

Fires whenever a tab has been deselected in the main panel

Event Payload:

  • evt Object

    the event Object

    • id String

      the id of the deselected tab

    • tabName String

      the name of the deselected tab

gui.TAB_SELECTED

Defined in src\js\RAMP\Modules\eventManager.js:121

Fires whenever a tab has been selected in the main panel

Event Payload:

  • evt Object

    the event Object

    • id String

      the id of the selected tab

    • tabName String

      the name of the selected tab

gui.TOGGLE_FULLSCREEN [subscribed]

Defined in src\js\RAMP\Modules\eventManager.js:228

Toggles the fullscreen

Event Payload:

  • evt Object

    the event Object

    • expand Boolean

      true if we should go into fullscreen mode, false if we wish to collapse to normal mode. If undefined, it toggles the fullscreen (i.e. make it fullscreen if it was not, make it collapse to regard mode if it was fullscreen).

gui/add-layer-panel-change

Defined in src\js\RAMP\Modules\eventManager.js:240

Published each time the Add Layer panel opens or closes.

Event Payload:

  • evt Object

    the event Object

    • visible Boolean

      true if the AddLayer panel is opened, false if the AddLayer panel is closed

gui/toolbar-section-close

Defined in src\js\RAMP\Modules\eventManager.js:260

Published each time a toolbar section / widget is closed.

Event Payload:

  • evt Object

    the event Object

    • id String

      id of the source section / widget

gui/toolbar-section-open

Defined in src\js\RAMP\Modules\eventManager.js:250

Published each time a toolbar section / widget is opened. Used to close other toolbar sections / widgets.

Event Payload:

  • evt Object

    the event Object

    • id String

      id of the source section / widget