SAGE2: UIBuilder

Add a remote side in the top sharing bar

• data <Object>

  remote site information

Build the background image/color

Buidling the UI for the display

Builds a box to display an image

• id <String>

  DOM id of the element created

• imgsrc <String>

  URL to the image

• title <String>

  text above the image

Builds a box to display a message

• id <String>

  DOM id of the element created

• message <String>

  text to display

Switch between window and application interaction mode

• pointer_data <Object>

  pointer information

Change stroke and fill color of SVG elements

• svgItem <Element>

  base node

• elementType <String>

  type of SVG element to update

• strokeColor <String>

  stroke color

• fillColor <String>

  fill color

Update remote side status and color

• data <Object>

  remote site information

Create a radial menu

• data <Object>

  menu data

Create a pointer

• pointer_data <Object>

  pointer information

Draws a drawing object gotten from the server to the tile's drawingSvg

• drawingObject <Object>

  drawing object

Close dialog to accept/reject requests for a new data sharing session from a remote site

Close dialog that displays wait message for data sharing session from a remote site

Called when auto-hide kicks, using CSS features

Hide a pointer

• pointer_data <Object>

  pointer information

Called when SVG logo file is finished loading

Deal with event in radial menu

• data <Event>

  event

Update the clock in the title bar

• val <Date>

  new time from server

Dialog to accept/reject requests for a new data sharing session from a remote site

• data <Object>

  remote site information

Dialog that displays wait message for data sharing session from a remote site

• data <Object>

  remote site information

Show a dialog on the wall when there is an error

Show the ui elements again

Show the pointer: change CSS values, update position, label and color

• pointer_data <Object>

  pointer information

Show some help

update a drawing object already drawn in the drawingSvg

• drawingObject <Object>

  drawing object

Update the radial menu state (visibility, position)

• data <Object>

  menu data

Update the list of app in the menu

• data <Object>

  data

Update the list of file in the menu

• data <Object>

  data

Update the radial menu position

• data <Object>

  menu data

Move a pointer using CSS

• pointer_data <Object>

  pointer information

Update the version number in the title bar

• data <Object>

  new time from server

Called when SVG watermark file is finished loading