Drawer

This component is responsible for drawing and maintaining the drawers and creates an object called Drawer.

---

Properties

All Drawer properties are stored in an object called Drawer.options

• Drawer.options.allContainerSel
  • Type: String
  • Selector for all drawer containers

• Drawer.options.allDrawerSel
  • Type: String
  • Selector for all drawers

• Drawer.options.allHandleSel
  • Type: String
  • Selector for all drawer handles

• Drawer.options.bottomContainerSel
  • Type: String
  • Selector for bottom drawer container

• Drawer.options.bottomDrawerSel
  • Type: String
  • Selector for bottom drawer

• Drawer.options.bottomHandleSel
  • Type: String
  • Selector for bottom drawer handle

• Drawer.options.containerSize
  • Type: Number
  • Size of a drawer container in pixels

• Drawer.options.drawersHtml
  • Type: String
  • HTML markup for drawers

• Drawer.options.drawerSize
  • Type: Number
  • Size of a drawer in pixels

• Drawer.options.handleSize
  • Type: Number
  • Size of a drawer handle in pixels

• Drawer.options.leftContainerSel
  • Type: String
  • Selector for left drawer container

• Drawer.options.leftDrawerSel
  • Type: String
  • Selector for left drawer

• Drawer.options.leftHandleSel
  • Type: String
  • Selector for left drawer handle

• Drawer.options.navbarSize
  • Type: Number
  • Width of navbar in pixels

• Drawer.options.objDefaults
  • Type: Object
  • Contains default values for drawer objects

• Drawer.options.pageSel
  • Type: String
  • Selector for the page div

• Drawer.options.rightContainerSel
  • Type: String
  • Selector for right drawer container

• Drawer.options.rightDrawerSel
  • Type: String
  • Selector for right drawer

• Drawer.options.rightHandleSel
  • Type: String
  • Selector for right drawer handle

• Drawer.options.topContainerSel
  • Type: String
  • Selector for top drawer container

• Drawer.options.topDrawerSel
  • Type: String
  • Selector for top drawer

• Drawer.options.topHandleSel
  • Type: String
  • Selector for top drawer handle

---

Methods

• Drawer.addObject(options)
  • Add an object to a drawer.
  • @param {Object} options The options for the object

• Drawer.clearDrawer(drawer)
  • Clear drawer contents.
  • @param {String} drawer The drawer to clear (‘top-drawer’, ‘right-drawer’, ‘bottom-drawer’, or ‘left-drawer’)

• Drawer.closeDrawer(drawer)
  • Close drawer.
  • @param {String} drawer The drawer to close (‘top-drawer’, ‘right-drawer’, ‘bottom-drawer’, or ‘left-drawer’)

• Drawer.getInfo(drawer)
  • Get drawer selector information for a given drawer.
  • @param {String} drawer The drawer to get information for (‘top-drawer’, ‘right-drawer’, ‘bottom-drawer’, or ‘left-drawer’)
  • @return {Object} Returns object containing selectors

• Drawer.initDisplay(top, right, bottom, left)
  • Set the intial display of drawers (opened or closed) at page load.
  • @param {Number} top If 1, open top drawer at page load
  • @param {Number} right If 1, open right drawer at page load
  • @param {Number} bottom If 1, open bottom drawer at page load
  • @param {Number} left If 1, open left drawer at page load

• Drawer.initialize(top, right, bottom, left)
  • Initialize the Drawer object.
  • @param {Number} top If 1, activate top drawer
  • @param {Number} right If 1, activate right drawer
  • @param {Number} bottom If 1, activate bottom drawer
  • @param {Number} left If 1, activate left drawer

• Drawer.initPage()
  • Set the start-up contents displayed in drawers.

• Drawer.openDrawer(drawer)
  • Open drawer.
  • @param {String} drawer The drawer to open (‘top-drawer’, ‘right-drawer’, ‘bottom-drawer’, or ‘left-drawer’)

• Drawer.populateLOInfo(id)
  • Populate node’s information in a drawer.
  • @param {String} id The node’s id

• Drawer.populateMRInfo(scopeId)
  • Populate map-reduce job’s information in a drawer.
  • @param {String} scopeId The map-reduce job’s scopeId

• Drawer.populateScriptInfo()
  • Populate the overall script information in a drawer.

• Drawer.startListeners()
  • Start listening to custom events.

• Drawer.toggleDrawer(drawer)
  • Toggle (open or close) the drawer.
  • @param {String} drawer The drawer to toggle (‘top-drawer’, ‘right-drawer’, ‘bottom-drawer’, or ‘left-drawer’)

---

Custom Events

Triggers

• closeDrawer.tossboss-drawer
• openDrawer.tossboss-drawer

Listens

• clickLogicalOperator.tossboss-graph-view
• clickMRJob.tossboss-graph-view
• clickOutsideGraph.tossboss-graph-view
• loadRunStatsData.tossboss-graph-model