SAGE2: SAGE2DisplayUI

Add an application with its icon and draw

• data <Object>

  contains .icon image of the application

Add ui element showing partition

• data <Object>
  • contains partition information

Delete an application and draw

• id <String>

  application id

Delete a partition and draw

• id <String>

  partition id

Draw the UI

Draw a rounded rectangle

• ctx <Object>

  canvas context

• x <Number>

  position x

• y <Number>

  position y

• width <Number>

  width

• height <Number>

  height

• radius <Number>

  radius of corner

• fillFlag <Bool>

  whether to fill or not

• strokeFlag <Bool>

  whether to stroke or not

Generate an image icon for media stream apps

• title <String>

  title of application

• color <String>

  color for background of icon

Highlight the top most application under the cursor

• x <Number>

  x value

• y <Number>

  y value

Initialize the object

• config <Object>

  display configuration object

• wsio <Object>

  WebsocktIO object

Handler for key down

• keyCode <Number>

  character code

Handler for key press

• charCode <Number>

  character code

Handler for key up

• keyCode <Number>

  character code

Handler for double click

Handler for mouse move

• x <Number>

  x value

• y <Number>

  y value

Handler for mouse up

• btn <String>

  mouse button name (left, right, middle)

Handler for mouse up

• btn <String>

  mouse button name (left, right, middle)

Handler for scrolling

• value <Number>

  scroll amount

Callback when the browser is resize, adjust the position of UI elements

• ratio <Number>

  scale factor

Move an application and redraw

• position_data <Object>

  oject with .elemId .elemLeft .elemTop .elemWidth .elemHeight fields

Move and scale an application and redraw

• position_data <Object>

  oject with .elemId .elemLeft .elemTop .elemWidth .elemHeight fields

Move and scale a partition and redraw

• data <Object>

  oject with .id .left .top .width .height fields

Update the upload progress bar

• percent <Number>

  progress [0.0 - 1.0]

Count the number of lines for a given maximum width

• ctx <Object>

  canvas context

• text <String>

  text to be drawn

• maxWidth <Number>

  maximum width

Reorder the application list and draw

• order <Object>

  contains the application ids and zIndex

Draw some text, and wrap it over multiple lines if necessary

• ctx <Object>

  canvas context

• text <String>

  text to be drawn

• x <Number>

  position x

• y <Number>

  position y

• maxWidth <Number>

  maximum width

• lineHeight <Number>

  line height