Class: SidebarView

Sidebar SidebarView

SidebarView

new SidebarView()

modules/sidebar/view.js, line 21
Fires:
  • Map#event:RadioTriggerMapUpdateSize
Listens to Events:

Extends

Methods

addContent(element, dragable){void}

modules/sidebar/view.js, line 77
Add HTML content to this sidebar
Name Type Description
element HTML Element from a tool view
dragable boolean is the sidebar resizeable?

addEventListeners(){void}

modules/sidebar/view.js, line 56
adds the eventListeners to the window Object responsible for handling the drag Events on Keyboard and Touch

dragEnd(event){void}

modules/sidebar/view.js, line 170
handles the drag End event to resize the sidebar
Name Type Description
event * the DOM-event

dragMove(event){void}

modules/sidebar/view.js, line 155
handles the drag move event to resize the sidebar
Name Type Description
event * the DOM-event
Fires:
  • Sidebar#event:RadioTriggerResize

dragStart(event){void}

modules/sidebar/view.js, line 143
handles the drag Start event to resize the sidebar
Name Type Description
event * the DOM-event

getClassName(){string}

modules/sidebar/view.js, line 44
Creates the class name.

setMapWidth(isMobile, isVisible, width){void}

modules/sidebar/view.js, line 127
Sets the width of the map
Name Type Description
isMobile boolean Flag if the portal is in mobile mode.
isVisible boolean Flag if the sidebar is visible.
width String The width of the sidebar in percent. e.g. "30%"

setWidth(model, width){void}

modules/sidebar/view.js, line 88
Sets the width.
Name Type Description
model Backbone.Model The sidebar model.
width String Width

toggle(model, isVisible){void}

modules/sidebar/view.js, line 98
Shows or hides this view.
Name Type Description
model SidebarModel The sidebar model.
isVisible boolean Flag if sidebar is visible.
Fires:
  • Map#event:RadioTriggerMapUpdateSize

toggleClass(model, isMobile){void}

modules/sidebar/view.js, line 116
Toggles the css class for this view
Name Type Description
model SidebarModel The sidebar model.
isMobile boolean Flag if the portal is in mobile mode.